---
layout: default
---
<script src="/js/elevator.js"></script>
{% for post in paginator.posts %}
{% if forloop.first == false %}
<hr>
{% endif %}
<div class="container">
    <div class="row">
        <div class="col-md-12 post">
            <header class="post-header">
                <h2 class="post-title">
                    <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
                </h2>
                <p class="post-meta">
                    {{ post.date | date: "%b %-d, %Y" }}{% if post.author %} • {{ post.author }}{% endif %}{% if post.meta %} • {{ post.meta }}{% endif %}
                </p>
            </header>

            <article class="post-content">
                {{post.content}}
                {% assign wordcount = post.content | number_of_words %}
                {% if wordcount > 200 %}
                <p>
                    <a class="btn btn-default" href="{{ post.url | prepend: site.baseurl }}" role="button">&gt; Weiterlesen</a>
                </p>
                {% endif %}
            </article>
        </div>
    </div>
</div>
<div id="elevator-button{{ forloop.index0 }}" class="elevator-button"><i class="fa fa-arrow-up"></i></div>


<script>
    // unfortunately elevator does not support a list of elements yet, hotfix for now, should be removed asap
    // Elevator script: https://github.com/tholman/elevator.js
    new Elevator({
        element: document.querySelector('#elevator-button{{ forloop.index0 }}'),
        mainAudio: '/media/elevator-music.mp3', // Music from http://www.bensound.com/
        endAudio: '/media/ding.mp3', // Music from http://www.bensound.com/
    });
</script>
{% endfor %}

<div class="page-navigation" style="text-align:center">
    {% if paginator.previous_page %}
    <a href="{{ paginator.previous_page_path }}">Zur&uuml;ck</a>
    {% endif %}
    | Seite {{ paginator.page }} von {{ paginator.total_pages }} |
    {% if paginator.next_page %}
    <a href="{{ paginator.next_page_path }}">Vor</a>
    {% endif %}
</div>