You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
103 lines
4.5 KiB
103 lines
4.5 KiB
<div class="main_bar">
|
|
<div id="logo_container">
|
|
<a href="/">
|
|
<picture>
|
|
<source srcset="../img/Logo.svg" type="image/webp">
|
|
<img class="logo" type="image/svg+xml" src= "img/Logo.svg">
|
|
</picture>
|
|
</a>
|
|
</div>
|
|
<!--mobile nav-->
|
|
<nav class="hamburger_wrapper">
|
|
<!--add onclick animation js/css-->
|
|
<svg id = "icon" type="image/svg+xml" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width=".75" d="M4 6h16M4 12h16M4 18h16">
|
|
</path>
|
|
</svg>
|
|
</nav>
|
|
<div class="mobile_dropdown_container" id="md">
|
|
<div id="mobile_dropdown">
|
|
<ul>
|
|
<li>
|
|
<a type="text/html" href="/experiments">HANF</a>
|
|
<span class="drop">
|
|
<svg type="image/svg+xml" id="chevron_1" class="chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width=".75" d="M19 9l-7 7-7-7"></path>
|
|
</svg>
|
|
</span>
|
|
<ul class="down" id ="down_1">
|
|
<li><a type="text/html" href="/experiments/oil">Öle</a></li>
|
|
<li><a type="text/html" href="/experiments/flower">Blüten</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
<ul>
|
|
<li>
|
|
<a type="text/html" href="/spider">SPINNE</a>
|
|
<span class="drop">
|
|
<svg type="image/svg+xml" id="chevron_2" class="chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width=".75" d="M19 9l-7 7-7-7"></path>
|
|
</svg>
|
|
</span>
|
|
<ul class="down" id ="down_2">
|
|
<li><a type="text/html" href="/spider/spiderPi">SpiderPi</a></li>
|
|
<li><a href="/peramapp">PermApp</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<ul>
|
|
<li><a type="text/html" href=/permaculture/permApp>KAOS CUBE</a>
|
|
</li>
|
|
</ul>
|
|
<ul id="drop_up">
|
|
<li><a type="text/html" href="#">OFFGRID</a>
|
|
<span class="drop">
|
|
<svg type="image/svg+xml" id="chevron_3" class="chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width=".75" d="M19 9l-7 7-7-7"></path>
|
|
</svg>
|
|
</span>
|
|
<ul class="down" id="down_3">
|
|
<li><a type="text/html" href="#">WohnMaschine</a></li>
|
|
<li><a type="text/html" href="#">GPUMiner</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<ul>
|
|
<li><a type="text/html" href="#">CYBERPRENEUR</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!--desktop nav-->
|
|
<nav class="desktop_navigation">
|
|
<ul>
|
|
<li><a type="text/html" href="/experiments"> HANF </a>
|
|
<ul id="experiments">
|
|
<li><a type="text/html" href="/experiments/oil">Öle</a></li>
|
|
<li><a type="text/html" href="/experiments/flower">Blüten</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<ul>
|
|
<li><a type="text/html" href="/spider">SPINNE</a>
|
|
<ul>
|
|
<li id="fix"><a id="fix" type="text/html" href="/permapp">PermApp</a></li>
|
|
</ul>
|
|
</ul>
|
|
<ul>
|
|
<li><a type="text/html" href="/permaculture/permApp">KAOS CUBE</a>
|
|
</ul>
|
|
<ul>
|
|
<li><a type="text/html" href="#">CYBERPRENEUR</a>
|
|
</ul>
|
|
<ul>
|
|
<li><a type="text/html" href="#">OFFGRID</a>
|
|
<ul id="broader">
|
|
<li id="fix" ><a id="fix" href="#">Wohn Maschine</a></li>
|
|
<li id="fix"><a id="fix" href="#">GPU Miner</a></li>
|
|
</ul>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|