117 lines
4.4 KiB
HTML
117 lines
4.4 KiB
HTML
---
|
|
layout: default
|
|
---
|
|
|
|
<div class="teaserimage">
|
|
<div class="teaserimage-image" {% if site.cover %}style="background-image: url({{ site.cover }})"{% endif %}>
|
|
Teaser Image
|
|
</div>
|
|
</div>
|
|
|
|
<header class="blog-header">
|
|
{% if site.logo %}
|
|
<a class="blog-logo" href="{{site.url}}" style="background-image: url('{{ site.logo }}')">{{ site.title }}</a>
|
|
{% endif %}
|
|
<h1 class="blog-title">{{ site.title }}</h1>
|
|
<h2 class="blog-description">{{ site.description }}</h2>
|
|
<div class="custom-links">
|
|
{% for social in site.social %}
|
|
<a class="icon-{{ social.icon }}" href="{{ social.url }}">
|
|
<i class="fa fa-{{ social.icon }}"></i>
|
|
</a>
|
|
·
|
|
{% endfor %}
|
|
<a href="{{ site.baseurl }}/about/">About</a>
|
|
·
|
|
<a href="{{ site.baseurl }}/download/">Download</a>
|
|
·
|
|
<a href="{{ site.baseurl }}/help/">Help</a>
|
|
</div>
|
|
</header>
|
|
|
|
<script>
|
|
(function ($) {
|
|
"use strict";
|
|
|
|
$(document).ready(function(){
|
|
|
|
var $window = $(window),
|
|
$image = $('.teaserimage-image');
|
|
$window.on('scroll', function() {
|
|
var top = $window.scrollTop();
|
|
|
|
if (top < 0 || top > 1500) { return; }
|
|
$image
|
|
.css('transform', 'translate3d(0px, '+top/3+'px, 0px)')
|
|
.css('opacity', 1-Math.max(top/700, 0));
|
|
});
|
|
$window.trigger('scroll');
|
|
|
|
});
|
|
|
|
}(jQuery));
|
|
</script>
|
|
|
|
<main class="content" role="main">
|
|
|
|
<h5 class="index-headline featured"><span>Featured</span></h5>
|
|
|
|
<div class="container featured">
|
|
{% for post in site.tags.featured %}
|
|
<article class="post" itemscope itemtype="http://schema.org/BlogPosting" role="article">
|
|
<div class="article-item">
|
|
<header class="post-header">
|
|
<h2 class="post-title" itemprop="name"><a href="{{ site.baseurl }}{{ post.url }}" itemprop="url">{{ post.title }}</a></h2>
|
|
</header>
|
|
<section class="post-excerpt" itemprop="description">
|
|
<p>{{ post.content | strip_html | truncatewords: 50 }}</p>
|
|
</section>
|
|
<div class="post-meta">
|
|
<time datetime="{{ post.date | date_to_long_string }}">{{ post.date | date_to_long_string }}</time>
|
|
<!-- <span class="post-tags-set">on {{#foreach tags}}<span class="post-tag-{{slug}}">{{#if @first}}{{else}}, {{/if}}<a href="/tag/{{slug}}">{{name}}</a></span>{{/foreach}}</span>-->
|
|
</div>
|
|
<div>
|
|
</article>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<h5 class="index-headline normal"><span>Regular</span></h5>
|
|
|
|
<div class="cf frame">
|
|
{% for post in paginator.posts %}
|
|
<article class="post" itemscope itemtype="http://schema.org/BlogPosting" role="article">
|
|
<div class="article-item">
|
|
<header class="post-header">
|
|
<h2 class="post-title" itemprop="name"><a href="{{ site.baseurl }}{{ post.url }}" itemprop="url">{{ post.title }}</a></h2>
|
|
</header>
|
|
<section class="post-excerpt" itemprop="description">
|
|
<p>{{ post.content | strip_html | truncatewords: 50 }}</p>
|
|
</section>
|
|
<div class="post-meta">
|
|
<time datetime="{{ post.date | date_to_long_string }}">{{ post.date | date_to_long_string }}</time>
|
|
<!-- <span class="post-tags-set">on {{#foreach tags}}<span class="post-tag-{{slug}}">{{#if @first}}{{else}}, {{/if}}<a href="/tag/{{slug}}">{{name}}</a></span>{{/foreach}}</span>-->
|
|
</div>
|
|
<div>
|
|
</article>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<nav class="pagination" role="navigation">
|
|
{% if paginator.next_page %}
|
|
<a class="newer-posts" href="/page{{paginator.next_page}}">← Older posts</a>
|
|
{% endif %}
|
|
<span class="page-number">Page {{ paginator.page }} of {{ paginator.total_pages }}</span>
|
|
{% if paginator.previous_page %}
|
|
{% if paginator.page == 2 %}
|
|
<a class="older-posts" href="/">Newer posts →</a>
|
|
{% else %}
|
|
<a class="older-posts" href="/page{{paginator.previous_page}}">Newer posts →</a>
|
|
{% endif %}
|
|
{% endif %}
|
|
</nav>
|
|
|
|
|
|
<!-- {{!! After all the posts, we have the previous/next pagination links }}
|
|
{{pagination}} -->
|
|
|
|
</main>
|