mirror of
https://github.com/safing/web
synced 2025-09-01 18:49:06 +00:00
88 lines
2.6 KiB
HTML
88 lines
2.6 KiB
HTML
<div class='ui vertical inverted sidebar menu right overlay' style="z-index: 100;">
|
|
<a class='item' href='/'>
|
|
<img class='ui image' src='{{ site.assets_url }}img/logo_v3_name_light.svg' style='width: 10rem; padding: 0.6rem;'>
|
|
</a>
|
|
<a class='item' href="/our-values" >
|
|
OUR VALUES
|
|
</a>
|
|
<a class='item' href="/technology">
|
|
TECHNOLOGY
|
|
</a>
|
|
<a class='item' href="/community-hub" >
|
|
COMMUNITY
|
|
</a>
|
|
<a class='item' href="/download">
|
|
DOWNLOAD
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<!-- START PUSHER -->
|
|
<div class="pusher">
|
|
|
|
<div class='ui inverted stackable borderless menu {% if page.home %}home{% endif %}' id='menubar'>
|
|
<div class='menu'>
|
|
<a class='item' href='/' style='padding: 0 6px;'>
|
|
<img class='ui image' src='{{ site.assets_url }}img/logo_v3_name_light.svg' style='width: 10rem; padding: 0.6rem;'>
|
|
</a>
|
|
</div>
|
|
|
|
<div class='right menu' id="menubar-computer">
|
|
<a class='item' href="/our-values">
|
|
OUR VALUES
|
|
</a>
|
|
<a class='item' href="/technology">
|
|
TECHNOLOGY
|
|
</a>
|
|
<a class='item' href="/community-hub" >
|
|
COMMUNITY
|
|
</a>
|
|
<a class='item' href="/download" style="z-index: 10;">
|
|
DOWNLOAD
|
|
</a>
|
|
<!-- <a class='item' href="/community-hub" style="z-index: 10;">
|
|
<img src='{{ site.assets_url }}img/icons/community_logo.svg' style="height: 4rem;">
|
|
</a> -->
|
|
</div>
|
|
|
|
<div class='right menu' id="menubar-mobile">
|
|
<a class='item sidebar-toggle sidebar-icon'>
|
|
<i class='sidebar icon'></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
function ready(fn) {
|
|
if (document.attachEvent ? document.readyState === "complete" : document.readyState !== "loading"){
|
|
fn();
|
|
} else {
|
|
document.addEventListener('DOMContentLoaded', fn);
|
|
}
|
|
}
|
|
|
|
function resizeFunction() {
|
|
var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth
|
|
if (w > 767) {
|
|
document.getElementById("menubar-computer").classList.remove("deactivated");
|
|
document.getElementById("menubar-mobile").classList.remove("activated");
|
|
document.getElementById("menubar").classList.remove("mobile");
|
|
} else {
|
|
document.getElementById("menubar-computer").classList.add("deactivated");
|
|
document.getElementById("menubar-mobile").classList.add("activated");
|
|
document.getElementById("menubar").classList.add("mobile");
|
|
}
|
|
}
|
|
|
|
ready(function(){
|
|
// remove stackable from menu
|
|
document.getElementById("menubar").classList.remove("stackable");
|
|
|
|
window.addEventListener("resize", resizeFunction);
|
|
resizeFunction()
|
|
})
|
|
|
|
</script>
|