1
0
Fork 0
blog.kempkens.io/_includes/navigation.html
2014-03-25 21:29:16 +01:00

61 lines
2.7 KiB
HTML

<nav id="dl-menu" class="dl-menuwrapper" role="navigation">
<button class="dl-trigger">Open Menu</button>
<ul class="dl-menu">
<li><a href="/">Home</a></li>
<li>
<a href="#">About</a>
<ul class="dl-submenu">
<li>
<img src="{{ site.owner.avatar | asset_path }}" alt="{{ site.owner.name }} photo" class="author-photo">
<h4>{{ site.owner.name }}</h4>
<p>{{ site.owner.bio }}</p>
</li>
<li><a href="/about/">Learn More</a></li>
{% if site.owner.email %}<li>
<a href="mailto:{{ site.owner.email }}"><i class="icon-envelope"></i> Email</a>
</li>{% endif %}
{% if site.owner.twitter %}<li>
<a href="https://twitter.com/{{ site.owner.twitter }}"><i class="icon-twitter"></i> Twitter</a>
</li>{% endif %}
{% if site.owner.app_net %}<li>
<a href="https://alpha.app.net/{{ site.owner.app_net }}"><i class="icon-adn"></i> App.net</a>
</li>{% endif %}
{% if site.owner.facebook %}<li>
<a href="http://facebook.com/{{ site.owner.facebook }}"><i class="icon-facebook"></i> Facebook</a>
</li>{% endif %}
{% if site.owner.google_plus %}<li>
<a href="{{ site.owner.google_plus }}"><i class="icon-google-plus"></i> Google+</a>
</li>{% endif %}
{% if site.owner.linkedin %}<li>
<a href="http://linkedin.com/in/{{ site.owner.linkedin }}"><i class="icon-linkedin"></i> LinkedIn</a>
</li>{% endif %}
{% if site.owner.github %}<li>
<a href="https://github.com/{{ site.owner.github }}"><i class="icon-github"></i> GitHub</a>
</li>{% endif %}
{% if site.owner.stackexchange %}<li>
<a href="{{ site.owner.stackexchange }}"><i class="icon-stackexchange"></i> Stackexchange</a>
</li>{% endif %}
{% if site.owner.instagram %}<li>
<a href="http://instagram.com/{{ site.owner.instagram }}"><i class="icon-instagram"></i> Instagram</a>
</li>{% endif %}
{% if site.owner.flickr %}<li>
<a href="http://www.flickr.com/photos/{{ site.owner.flickr }}"><i class="icon-flickr"></i> Flickr</a>
</li>{% endif %}
{% if site.owner.tumblr %}<li>
<a href="http://{{ site.owner.tumblr }}.tumblr.com"><i class="icon-tumblr"></i> Tumblr</a>
</li>{% endif %}
{% if site.owner.keybase %}<li>
<a href="https://keybase.io/{{ site.owner.keybase }}"><i class="icon-key"></i> Keybase</a>
</li>{% endif %}
</ul><!-- /.dl-submenu -->
</li>
<li>
<a href="#">Posts</a>
<ul class="dl-submenu">
<li><a href="/posts/">All Posts</a></li>
<li><a href="/tags/">All Tags</a></li>
</ul>
</li>
{% for link in site.links %}<li>{% if link.external %}<a href="{{ link.url }}" rel="external">{{ link.title }}</a>{% else %}<a href="{{ link.url }}">{{ link.title }}</a>{% endif %}</li>{% endfor %}
</ul><!-- /.dl-menu -->
</nav><!-- /.dl-menuwrapper -->