{% extends "base.html" %}

{% block content %}
<section class="hero is-medium is-dark">
    <div class="hero-body has-text-centered">
        <p class="title">
            Welcome to Stellar Frontier
        </p>
        <p class="subtitle">
            The ultimate space survival experience.
        </p>
        <div class="content">
            <p>Join us at <code>play.stellarfrontier.io</code></p>
            <a href="https://discord.gg/example" class="button is-link is-outlined">
                <span class="icon">
                    <i class="fab fa-discord"></i>
                </span>
                <span>Join our Discord</span>
            </a>
        </div>
    </div>
</section>
{% endblock %}