<!DOCTYPE html>
<html>
<head>
    <!-- Page Metadata -->
    <title>Fortnight!</title>
    <meta name="description" content="Foundry Virtual Tabletop - A Self-Hosted &amp; Modern Role-playing Platform">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="robots" content="noindex, nofollow">
    <link rel="icon" href="icons/vtt.png">

    <!-- Included Stylesheets -->
    <link href="fonts/fontawesome/css/all.min.css" rel="stylesheet" type="text/css" media="all">
    <link href="css/foundry2.css" rel="stylesheet" type="text/css" media="all">

    <!-- Included Scripts -->
    <script defer src="scripts/jquery.min.js"></script>
    <script defer src="scripts/handlebars.min.js"></script>
    <script defer src="scripts/handlebars-intl.min.js"></script>
    <script defer src="scripts/pixi.min.js"></script>
    <script defer src="scripts/particle-emitter.min.js"></script>
    <script defer src="scripts/pixi-graphics-smooth.js"></script>
    <script defer src="scripts/socket.io.min.js"></script>
    <script defer src="scripts/tinymce.min.js"></script>
    <script defer src="scripts/clipper/clipper.js"></script>
    <script defer src="scripts/earcut-edges/earcut-edges.js"></script>
    <script defer src="scripts/showdown.js"></script>
    <script defer src="scripts/spark-md5.min.js"></script>
    <script defer src="scripts/commons.js"></script>
    <script defer src="scripts/prosemirror.js"></script>
    <script defer src="scripts/foundry.js"></script>
    <script defer src="scripts/setup.js"></script>

    <!-- Inline Scripts -->
    <script>
    const SIGNED_EULA=true;
    const ROUTE_PREFIX="";
    const MESSAGES=null;
    </script>

    <!-- Inline Styles -->
    <style>body.background {
      --background-url: url("/images/DotMM-urchins_webp.jpg");
    }</style>
</head>

<body class="auth join flexcol background theme-foundry join-theme-default">
    <div id="main-background"></div>
    <template id="notifications"></template>

    <!-- Page Header -->
    <header id="main-header" class="flexcol">
        <h1>Fortnight!</h1>
    </header>

    <!-- Body Content -->
    <template id="join-game"></template>

    <!-- Footer Watermark -->
    <footer id="watermark" class="flexcol">
        <p id="software-version">Version 11 Build 315</p>
    </footer>

    <!-- Global Tooltip Element -->
    <aside id="tooltip" role="tooltip"></aside>
</body>
</html>