websites/dennogumi.org-archive
Archived
1
0
Fork 0
Code Releases Activity

Moved Breadcrumb Navigation into _includes/masthead.html

Browse source 
Breadcrumb must me called before the image caption otherwise it looks
really ugly.
This commit is contained in:
Moritz »mo.« Sauer 2015-04-03 16:02:40 +02:00
commit 07a25e31a2
1 changed files with 56 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

78
_includes/masthead.html
View file

@ -10,6 +10,12 @@
</div><!-- /.row --> </div><!-- /.row -->
</div><!-- /#masthead --> </div><!-- /#masthead -->
{% if page.breadcrumb == true %}
{% include breadcrumb.html %}
{% endif %}
{% elsif page.header.title %} {% elsif page.header.title %}
@ -22,6 +28,10 @@
</div><!-- /.row --> </div><!-- /.row -->
</div><!-- /#masthead --> </div><!-- /#masthead -->
{% if page.breadcrumb == true %}
{% include breadcrumb.html %}
{% endif %}
{% if page.header.caption_url && page.header.caption %} {% if page.header.caption_url && page.header.caption %}
<div class="masthead-caption"> <div class="masthead-caption">
<a href="{{ page.header.caption_url }}">{{ page.header.caption }}</a> <a href="{{ page.header.caption_url }}">{{ page.header.caption }}</a>
@ -34,6 +44,8 @@
{% elsif page.header.image_fullwidth %} {% elsif page.header.image_fullwidth %}
<div id="masthead"> <div id="masthead">
@ -46,6 +58,10 @@
</div><!-- /.row --> </div><!-- /.row -->
</div><!-- /#masthead --> </div><!-- /#masthead -->
{% if page.breadcrumb == true %}
{% include breadcrumb.html %}
{% endif %}
{% if page.header.caption_url && page.header.caption %} {% if page.header.caption_url && page.header.caption %}
<div class="masthead-caption"> <div class="masthead-caption">
<a href="{{ page.header.caption_url }}">{{ page.header.caption }}</a> <a href="{{ page.header.caption_url }}">{{ page.header.caption }}</a>
@ -58,6 +74,8 @@
{% elsif page.header.pattern %} {% elsif page.header.pattern %}
<div id="masthead-with-pattern" style="background: url('{{ site.url }}/images/{{ page.header.pattern }}')"> <div id="masthead-with-pattern" style="background: url('{{ site.url }}/images/{{ page.header.pattern }}')">
@ -68,27 +86,9 @@
</div><!-- /.row --> </div><!-- /.row -->
</div><!-- /#masthead --> </div><!-- /#masthead -->
{% if page.header.caption_url && page.header.caption %} {% if page.breadcrumb == true %}
<div class="masthead-caption"> {% include breadcrumb.html %}
<a href="{{ page.header.caption_url }}">{{ page.header.caption }}</a> {% endif %}
</div>
{% elsif page.header.caption %}
<div class="masthead-caption">
{{ page.header.caption }}
</div>
{% endif %}
{% elsif page.header.background-color %}
<div id="masthead-with-background-color" style="background: {{ page.header.background-color }};">
<div class="row">
<figure class="small-12 columns">
<img src="{{ site.url }}/images/{{ page.header.image }}" alt="{{ site.title }}">
</figure><!-- /.small-12.columns -->
</div><!-- /.row -->
</div><!-- /#masthead -->
{% if page.header.caption_url && page.header.caption %} {% if page.header.caption_url && page.header.caption %}
<div class="masthead-caption"> <div class="masthead-caption">
@ -102,6 +102,40 @@
{% elsif page.header == no %}
{% elsif page.header.background-color %}
<div id="masthead-with-background-color" style="background: {{ page.header.background-color }};">
<div class="row">
<figure class="small-12 columns">
<img src="{{ site.url }}/images/{{ page.header.image }}" alt="{{ site.title }}">
</figure><!-- /.small-12.columns -->
</div><!-- /.row -->
</div><!-- /#masthead -->
{% if page.breadcrumb == true %}
{% include breadcrumb.html %}
{% endif %}
{% if page.header.caption_url && page.header.caption %}
<div class="masthead-caption">
<a href="{{ page.header.caption_url }}">{{ page.header.caption }}</a>
</div>
{% elsif page.header.caption %}
<div class="masthead-caption">
{{ page.header.caption }}
</div>
{% endif %}
{% elsif page.header = no %}
{% if page.breadcrumb == true %}
{% include breadcrumb.html %}
{% endif %}
{% endif %} {% endif %}