<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/index.css">
</head>

<body>
    <div class='content'>
        <h1>
            <span>Nations of Minzeo on Minecraft</span>
            <button class='form-input'><a href='#about'>About</a></button>
        </h1>
        <canvas class='map' width='1000' height='1000'></canvas>
        <h2>Position</h2>
        <pre class='coords'></pre>
        <h2>Controls</h2>
        <p><b>Pan camera:</b> [WASD/Mouse], <b>Fast motion:</b> [Q], <b>Zoom:</b> [Mouse wheel]</p>
        <h1 id='about'>About</h1>
        <p>Minzeo is a Minecraft civilization roleplay. Unlike similar servers, it isn't a short-term challenge, and has
            no claim plugins. </p>
        <p>The server's geopolitics is defined by the players and the gameplay rules.</p>
        <h2>Rules</h2>
        <ol>
            <li>Don't harrass others.</li>
            <li>Don't use glitches.</li>
            <li>Don't use utility mods or hacks. Exceptions: shaders, minimap (no caves), ViaVersion.</li>
            <li>Land that belongs to someone else can't be looted, griefed, or built on, unless the land is vastly empty
                or inactive for 5+ days (squatting).</li>
            <li>Claims of excessive size will not be mapped.</li>
            <li>The first nation to claim a land in Discord, and anyone squatting there, owns it.</li>
            <li>Wars must be declared in Discord to be valid.</li>
            <li>In a war, each nation starts with 3 points per citizen, 3 points per settlement.</li>
            <li>To end a war, a nation must have 0 points, have surrendered, or have withdrawn.</li>
            <li>Not all points need to be taken to partially annex a nation.</li>
        </ol>
        <h2>Joining</h2>
        <button class='form-input'><a href='https://discord.gg/yeyJfgAYGp'>Discord</a></button>
        <button class='form-input' onclick='copy()'><a href='#'>Minecraft</a></button>
        <button class='form-input' onclick='copy()'><a href='https://wiki.dervland.net/wiki/Minezo'>Wiki</a></button>
    </div>
    <script src="/map.js"></script>
</body>

</html>