statki/views/landing.handlebars

<link rel="stylesheet" href="/assets/css/landing.css">

<div class="loginContainer">
    <div class="background">
        <div class="bgShip small ally" id="bgs1">
            <div class="field" id="f1"></div>
            <div class="field" id="f2"></div>
            <div class="field" id="f3"></div>
            <div class="field" id="f4"></div>
        </div>
        <div class="bgShip big ally" id="bgs2">
            <div class="field" id="f8"></div>
        </div>
        <div class="bgShip big enemy" id="bgs3">
            <div class="field" id="f5"></div>
            <div class="field" id="f6"></div>
            <div class="field" id="f7"></div>
        </div>
        <div class="bgShip small enemy" id="bgs4">
            <div class="field" id="f9"></div>
            <div class="field" id="f10"></div>
        </div>

        <div class="bgShip small ally" id="bgs5">
            <div class="field"></div>
            <div class="field"></div>
            <div class="field"></div>
        </div>
        <div class="bgShip big enemy" id="bgs6">
            <div class="field"></div>
            <div class="field"></div>
            <div class="field"></div>
            <div class="field"></div>
        </div>
    </div>

    <div class="container" id="loginView">
        <div class="outer">
            <h2>{{ t 'login.Login' }}</h2>
            <div class="modes">
                <div>
                    <form action="#" method="post" id="loginForm">
                        <input type="email" name="email" placeholder="{{ t 'login.E-mail address' }}"
                            style="font-size: 1rem;" id="email">
                        <input type="submit" value="{{ t 'login.Proceed' }}">
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="container" id="authView">
        <div class="outer">
            <h2>{{ t 'auth.Authorisation' }}</h2>
            <div class="modes">
                <div>
                    <p>{{ t 'auth.Enter the code sent to your e-mail box' }}</p>
                    <form action="/api/auth" method="post" id="authForm">
                        <input type="text" name="code" placeholder="{{ t 'auth.Code' }}" style="font-size: 1rem;"
                            minlength="8" maxlength="10" autocomplete="off" id="authcode">
                        <input type="submit" value="{{ t 'auth.Login' }}">
                    </form>
                </div>
            </div>
        </div>
    </div>

    <p class="footer">© 2024 MCJK <a href="/privacy">{{ t 'landing.Privacy policy' }}</a></p>
</div>

<div class="landing">
    <h1>Statki</h1>
    <p>{{ t 'landing.The #1 online multiplayer battleships game' }}</p>
    <span id="scrolldowntext">{{ t 'landing.SCROLL DOWN' }}</span>
</div>

<script>
    window.locale = {
        "Reconnecting": "{{ t 'errors.Reconnecting' }}",
        "Reconnected": "{{ t 'errors.Reconnected' }}",
        "Reconnection error occured": "{{ t 'errors.Reconnection error occured' }}",
        "Reconnection failed": "{{ t 'errors.Reconnection failed' }}",
        "Disconnected": "{{ t 'errors.Disconnected' }}",
        "Try to refresh the page if this error reoccurs": "{{ t 'errors.Try to refresh the page if this error reoccurs' }}",
        "Connection error": "{{ t 'errors.Connection error' }}",

        "E-mail address is required": "{{ t 'landing.E-mail address is required' }}",
        "Auth code is required": "{{ t 'landing.Auth code is required' }}",
    };
</script>
<script src="/assets/js/spa_lib.js"></script>
<script src="/assets/js/landing.js"></script>
<script src="/assets/js/socket-err-handler.js"></script>