brouilleursdeblanc/_includes/navigation.html

39 lines
2 KiB
HTML
Raw Normal View History

2013-06-25 20:19:49 +00:00
<div class="navigation-wrapper">
2013-07-30 13:53:12 +00:00
<nav role="navigation" id="site-nav" class="animated drop" itemscope itemtype="http://schema.org/SiteNavigationElement">
2013-06-25 20:19:49 +00:00
<ul>
{% for link in site.links %}
<li>
{% if link.external %}
<a href="{{ link.url }}">{{ link.title }}</a>
{% else %}
<a href="{{ site.url }}{{ link.url }}">{{ link.title }}</a>
{% endif %}
</li>
2013-06-25 20:19:49 +00:00
{% endfor %}
2013-09-11 16:12:08 +00:00
<li><a href="{{ site.url }}/feed.xml" title="Atom/RSS feed"><i class="icon-rss"></i> Feed</a></li>
{% if site.search %}<li class="dosearch"><i class="icon-search"></i> Search</li>{% endif %}
2013-06-25 20:19:49 +00:00
</ul>
</nav>
</div><!-- /.navigation-wrapper -->
2013-09-11 16:12:08 +00:00
{% if site.search %}<div class="search-wrapper">
2013-09-11 18:24:55 +00:00
<div class="search-form">
<input type="text" class="search-field" placeholder="Search...">
2013-09-11 16:12:08 +00:00
<i class="icon-remove-sign icon-2x"></i>
<ul class="search-results post-list"></ul><!-- /.search-results -->
2013-09-11 18:24:55 +00:00
</div><!-- /.search-form -->
2013-09-11 16:12:08 +00:00
</div><!-- ./search-wrapper -->{% endif %}
2013-07-30 13:53:12 +00:00
{% if page.image.feature %}<header class="masthead" itemscope itemtype="http://schema.org/Organization">
2013-06-25 20:19:49 +00:00
<div class="wrap">
2013-07-30 13:53:12 +00:00
<a href="{{ site.url }}" class="site-logo" rel="home" title="{{ site.title }}" itemprop="url"><img src="{{ site.url }}/images/{{ site.logo }}" width="200" height="200" alt="{{ site.title }} logo" class="animated bounceInDown" itemprop="logo"></a>
</div>
</header><!-- /.masthead -->
{% else %}<header class="masthead" itemscope itemtype="http://schema.org/Organization">
<div class="wrap">
<a href="{{ site.url }}" class="site-logo" rel="home" title="{{ site.title }}" itemprop="url"><img src="{{ site.url }}/images/{{ site.logo }}" width="200" height="200" alt="{{ site.title }} logo" class="animated fadeInUp" itemprop="logo"></a>
2013-06-25 20:19:49 +00:00
<h1 class="site-title animated fadeIn"><a href="{{ site.url }}">{{ site.title }}</a></h1>
2013-07-30 13:53:12 +00:00
<h2 class="site-description animated fadeIn" itemprop="description">{{ site.description }}</h2>
2013-06-25 20:19:49 +00:00
</div>
</header><!-- /.masthead -->{% endif %}