new frontpage layout
This commit is contained in:
Moritz »mo.« Sauer
parent
7249978c52
commit
8c2df412d5
10 changed files with 229 additions and 210 deletions
84
_layouts/frontpage.html
Normal file
84
_layouts/frontpage.html
Normal file
|
|
@ -0,0 +1,84 @@
|
|||
---
|
||||
layout: default
|
||||
format: blog-index
|
||||
---
|
||||
<div id="header-home">
|
||||
<div class="row">
|
||||
<div class="small-12 columns">
|
||||
</div><!-- /.medium-4.columns -->
|
||||
</div><!-- /.row -->
|
||||
</div><!-- /#header-home -->
|
||||
|
||||
|
||||
<div class="row t60">
|
||||
<div class="medium-4 columns">
|
||||
<a href="{{ site.url }}{{ page.widget-1.url }}"><img src="{{ site.urlimg }}/{{ page.widget-1.image }}" width="302" height="182" alt=""></a>
|
||||
<h2 class="font-size-h3">{{ page.widget-1.title }}</h2>
|
||||
<p>{{ page.widget-1.text }}</p>
|
||||
<p><a class="button tiny radius" href="{{ site.url }}{{ page.widget-1.url }}">{{ site.data.language.more }}</a></p>
|
||||
</div><!-- /.medium-4.columns -->
|
||||
|
||||
|
||||
<div class="medium-4 columns">
|
||||
<a href="{{ site.url }}{{ page.widget-2.url }}"><img src="{{ site.urlimg }}/{{ page.widget-2.image }}" width="302" height="182" alt=""></a>
|
||||
<h2 class="font-size-h3">{{ page.widget-2.title }}</h2>
|
||||
<p>{{ page.widget-2.text }}</p>
|
||||
<p><a class="button tiny radius" href="{{ site.url }}{{ page.widget-2.url }}">{{ site.data.language.more }}</a></p>
|
||||
</div><!-- /.medium-4.columns -->
|
||||
|
||||
|
||||
<div class="medium-4 columns">
|
||||
<a href="{{ site.url }}{{ page.widget-2.url }}"><img src="{{ site.urlimg }}/{{ page.widget-2.image }}" width="302" height="182" alt=""></a>
|
||||
<h2 class="font-size-h3">{{ page.widget-2.title }}</h2>
|
||||
<p>{{ page.widget-2.text }}</p>
|
||||
<p><a class="button tiny radius" href="{{ site.url }}{{ page.widget-2.url }}">Download @ GitHub ›</a></p>
|
||||
</div><!-- /.medium-4.columns -->
|
||||
</div><!-- /.row -->
|
||||
|
||||
|
||||
|
||||
<div class="row t50 b20 homepage">
|
||||
<div class="small-12 columns">
|
||||
{% for post in site.posts limit:1 %}
|
||||
{% if post.image.homepage %}
|
||||
<p>
|
||||
<a href="{{ site.url }}{{ post.url }}" title="{{ post.title escape_once }}"><img width="970" src="{{ site.url }}/images/{{ post.image.homepage }}" alt="{{ page.title escape_once }}"></a>
|
||||
</p>
|
||||
|
||||
{% if post.image.url && post.image.credit %}
|
||||
<p class="text-right caption">
|
||||
<a href="{{ post.image.url }}">{{ post.image.credit }}</a>
|
||||
</p>
|
||||
{% endif %}
|
||||
{% elsif post.image.homepage == NULL %}
|
||||
<h2>{{ site.data.language.new_blog_entries }}</h2>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div><!-- /.small-12.columns -->
|
||||
</div><!-- /.row -->
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="medium-6 columns">
|
||||
{% for post in site.posts limit:1 %}
|
||||
<p class="subheadline">{% if post.subheadline %}{{ post.subheadline }}{% endif %}</p>
|
||||
<h2><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2>
|
||||
<p>
|
||||
{% if post.meta_description %}{{ post.meta_description | strip_html | escape }}{% elsif post.description %}{{ post.description | strip_html | escape }}{% endif %}
|
||||
<a href="{{ site.url }}{{ post.url }}" title="Read {{ post.title escape_once }}"><strong>{{ site.data.language.read_more }}</strong></a>
|
||||
</p>
|
||||
{% endfor %}
|
||||
</div><!-- /.medium-5.columns -->
|
||||
|
||||
|
||||
<div class="medium-6 columns">
|
||||
<p><strong>{{ site.data.language.more_articles }}</strong></p>
|
||||
{% include list-posts.html entries='3' offset='1' %}
|
||||
</div><!-- /.medium-7.columns -->
|
||||
</div><!-- /.row -->
|
||||
|
||||
|
||||
<div class="row">
|
||||
{{ content }}
|
||||
</div><!-- /.row -->
|
||||
|
|
@ -11,7 +11,6 @@ format: post-left-sidebar
|
|||
<div class="medium-8 columns">
|
||||
<article>
|
||||
<header>
|
||||
{% if page.subheadline %}<p class="subheadline">{{ page.subheadline }}</p>{% endif %}
|
||||
{% if page.image.title %}<img src="{{ site.url }}/images/{{ page.image.title }}" width="970" alt="{{ page.title escape_once }}">{% endif %}
|
||||
{% if page.image.url && page.image.credit %}
|
||||
<p class="text-right caption">
|
||||
|
|
@ -19,6 +18,7 @@ format: post-left-sidebar
|
|||
</p>
|
||||
{% endif %}
|
||||
|
||||
{% if page.subheadline %}<p class="subheadline">{{ page.subheadline }}</p>{% endif %}
|
||||
<h1>{{ page.title }}</h1>
|
||||
</header>
|
||||
{% if page.description %}
|
||||
|
|
@ -30,8 +30,6 @@ format: post-left-sidebar
|
|||
{{ content }}
|
||||
|
||||
{% include meta_information.html %}
|
||||
|
||||
</article>
|
||||
</div><!-- /.medium-8.columns -->
|
||||
</div><!-- /.row -->
|
||||
|
||||
|
|
|
|||
|
|
@ -6,13 +6,14 @@ format: post-right-sidebar
|
|||
<div class="medium-8 columns">
|
||||
<article>
|
||||
<header>
|
||||
{% if page.subheadline %}<p class="subheadline">{{ page.subheadline }}</p>{% endif %}
|
||||
{% if page.image.title %}<img src="{{ site.url }}/images/{{ page.image.title }}" width="970" alt="{{ page.title escape_once }}">{% endif %}
|
||||
{% if page.image.url && page.image.credit %}
|
||||
<p class="text-right caption">
|
||||
<a href="{{ page.image.url }}">{{ page.image.credit }}</a>
|
||||
</p>
|
||||
{% endif %}
|
||||
|
||||
{% if page.subheadline %}<p class="subheadline">{{ page.subheadline }}</p>{% endif %}
|
||||
<h1>{{ page.title }}</h1>
|
||||
</header>
|
||||
{% if page.description %}
|
||||
|
|
@ -24,7 +25,6 @@ format: post-right-sidebar
|
|||
{{ content }}
|
||||
|
||||
{% include meta_information.html %}
|
||||
|
||||
</article>
|
||||
</div><!-- /.medium-8.columns -->
|
||||
|
||||
|
|
@ -33,4 +33,3 @@ format: post-right-sidebar
|
|||
{% include sidebar.html %}
|
||||
</div><!-- /.medium-4.columns -->
|
||||
</div><!-- /.row -->
|
||||
|
||||
|
|
|
|||
Reference in a new issue