diff options
| author | Carlo Landmeter <clandmeter@gmail.com> | 2016-11-10 13:33:43 +0100 |
|---|---|---|
| committer | Carlo Landmeter <clandmeter@gmail.com> | 2016-11-10 15:04:03 +0100 |
| commit | a5f489a43aa578c8fcd6c551c9343b074a9f73f3 (patch) | |
| tree | fec4498ac15ee2c6012205c5c8b6e10e260f9fe8 /_default.template.html | |
| parent | 1994529e5c09d70415865a724689a64a3d1b00c5 (diff) | |
| download | alpine-mksite-a5f489a43aa578c8fcd6c551c9343b074a9f73f3.tar.bz2 alpine-mksite-a5f489a43aa578c8fcd6c551c9343b074a9f73f3.tar.xz | |
add responsive horizontal-to-vertical menu
Diffstat (limited to '_default.template.html')
| -rw-r--r-- | _default.template.html | 57 |
1 files changed, 31 insertions, 26 deletions
diff --git a/_default.template.html b/_default.template.html index d111ee4..ff11a9d 100644 --- a/_default.template.html +++ b/_default.template.html @@ -14,41 +14,46 @@ </head> <body> <div id="wrapper"> - <div class="pure-menu pure-menu-horizontal"> - - <ul class="pure-menu-list menu-external"> - <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> - <li class="pure-menu-item"><a href="https://bugs.alpinelinux.org/projects/alpine/issues" class="pure-menu-link">bugs</a></li> - <li class="pure-menu-item"><a href="https://forum.alpinelinux.org/forum" class="pure-menu-link">forums</a></li> - <li class="pure-menu-item"><a href="https://pkgs.alpinelinux.org" class="pure-menu-link">packages</a></li> - </ul> - - <a href="/"> - <img src="/alpinelinux-logo.svg" class="alpine-logo" alt="" /> - </a> - - <ul class="pure-menu-list menu-local"> - <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> - <li class="pure-menu-item"><a href="/about" class="pure-menu-link">About</a></li> - <li class="pure-menu-item"><a href="/community" class="pure-menu-link">Community</a></li> - <li class="pure-menu-item"><a href="/sponsors" class="pure-menu-link">Sponsors</a></li> - </ul> - - </div> - + <header class="pure-g" id="header"> + <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"> + <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> + <li class="pure-menu-item"><a href="/about" class="pure-menu-link">About</a></li> + <li class="pure-menu-item"><a href="/community" class="pure-menu-link">Community</a></li> + <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"> + <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> + <li class="pure-menu-item"><a href="https://bugs.alpinelinux.org/projects/alpine/issues" class="pure-menu-link">bugs</a></li> + <li class="pure-menu-item"><a href="https://forum.alpinelinux.org/forum" class="pure-menu-link">forums</a></li> + <li class="pure-menu-item"><a href="https://pkgs.alpinelinux.org" class="pure-menu-link">packages</a></li> + </ul> + </nav> + </div> + </header> + <script type="text/javascript" src="/pure-menu.js"></script> <div class="banner"> <div class="banner-content"> <h1>Small. Simple. Secure.</h1> <h3>Alpine Linux is a security-oriented, lightweight Linux distribution based on musl libc and busybox.</h3> </div> </div> - <div id="content" class="{{{pageclass}}}"> {{{content}}} </div> <!-- end content --> - <footer>© Copyright 2016 Alpine Linux Development Team all rights reserved | <a href="/privacy-policy.html">Privacy Policy</a></footer> </div> <!-- end wrapper --> </body> |