---
layout: default
---

<script src="/js/elevator.js"></script>

{% if page.repaircafe_intro and paginator.page == 1 %}
{% include repaircafe_intro.html %}
{% endif %}

{% for post in paginator.posts %}
{% if forloop.first == false %}
<hr style="margin-top: 40px; margin-bottom: 80px;">
{% endif %}
<div class="container" style="margin-top: 2rem;">
    <div class="row">
        <div class="col-md-12 post">

            <header class="post-header">
                <h2 class="post-title">
                    <a href="{{ post.url | relative_url }}">
                        {{ 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 | relative_url }}" 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>
{% endfor %}

<script>
    // Elevator script: https://github.com/tholman/elevator.js
    new Elevator({
        elements: document.querySelectorAll('.elevator-button'),
        mainAudio: '/media/elevator-music.mp3', // Music from http://www.bensound.com/
        endAudio: '/media/ding.mp3', // Music from http://www.bensound.com/
    });
</script>

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