Version 0.9
This commit is contained in:
parent
af69d3daac
commit
b268f85c0b
50 changed files with 421 additions and 207 deletions
|
@ -1,8 +1,8 @@
|
|||
<div class="row">
|
||||
<div class="small-12 columns" style="text-align: right;">
|
||||
<a class="entypo entypo-48" href="#top-of-page">  </a>
|
||||
</div><!-- /.small-12.columns -->
|
||||
</div><!-- /.row -->
|
||||
<div id="up-to-top" class="row">
|
||||
<div class="small-12 columns" style="text-align: right;">
|
||||
<a class="entypo entypo-48" href="#top-of-page">  </a>
|
||||
</div><!-- /.small-12.columns -->
|
||||
</div><!-- /.row -->
|
||||
|
||||
|
||||
<footer id="footer-content" class="bg-grau">
|
||||
|
@ -47,7 +47,7 @@
|
|||
|
||||
<div id="subfooter">
|
||||
<nav class="row">
|
||||
<section id="subfooter-left" class="bottom-30 small-12 medium-6 columns">
|
||||
<section id="subfooter-left" class="b30 small-12 medium-6 columns">
|
||||
<ul class="inline-list">
|
||||
<li><a href="{{ site.url }}/about/">About</a></li>
|
||||
<li>We ♥ <a style="display:inline;" href="http://jekyllrb.com/" target="_blank">Jekyll</a> & <a style="display:inline;" href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a> </li>
|
||||
|
|
|
@ -1,5 +1,7 @@
|
|||
<script src="{{ site.url }}/assets/js/app.min.js"></script>
|
||||
|
||||
{% if page.image.header %}
|
||||
<script>
|
||||
$("#masthead").backstretch("{{ site.url }}/assets/img/{% if page.image.header %}{{ page.image.header }}{% else %}unsplash_3.jpg{% endif %}");
|
||||
</script>
|
||||
$("#masthead").backstretch("{{ site.url }}/assets/img/{{ page.image.header }}");
|
||||
</script>
|
||||
{% endif %}
|
|
@ -6,7 +6,7 @@ Possible parameter for this loop:
|
|||
› offset
|
||||
› category
|
||||
|
||||
Example: {% include blog-entries.html entries='3' offset='1' category='design' %}
|
||||
Example: {% include list-posts.html entries='3' offset='1' category='design' %}
|
||||
|
||||
|
||||
This loop works like this:
|
|
@ -1,4 +1,4 @@
|
|||
{% if page.image.header == "no" %}
|
||||
{% if page.image.header == NULL %}
|
||||
|
||||
<div id="masthead-no-image-header">
|
||||
<div class="row">
|
||||
|
|
|
@ -1,21 +1,20 @@
|
|||
|
||||
<div class="page-meta">
|
||||
<ul class="side-nav">
|
||||
<li class="subheader">Published on {{ page.date | date: "%d.%m.%Y" }}</li>
|
||||
<li class="subheader">{% if page.categories %}Archived in {{ page.categories | join: ' · ' | upcase }}{% endif %}</li>
|
||||
<li class="subheader">Tagged: {% for tag in page.tags %}{{tag}} · {% endfor %}</li>
|
||||
<li class="divider"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="page-meta" class="t30">
|
||||
<p>
|
||||
<span class="entypo entypo-32">📅</span> <span class="pr20">{{ page.date | date: "%d.%m.%Y" }}</span>
|
||||
{% if page.categories %}<span class="entypo entypo-32">📁</span> <span class="pr20">{{ page.categories | join: ' · ' | upcase }}{% endif %}</span>
|
||||
<span class="pr20">{% for tag in page.tags %}<span class="entypo entypo-32"></span><span class="pr10">{{tag}}</span> {% endfor %}</span>
|
||||
</p>
|
||||
|
||||
|
||||
<div id="post-nav" class="row">
|
||||
|
||||
{% if page.previous.url %}
|
||||
<div class="small-5 columns top-30"><a class="button small radius prev" href="{{page.previous.url}}">« {{page.previous.title}}</a></div><!-- /.small-4.columns -->
|
||||
{% endif %}
|
||||
<div class="small-2 columns top-30 text-center"><a class="radius button small" href="{{ site.url }}/blog/archive/" title="Blog Archive">Archive</a></div><!-- /.small-4.columns -->
|
||||
{% if page.next.url %}
|
||||
<div class="small-5 columns top-30 text-right"><a class="button small radius next" href="{{page.next.url}}">{{page.next.title}} »</a></div><!-- /.small-4.columns -->
|
||||
{% endif %}
|
||||
</div>
|
||||
<div id="post-nav" class="row">
|
||||
|
||||
{% if page.previous.url %}
|
||||
<div class="small-5 columns"><a class="button small radius prev" href="{{page.previous.url}}">« {{page.previous.title}}</a></div><!-- /.small-4.columns -->
|
||||
{% endif %}
|
||||
<div class="small-2 columns text-center"><a class="radius button small" href="{{ site.url }}/blog/archive/" title="Blog Archive">Archive</a></div><!-- /.small-4.columns -->
|
||||
{% if page.next.url %}
|
||||
<div class="small-5 columns text-right"><a class="button small radius next" href="{{page.next.url}}">{{page.next.title}} »</a></div><!-- /.small-4.columns -->
|
||||
{% endif %}
|
||||
</div>
|
||||
</div><!-- /.page-meta -->
|
|
@ -6,7 +6,7 @@ Total paginate-pages: {{ paginator.total_pages }}
|
|||
-->
|
||||
{% for post in paginator.posts %}
|
||||
<div class="row">
|
||||
<div class="small-12 columns bottom-60">
|
||||
<div class="small-12 columns b60">
|
||||
<p class="subheadline">{% if post.subheadline %}{{ post.subheadline }}{% endif %}<span class="subheader"><small> {% if post.categories %}{{ post.categories | join: ' · ' }}{% endif %}</small></span></p>
|
||||
<h2><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2>
|
||||
<p>
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
</div>
|
||||
|
||||
|
||||
<div class="ad-panel radius bottom-30">
|
||||
<div class="ad-panel radius b30">
|
||||
<img src="http://placekitten.com/271/270" alt="uh, Placekitten">
|
||||
<p class="text-left">
|
||||
This is an advertisment with crazy cats! <a href="http://placekitten.com/">Check'em out.</a>
|
||||
|
|
Reference in a new issue