fix refresh page bug

squidfunk/mkdocs-material#3232
this issue was guidance to root case.
Turn off nav.instant and js load order comeback to normal

.editorconfig

@@ -14,4 +14,4 @@ insert_final_newline = false
 # Markdown
 [*.md]
 trim_trailing_whitespace = false
-indent_size = 2
+indent_size = 4

docs/blog/dogdream.md

@@ -3,7 +3,7 @@ title: Сон сутулой собаки
 description: >-
     История шпиона-неудачника.
 author: HOOTSMAN, Лев Николаевич
-date: 2023
+date: 2023-06-10
 template: templates/blog.j2
 ---
 ## Хронология события

docs/game/income.md

@@ -1,13 +1,12 @@
 ---
 template: templates/tools.j2
-title: AFK tools
+title: Resources Income
 description: >
   Калькулятор для расчета инкама ресурсов в зависимости от указанных данных.
 ---
 
-*[помощь]: Штука конечно, но если вдруг! то нет xD Даже если вы не знаете языков программирования, но есть желание узнать/начать учить, пишите. С радостью поделюсь знаниями/опытом.
-
-# Прирост Ресурсов
+/// html | div#app
+///
 
 /// warning | "ATTENTION! _Please_"
 Раздел находится в _разработке_, в данный момент считает **только** суммарный профит с указанных режимов.  
@@ -41,6 +40,9 @@ description: >
     2. Слайдером регулируем количество недель.
     3. PROFIT?
 
+*[помощь]: Штука конечно, но если вдруг! то нет xD Даже если вы не знаете языков программирования, но есть желание узнать/начать учить, пишите. С радостью поделюсь знаниями/опытом.
+
+
 <script type="text/javascript" src="/afk.GG/javascripts/main.js">
         document$.subscribe(() => {
         startApp();

docs/game/lvldust.md

@@ -1,10 +1,18 @@
 ---
 template: templates/calculator.j2
-title: Dust Income | Level Progress
+title: Dust | Level Progress
 description: >
   Калькулятор для расчета инкама ресурсов в зависимости от указанных данных.
 ---
 
+/// warning | "Ограничения"
+
+❗️🔴 Расчет лвл/мес. исходя из `44500 пыль/лвл`
+
+- [x] опция Misty Valley считает суммарную пыль с туманки за прохождение `3 ⨂ 4 сундуков ⨂ 8 часов` и выбранную награду в первом слоте  `12 сундуков ⨂ 8 часов`  
+
+❗️🔴 В расчете учтены исключительно AFK инкам с сундука(с учетом созвездий и по **максимальному** показателю[^dco]) + выбранные опции, т.е. **доска** и полученные другими путями сундуки **не учитываются**!
+///
 /// info | "HOW-TO"
 Указываем параметры, profit!  
 AFK сундук и быстрые награды считаются с учетом созвездий.  
@@ -14,13 +22,7 @@ AFK сундук и быстрые награды считаются с учет
 - [x] ![sh](../assets/icons/s/mc.png){width=52} Месячная малая подписка `2 кучки ⨂ 6 часов`
 - [x] ![sh](../assets/icons/s/fr.png){width=52} Быстрые награды
 ///
-/// warning | "Ограничения"
 
-❗️🔴 Расчет лвл/мес. исходя из `44500 пыль/лвл`
 
-- [x] опция Misty Valley считает суммарную пыль с туманки за прохождение `3 ⨂ 4 сундуков ⨂ 8 часов` и выбранную награду в первом слоте  `12 сундуков ⨂ 8 часов`  
-
-❗️🔴 В расчете учтены исключительно AFK инкам с сундука(с учетом созвездий и по **максимальному** показателю[^dco]) + выбранные опции, т.е. **доска** и полученные другими путями сундуки **не учитываются**!
-///
 
 [^dco]:  `1167 пыли/день` такой инкам начинается по достижению 29 главы, после которой больше не растет.

docs/javascripts/ts/main.js

@@ -29,6 +29,7 @@ function initUser() {
 }
 function startApp() {
     L("launch app...");
+    app.appendChild(makeOut());
     drawInputs().catch((x) => L(`Promise rejected => ${x}`));
     L("app started");
 }
@@ -55,10 +56,6 @@ async function drawInputs() {
             }, 2000);
         });
     });
-    setTimeout(() => {
-        app.appendChild(makeOut());
-        console.log("draw done");
-    }, 2000);
 }
 app.addEventListener("change", (x) => {
     const tg = x.target;

docs/kb/links.md

@@ -80,11 +80,18 @@ author: compiled by HOOTSMAN
 
 ## ➤ Videos
 
-??? abstract "Hero Trials"
+/// details | bilibili
+    type: abstract
+[Bilibili search request for Hero Trials][1]{:target="_blank" rel="noopener noreferrer"}
+Поиск испытаний гильдии, в запросе на китайском 'afk arena guild trial'
 
-    [Bilibili search request](https://search.bilibili.com/all?keyword=%E5%89%91%E4%B8%8E%E8%BF%9C%E5%BE%81%20%E5%85%AC%E4%BC%9A%E8%AF%95%E7%82%BC&from_source=webtop_search&spm_id_from=333.788&search_source=5){:target="_blank" rel="noopener noreferrer"}
+[Bilibili search request for Abyssal Expedition][2]{:target="_blank" rel="noopener noreferrer"}
+Поиск видео по бездне, текст в запросе AE 團隊遠征
 
-    Поиск испытаний гильдии, в ссылке на китайском указан запрос 'afk arena guild trial'
+[Bilibili search request for Hunting Fields][3]{:target="_blank" rel="noopener noreferrer"}
+По Охотничьи Угодьям, текст в запросе HF 众神猎场
+
+///
 
 ??? abstract "[cr, camp and more](https://www.youtube.com/channel/UCqXC4sY0uLHke70krnOuBmA)"
 
@@ -111,3 +118,7 @@ author: compiled by HOOTSMAN
 ??? tip "[AFK Arena Assets](https://drive.google.com/drive/u/0/folders/1j7Hi-HoKdNjYJIJyq-UEGtIQSgv_tdCo){:target="_blank" rel="noopener noreferrer"}"
 
     Внутриигровые картинки, анимации и прочее. Может быть полезным для создателей контента.
+
+[1]: https://search.bilibili.com/all?keyword=%E5%89%91%E4%B8%8E%E8%BF%9C%E5%BE%81%20%E5%85%AC%E4%BC%9A%E8%AF%95%E7%82%BC&from_source=webtop_search&spm_id_from=333.788&search_source=5
+[2]: https://search.bilibili.com/all?keyword=AE+%E5%9C%98%E9%9A%8A%E9%81%A0%E5%BE%81&from_source=webtop_search&spm_id_from=333.788&search_source=5
+[3]: https://search.bilibili.com/all?keyword=HF+%E4%BC%97%E7%A5%9E%E7%8C%8E%E5%9C%BA&from_source=webtop_search&spm_id_from=333.788&search_source=5

docs/stylesheets/main.css

@@ -5023,5 +5023,3 @@ diagram-div {
 .md-typeset [id]:target .headerlink {
   background-color: var(--md-accent-fg-color);
 }
-
-/*# sourceMappingURL=main.css.map */

mkdocs.yml

@@ -16,6 +16,7 @@ extra_javascript:
   - https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js
   # - javascripts/avatars.js
   # - javascripts/memes.js
+  # - javascripts/main.js
   # - https://polyfill.io/v3/polyfill.min.js?features=es6
 theme:
   name: material
@@ -57,7 +58,7 @@ theme:
     - content.code.copy
     - content.code.annotate
     - header.autohide
-    - navigation.instant
+    # - navigation.instant
     - navigation.tracking
     - navigation.tabs
     - navigation.top
@@ -215,8 +216,8 @@ nav:
           - Инфографика: kb/infographics.md
           - TRESCAMBLE!: kb/trescamble.md
       - Tools:
-          - Income: game/income.md
-          - Dust/Level: game/lvldust.md
+          - game/income.md
+          - game/lvldust.md
           - Dia Values: game/diaval.md
           - Tree Estimator: game/calc.md
   - Сообщество:

overrides/main.html

@@ -1,14 +1,9 @@
-{% extends "base.html" %}
-{% block styles %} 
-    {{ super() }}
-<link rel="stylesheet" href="{{ 'stylesheets/main.css' | url }}">
-{% endblock %}
-{% block htmltitle %}
+{% extends "base.html" %} {% block styles %} {{ super() }}
+<link rel="stylesheet" href="{{ 'stylesheets/main.css' | url }}" />
+{% endblock %} {% block htmltitle %}
 <title>afk.GG</title>
-{% endblock %}
-
-{% block scripts %}
+{% endblock %} {% block scripts %}
 <!-- Add scripts that need to run before here -->
-    {{ super() }}
+{{ super() }}
 <!-- Add scripts that need to run afterwards here -->
-{% endblock %}
+{% endblock %}

overrides/templates/calculator.j2

@@ -1,5 +1,10 @@
 {% extends "main.html" %}
 
+
+{% block htmltitle %} 
+  {{ super() }} 
+{% endblock %}
+
 {% macro input(name, id=name.lower().replace(' ', '-'), value='', legend='', type='text', min=0, max=100, size=20,
 opts=[], nonval=[], icon=[]) -%}
 {% if nonval %}
@@ -44,6 +49,7 @@ opts=[], nonval=[], icon=[]) -%}
 {{ super() }}
 {% endblock %}
 {% block libs %}
+{{ super() }}
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 <script type="module" src="{{ 'javascripts/ts/dust.js' | url }}"></script>
 <script type="module" src="{{ 'javascripts/ts/types.js' | url }}"></script>
@@ -53,7 +59,7 @@ opts=[], nonval=[], icon=[]) -%}
 {% endblock %}
 <!-- Content -->
 {% block content %}
-{{ super() }}
+{% include "templates/metacontent.j2" %}
 <div id="dust-calc">
   <form id="dust-input">
     {{ input(name="",id="b", type="checkbox", legend="Set options", opts=["StoreDeal", "Misty Valley"],
@@ -67,13 +73,14 @@ opts=[], nonval=[], icon=[]) -%}
   </form>
 </div>
 <!---->
+{{ super() }}
 {{ content }}
 {% endblock %}
 {% block scripts %}
 <!-- Add scripts that need to run before here -->
 {{ super() }}
 <!-- Add scripts that need to run afterwards here -->
 <script>
-  console.log("tu pidor");
+  console.log("Enter Dustman");
 </script>
 {% endblock %}

overrides/templates/memes.j2

@@ -1,56 +1,48 @@
-{% extends "main.html" %} 
+{% extends "main.html" %}
 
-{%block libs%}
-{%endblock%}
+{% block libs %}
+{% endblock %}
 
-{% block htmltitle %} 
-  {{ super() }} 
+{% block htmltitle %}
+{{ super() }}
 {% endblock %}
 
-{%block styles%}
-  {{super()}}
-  <style>
-    .authored > code {
-        display: block;
-        border-radius: 10px;
-        font-family: 'Marvel' ,'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
-        text-align: center;
-        padding: 10px;
-        }
-  </style>
+{% block styles %}
+{{ super() }}
+<style>
+  .authored>code {
+    display: block;
+    border-radius: 10px;
+    font-family: 'Marvel', 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+    text-align: center;
+    padding: 10px;
+  }
+</style>
 {%endblock%}
 
 {% block tabs %}
   {{ super() }}
 {% endblock %}
 
-
 {% block content %}
+
   {% if not "\x3ch1" in page.content %}
-  <h1 class="red-font">{{ page.title | d(config.site_name, true)}}</h1>
+    <h1 class="red-font">{{ page.title | d(config.site_name, true)}}</h1>
   {% endif %}
   <blockquote>
     <cite>
-        {{ page.meta.description }}
+      {{ page.meta.description }}
     </cite>
   </blockquote>
-  {{ super() }} 
+  {{ super() }}
   {% if page.meta and page.meta.author %}
-      <span class="authored">
-        <code>
-                ✎ Written by 🡺 {{ page.meta.author }}
-                {% if page.meta and page.meta.date %}
-                    <span class="timeago publdate" datetime="{{ page.meta.date }}">
-                        Дата публикации: <code>{{ page.meta.date }}</code>
-                    </span>
-                {% endif %}
-        </code>
-      </span>
+    <span class="authored">
+      <code>✎ Written by 🡺 {{ page.meta.author }}</code>
+    </span>
   {% endif %}
 {% endblock %}
 
-{%block scripts%}
-
-{{super()}}
- <script src="{{ 'javascripts/memes.js' | url }}"></script> 
-{%endblock%}
+{% block scripts %}
+  <script src="{{ 'javascripts/memes.js' | url }}"></script>
+  {{ super() }}
+{% endblock %}

overrides/templates/metacontent.j2

@@ -0,0 +1,12 @@
+  {% block content %}
+
+    {% if not "\x3ch1" in page.content %}
+      <h1 class="red-font">{{ page.title | d(config.site_name, true)}}</h1>
+    {% endif %}
+    <blockquote>
+      <cite>
+          {{ page.meta.description }}
+      </cite>
+    </blockquote>
+
+  {% endblock %}

overrides/templates/tools.j2

@@ -1,19 +1,28 @@
 {% extends "main.html" %}
+
+{% block htmltitle %} 
+  {{ super() }} 
+{% endblock %}
+
 {% block styles %} {{ super() }}
 {% endblock %}
 {%block libs%}
+{{ super()  }}
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 <script type="module" src="{{ 'javascripts/ts/main.js' | url }}"></script>
 {%endblock%}
 {% block tabs %} {{ super() }}
 {% endblock %}
+
+{% block header %}
+{{ super() }}
+{% endblock %}
+
 <!-- Content -->
 {% block content %}
+{% include "templates/metacontent.j2" %}
 {{ super() }}
-<div id="app">
-</div>
 <!---->
-{{ content }}
 {% endblock %}
 {% block scripts %}
 <!-- Add scripts that need to run before here -->

src/main.ts

@@ -39,6 +39,7 @@ function initUser() {
 
 function startApp() {
   L("launch app...");
+  app.appendChild(makeOut());
   drawInputs().catch((x) => L(`Promise rejected => ${x}`));
   L("app started");
 }
@@ -70,10 +71,6 @@ async function drawInputs() {
         }, 2000);
       });
   });
-  setTimeout(() => {
-    app.appendChild(makeOut());
-    console.log("draw done");
-  }, 2000);
 }
 app.addEventListener("change", (x: InputEvent) => {
   const tg = x.target as HTMLSelectElement;