diff --git a/webserver.html b/webserver.html
index 76798c3..92e3bc9 100644
--- a/webserver.html
+++ b/webserver.html
@@ -58,74 +58,73 @@
   <section class="section">
 
     <div class="container">
-      <nav class="navbar is-transparent">
-        <div class="navbar-brand">
-          <a class="navbar-item" href="https://kyiv.dead.guru">
-            <img src="https://assada.dead.guru/storage/images/logo.png" alt="Bulma: a modern CSS framework based on Flexbox" width="112" height="28">
-            <div><span style="opacity: .9; color: #17914a; font-size: x-small;">не</span><span
-                style="font-size: x-small;">Радіоактивний!</span></div>
-
-          </a>
-          <div class="navbar-burger" data-target="navbarExampleTransparentExample">
-            <span></span>
-            <span></span>
-            <span></span>
-          </div>
-        </div>
-
-        <div id="navbarExampleTransparentExample" class="navbar-menu">
-          <div class="navbar-start">
-            <a class="navbar-item" href="https://www.saveecobot.com/radiation-maps">
-              Мапа датчиків
-            </a>
-            <div class="navbar-item has-dropdown is-hoverable">
-              <a class="navbar-link" href="#nav">
-                Корисні посилання
-              </a>
-              <div class="navbar-dropdown is-boxed">
-                <a class="navbar-item" href="https://www.windy.com/?50.321,30.504,9">
-                  Мапа вітрів
-                </a>
-                <a class="navbar-item" href="https://bit.ly/3efbPmc">
-                  Мапа укриттів
-                </a>
-                </a>
-                <a class="navbar-item" href="https://alerts.in.ua/">
-                  Мапа тривог
-                </a>
-                <a class="navbar-item" href="https://bit.ly/3egOosD">
-                  Поради від РНБО
-                </a>
-                <a class="navbar-item"
-                  href="https://dmbk.kyivcity.gov.ua/content/dii-u-vypadku-zagrozy-vynyknennya-avarii-z-vykydom-rozlyvom-radioaktyvnyh-rechovyn.html">
-                  Поради від департаменту муніципальної безпеки
-                </a>
-              </div>
-            </div>
-          </div>
-
-          <div class="navbar-end">
-            <div class="navbar-item">
-              <div class="field is-grouped">
-                <p class="control">
-                  <a class="bd-tw-button button" data-social-network="Twitter" data-social-action="tweet"
-                    data-social-target="https://bulma.io" target="_blank"
-                    href="https://twitter.com/intent/tweet?text=Київ неРадіоактивний! Перевірити можна на &amp;hashtags=КиївНеРадіоактивний&amp;url=https://kyiv.dead.guru">
-                    <span class="icon">
-                      <i class="fab fa-twitter"></i>
-                    </span>
-                    <span>
-                      Tweet
-                    </span>
-                  </a>
-                </p>
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-
       <div id="app">
+        <nav class="navbar is-transparent">
+          <div class="navbar-brand">
+            <a class="navbar-item" href="https://kyiv.dead.guru">
+              <img src="https://assada.dead.guru/storage/images/logo.png" alt="Bulma: a modern CSS framework based on Flexbox" width="112" height="28">
+              <div><span style="opacity: .9; color: #17914a; font-size: x-small;">не</span><span
+                  style="font-size: x-small;">Радіоактивний!</span></div>
+  
+            </a>
+            <div class="navbar-burger" @click="showNav = !showNav" :class="{ 'is-active': showNav }">
+              <span></span>
+              <span></span>
+              <span></span>
+            </div>
+          </div>
+  
+          <div class="navbar-menu" :class="{ 'is-active': showNav }">
+            <div class="navbar-start">
+              <a class="navbar-item" href="https://www.saveecobot.com/radiation-maps">
+                Мапа датчиків
+              </a>
+              <div class="navbar-item has-dropdown is-hoverable">
+                <a class="navbar-link" href="#nav">
+                  Корисні посилання
+                </a>
+                <div class="navbar-dropdown is-boxed">
+                  <a class="navbar-item" href="https://www.windy.com/?50.321,30.504,9">
+                    Мапа вітрів
+                  </a>
+                  <a class="navbar-item" href="https://bit.ly/3efbPmc">
+                    Мапа укриттів
+                  </a>
+                  </a>
+                  <a class="navbar-item" href="https://alerts.in.ua/">
+                    Мапа тривог
+                  </a>
+                  <a class="navbar-item" href="https://bit.ly/3egOosD">
+                    Поради від РНБО
+                  </a>
+                  <a class="navbar-item"
+                    href="https://dmbk.kyivcity.gov.ua/content/dii-u-vypadku-zagrozy-vynyknennya-avarii-z-vykydom-rozlyvom-radioaktyvnyh-rechovyn.html">
+                    Поради від департаменту муніципальної безпеки
+                  </a>
+                </div>
+              </div>
+            </div>
+  
+            <div class="navbar-end">
+              <div class="navbar-item">
+                <div class="field is-grouped">
+                  <p class="control">
+                    <a class="bd-tw-button button" data-social-network="Twitter" data-social-action="tweet"
+                      data-social-target="https://bulma.io" target="_blank"
+                      href="https://twitter.com/intent/tweet?text=Київ неРадіоактивний! Перевірити можна на &amp;hashtags=КиївНеРадіоактивний&amp;url=https://kyiv.dead.guru">
+                      <span class="icon">
+                        <i class="fab fa-twitter"></i>
+                      </span>
+                      <span>
+                        Tweet
+                      </span>
+                    </a>
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
         <div v-if="al" class="notification is-warning">
           <button class="delete" @click="al = !al"></button>
           Використовуйте ландшафтну орієнтацію екрану для зручного перегляду. Ще краще — планшет чи комп'ютер.
@@ -213,6 +212,7 @@
           spectrum_duration: 0,
           rates_autoupdate: true,
           al: true,
+          showNav: false,
           rates_series: [],
           spectrum_accum: false,
           spectrum_series: [],