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

You can add captions now to header images and article images

Browse source
This commit is contained in:
Moritz »mo.« Sauer 2015-03-12 19:30:50 +01:00
parent afe5307a29
commit 8ef95125bd
12 changed files with 144 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

52
_includes/masthead.html
View file

@ -22,6 +22,16 @@
</div><!-- /.row -->
</div><!-- /#masthead -->
{% 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.image_fullwidth %}
@ -36,32 +46,62 @@
</div><!-- /.row -->
</div><!-- /#masthead -->
{% 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.pattern %}
<div id="masthead-with-pattern" style="background: url('{{ site.url }}/images/{{ page.header.pattern }}')">
<div class="row">
<div class="small-12 columns">
<figure class="small-12 columns">
<img src="{{ site.url }}/images/{{ page.header.image }}" alt="{{ site.title }}">
</div><!-- /.small-12.columns -->
</figure><!-- /.small-12.columns -->
</div><!-- /.row -->
</div><!-- /#masthead -->
{% 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.background-color %}
<div id="masthead-with-background-color" style="background: {{ page.header.background-color }};">
<div class="row">
<div class="small-12 columns">
<figure class="small-12 columns">
<img src="{{ site.url }}/images/{{ page.header.image }}" alt="{{ site.title }}">
</div><!-- /.small-12.columns -->
</figure><!-- /.small-12.columns -->
</div><!-- /.row -->
</div><!-- /#masthead -->
{% 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 %}
{% endif %}