Burger toggle
This commit is contained in:
parent
a72472bd16
commit
f948cd9fc0
134
webserver.html
134
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=Київ неРадіоактивний! Перевірити можна на &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">
|
||||
<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">
|
||||
<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: [],
|
||||
|
Loading…
Reference in New Issue
Block a user