joshua/dash-website
1
0
Fork 0
mirror of https://github.com/seigler/dash-website synced 2025-07-27 07:16:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Navigation

Browse source 
- Split the navigation out to separate files.
- Set the navigation items to i18n strings.
- Updated the overlay css to accommodate the number of nav items.
This commit is contained in:
Perry Woodin 2016-07-12 10:21:59 -04:00
parent fecf2766d0
commit fd43071a3c
14 changed files with 145 additions and 133 deletions
Download patch file Download diff file Expand all files Collapse all files

31
_layouts/default.html
View file

@ -2,7 +2,7 @@
<html>
<head>
<meta charset="UTF-8">
<title>{% if page.title %}{{ t page.title }} &mdash; {% endif %}Dash</title>
<title>{% if page.title %}{% t page.title %} &mdash; {% endif %}Dash</title>
<meta name="description" content="{{ page.description }}">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
@ -47,19 +47,7 @@
<a href="#"><img src="assets/img/logo-white.png" alt="Dash" class="logo"></a>
<!-- Navigation -->
<nav class="desktop">
<ul>
<li><a href="#">WHAT IS DASH</a></li>
<li><a href="#">GET DASH</a></li>
<li><a href="#">PARTICIPATE</a></li>
<li><a href="#">CURRENCY</a></li>
<li><a href="#">COMMUNITY</a></li>
<li><a href="#">BLOG</a></li>
<li><a href="#">PROJECT</a></li>
<li><a href="#">ENGLISH</a></li>
<li><a href="#">S</a></li>
</ul>
</nav>
{% include nav-desktop.html %}
<div class="button_container" id="toggle">
<span class="top"></span>
@ -75,7 +63,7 @@
</div>
</div>
<!-- {{ content }} -->
{{ content }}
<!-- Footer -->
<footer class="content">
@ -87,18 +75,7 @@
<!-- Mobile Nav -->
<div class="overlay" id="overlay">
<a href="/"><img src="/assets/img/logo-white.png" alt="Dash" class="logo"></a>
<nav class="overlay-menu">
<ul>
<li><a href="#">WHAT IS DASH</a></li>
<li><a href="#">GET DASH</a></li>
<li><a href="#">PARTICIPATE</a></li>
<li><a href="#">CURRENCY</a></li>
<li><a href="#">COMMUNITY</a></li>
<li><a href="#">BLOG</a></li>
<li><a href="#">PROJECT</a></li>
<li><a href="#">ENGLISH</a></li>
</ul>
</nav>
{% include nav-mobile.html %}
</div>
<script src="/assets/js/full-menu.js"></script>