{{ define "main" }}
<div class="row">
    <div class="col-12">
        <h1>Welcome to <em>Sketchy Maze!</em></h1>

        <p>
            <strong>Sketchy Maze</strong> is a drawing-based maze game themed around
            hand-drawn maps on paper.
        </p>

        <p>
            In <em>Sketchy Maze</em>, players may draw their own custom levels and play
            them as in a 2D platformer-type game. You can make your levels look like anything
            you want, and you decide which colors will be solid or which are fire; and then
            drag some "doodads" such as buttons, keys and creatures into your level to
            make it interesting. Oh, and those doodads? You can make your own, too, and
            program them in JavaScript to do whatever you want!
        </p>

        <p>
            <img src="/images/v0.11.0-title.png" class="center portrait">
        </p>

        <div class="text-center">
            <em><small>Runs on:</small></em><br>
            <span style="font-size: 42pt">
                <i class="fab fa-ubuntu" title="Ubuntu (& Debian)" style="color: #e95420"></i>
                <i class="fab fa-fedora" title="Fedora" style="color: #4e9dd3; padding: 0 12px"></i>
                <i class="fab fa-linux" title="GNU/Linux (PC and ARM)"></i>
                <i class="fab fa-windows" title="Microsoft Windows PC" style="color: #0067b8; padding: 0 12px"></i>
                <i class="fab fa-apple pl-4" title="Apple macOS (Intel)" style="color: #acacac; text-shadow: 1px 1px 1px #000"></i>
            </span>
        </div>

        <p>
            This game currently runs on <strong>GNU/Linux, Windows</strong> and <strong>macOS</strong>
            (Intel) computers and on Linux handhelds like the Pinephone or Librem 5 (arm64).
            It is currently available as an early, <strong>open beta</strong>
            release. See the <a href="/download/">Downloads</a> page to try it out, free!
        </p>

        <p>
            See <a href="/about/">About</a>, <a href="/faq/">FAQ</a> and the
            <a href="/guidebook">Guidebook</a> for more information about the game.
        </p>

        <hr>

        {{ range first 5 .Site.Pages.ByPublishDate.Reverse }}
        <h1><a class="title" href="{{ .RelPermalink }}">{{ .Title }}</a></h1>
        {{ partial "metadata.html" . }}
        <div>{{ .Content }}</div>
        {{ end }}
    </div>
</div>
{{ end }}