{% extends 'pageWrapper.html' %}

{% block head %}
    <title>MultiWorld</title>
    <link rel="stylesheet" type="text/css" href="{{ static_autoversion("styles/landing.css") }}" />
{% endblock %}

{% block body %}
    <div id="landing-wrapper">
        <div id="landing-header">
            <h4>the legend of zelda: a link to the past</h4>
            <h1>MULTIWORLD RANDOMIZER</h1>
        </div>
        <div id="landing-links">
            <a href="/generate" id="generate-button">start<br />playing</a>
            <a href="/uploads" id="uploads-button">host<br />game</a>
            <a href="/tutorial" id="setup-guide-button">setup guide</a>
            <a href="/player-settings" id="player-settings-button">player settings</a>
            <a href="https://discord.gg/8Z65BR2" id="discord-button">discord</a>
        </div>
        <div id="landing-clouds">
            <img id="cloud1" src="/static/static/backgrounds/clouds/cloud-0001.png"/>
            <img id="cloud2" src="/static/static/backgrounds/clouds/cloud-0002.png"/>
            <img id="cloud3" src="/static/static/backgrounds/clouds/cloud-0003.png"/>
        </div>
        <div id="landing-decorations">
            <img id="landing-deco-1" class="landing-deco deco-island" src="/static/static/decorations/island-b.png" />
            <img id="landing-deco-2" class="landing-deco deco-island" src="/static/static/decorations/island-c.png" />
            <img id="landing-deco-3" class="landing-deco deco-rock" src="/static/static/decorations/rock-a.png" />
            <img id="landing-deco-4" class="landing-deco deco-rock" src="/static/static/decorations/rock-a.png" />
            <img id="landing-deco-5" class="landing-deco deco-rock" src="/static/static/decorations/rock-a.png" />
            <img id="landing-deco-6" class="landing-deco deco-rock" src="/static/static/decorations/rock-a.png" />
        </div>
        <div id="landing" class="grass-island">
            <div id="landing-body">
                <p id="first-line">Welcome to the Multiworld Randomizer!</p>
                <p>This is a <span data-tooltip="Allegedly.">randomizer</span> for The Legend of Zelda: A
                    Link to the Past.</p>
                <p>This is also a multi-world, meaning Link's items may have been placed into other players' games.
                    When a player picks up an item which does not belong to them, it is sent back to the player
                    it belongs to.</p>
                <p>This website allows you to generate and host multiworld games, and provides item and location
                    trackers for games hosted here.</p>
                <p>
                    <span class="variable">{{ seeds }}</span>
                    games were created and
                    <span class="variable">{{ rooms }}</span>
                    were hosted in the last 7 days.
                </p>
            </div>
        </div>
    </div>
    {% include 'islandFooter.html' %}
{% endblock %}