brouilleursdeblanc/_includes/navigation.html
2014-04-13 01:20:52 +08:00

44 lines
1.9 KiB
HTML

<div class="navigation-wrapper">
<nav role="navigation" id="site-nav" class="animated drop">
<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>
{% endfor %}
<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 %}
</ul>
</nav>
</div><!-- /.navigation-wrapper -->
{% include browser-upgrade.html %}
{% if site.search %}<div class="search-wrapper">
<div class="search-form">
<input type="text" class="search-field" placeholder="Search...">
<i class="icon-remove-sign icon-2x"></i>
<ul class="search-results post-list"></ul><!-- /.search-results -->
</div><!-- /.search-form -->
</div><!-- ./search-wrapper -->{% endif %}
{% if page.image.feature %}<header class="masthead">
{% if site.logo != null %}
<div class="wrap">
<a href="{{ site.url }}/" class="site-logo" rel="home" title="{{ site.title }}"><img src="{{ site.url }}/images/{{ site.logo }}" width="200" height="200" alt="{{ site.title }} logo" class="animated bounceInDown"></a>
</div>
{% endif %}
</header><!-- /.masthead -->
{% else %}<header class="masthead">
<div class="wrap">
{% if site.logo != null %}
<a href="{{ site.url }}/" class="site-logo" rel="home" title="{{ site.title }}"><img src="{{ site.url }}/images/{{ site.logo }}" width="200" height="200" alt="{{ site.title }} logo" class="animated fadeInUp"></a>
{% endif %}
<h1 class="site-title animated fadeIn"><a href="{{ site.url }}/">{{ site.title }}</a></h1>
<h2 class="site-description animated fadeIn" itemprop="description">{{ site.description }}</h2>
</div>
</header><!-- /.masthead -->{% endif %}