<div class="section">
    <h1 id="about">About Tiny Life</h1>
    <p>Tiny Life is a fun simulation game that aims to capture the essence of games like The Sims, but in an isometric pixelart style.</p>
    <p>In the game, you control a set of people that live together in a household. You take care of their daily needs, build their skills, forge new relationships... or just mess up their entire life in whatever way you can think of!</p>

    {% for item in site.data.screenshots %}
    <div class="screenshot">
        <img src="media/screenshots/{{ item.value }}" width="100%" class="screen">
        <div class="feature feature-{{ forloop.index0 | modulo: 2 }}">
            <p>{{ item.text }}</p>
        </div>
    </div>
    {% endfor %}

    <div class="trailer">
        <iframe src="https://www.youtube.com/embed/iw-D7queVUI" title="Tiny Life Trailer" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    </div>
</div>