Burger toggle
This commit is contained in:
parent
a72472bd16
commit
f948cd9fc0
GPG Key ID:
8905E8CE5CC3000D
134
webserver.html
134
webserver.html
@ -58,74 +58,73 @@
|
|||||||
<section class="section">
|
<section class="section">
|
||||||
|
|
||||||
<div class="container">
|
<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=Київ неРадіоактивний! Перевірити можна на &hashtags=КиївНеРадіоактивний&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">
|
<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=Київ неРадіоактивний! Перевірити можна на &hashtags=КиївНеРадіоактивний&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">
|
<div v-if="al" class="notification is-warning">
|
||||||
<button class="delete" @click="al = !al"></button>
|
<button class="delete" @click="al = !al"></button>
|
||||||
Використовуйте ландшафтну орієнтацію екрану для зручного перегляду. Ще краще — планшет чи комп'ютер.
|
Використовуйте ландшафтну орієнтацію екрану для зручного перегляду. Ще краще — планшет чи комп'ютер.
|
||||||
@ -213,6 +212,7 @@
|
|||||||
spectrum_duration: 0,
|
spectrum_duration: 0,
|
||||||
rates_autoupdate: true,
|
rates_autoupdate: true,
|
||||||
al: true,
|
al: true,
|
||||||
|
showNav: false,
|
||||||
rates_series: [],
|
rates_series: [],
|
||||||
spectrum_accum: false,
|
spectrum_accum: false,
|
||||||
spectrum_series: [],
|
spectrum_series: [],
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user