diff options
| author | Stefan Wagner <stw@bit-strickerei.de> | 2016-11-10 19:54:02 +0100 |
|---|---|---|
| committer | Carlo Landmeter <clandmeter@gmail.com> | 2016-11-11 10:04:46 +0100 |
| commit | 0eb492e32c7e65e16c9e50a85feae87a212b42d6 (patch) | |
| tree | 6b2aac0d55ad11d0241e5332fa30f0008431ecfe /_default.template.html | |
| parent | 5ead44bf88969c472f800456a49a29a02d9883e0 (diff) | |
| download | alpine-mksite-0eb492e32c7e65e16c9e50a85feae87a212b42d6.tar.bz2 alpine-mksite-0eb492e32c7e65e16c9e50a85feae87a212b42d6.tar.xz | |
replace responsive navbar with a pure css solution
Diffstat (limited to '_default.template.html')
| -rw-r--r-- | _default.template.html | 12 |
1 files changed, 5 insertions, 7 deletions
diff --git a/_default.template.html b/_default.template.html index aed6c20..ecf6aa5 100644 --- a/_default.template.html +++ b/_default.template.html @@ -18,11 +18,12 @@ <div class="pure-u-1 pure-u-lg-4-24"> <div class="logo"> <a href="/"><img src="http://alpine.nethq.org/alpinelinux-logo.svg" class="pure-img" alt="" /></a> - <a href="#" id="menu-toggle"><s class="bar"></s><s class="bar"></s></a> </div> </div> - <div class="pure-u-1 pure-u-lg-10-24 box-relative"> - <nav class="pure-menu pure-menu-horizontal menu-can-transform menu-local"> + <input type="checkbox" id="menu-toggle-cb"> + <label id="menu-toggle" for="menu-toggle-cb" onclick><s class="bar"></s><s class="bar"></s></label> + <div class="pure-u-1 pure-u-lg-20-24 box-relative menu-wrapper"> + <nav class="pure-menu pure-menu-horizontal menu-local"> <ul class="pure-menu-list"> <li class="pure-menu-item"><a href="/" class="pure-menu-link">Home</a></li> <li class="pure-menu-item"><a href="/downloads" class="pure-menu-link">Downloads</a></li> @@ -31,9 +32,7 @@ <li class="pure-menu-item"><a href="/sponsors" class="pure-menu-link">Sponsors</a></li> </ul> </nav> - </div> - <div class="pure-u-1 pure-u-lg-10-24"> - <nav class="pure-menu pure-menu-horizontal menu-can-transform menu-external"> + <nav class="pure-menu pure-menu-horizontal menu-external"> <ul class="pure-menu-list"> <li class="pure-menu-item"><a href="https://wiki.alpinelinux.org" class="pure-menu-link">wiki</a></li> <li class="pure-menu-item"><a href="http://git.alpinelinux.org" class="pure-menu-link">git</a></li> @@ -44,7 +43,6 @@ </nav> </div> </header> - <script type="text/javascript" src="/pure-menu.js"></script> <div class="banner"> <div class="banner-content"> <h1>Small. Simple. Secure.</h1> |