<html lang="en-US">
<head>
    <script src="//code.jquery.com/jquery-3.5.1.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/3.0.4/socket.io.js"></script>
    <script type="text/javascript" async src="https://platform.twitter.com/widgets.js"></script>
    <script type="text/javascript" src="static/loader.js"></script>
    <link rel="stylesheet" href="/static/games_page.css">
    <title>⚾ The Simmadome</title>
    <meta property="og:title" content="Watch at the Simmadome" />
    <meta property="og:description" content="The Simsim: Your players, your teams, your games." />
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="@SIBR_XVI">
</head>

<body>
    <div id="header">
        <div id="link_div">
            <a href="https://www.patreon.com/sixteen" class="link" target="_blank" rel="noopener noreferrer">Patreon</a><br />
            <a href="https://github.com/Sakimori/matteo-the-prestige" class="link" target="_blank" rel="noopener noreferrer">Github</a><br />
            <a href="https://twitter.com/intent/follow?screen_name=SIBR_XVI" class="link" target="_blank" rel="noopener noreferrer">Twitter</a>
        </div>
        <h2 class="page_header" style="font-size: 50px;">THE SIMMADOME</h2>
        <h2 class="page_header">Join SIBR on <a href="https://discord.gg/UhAajY2NCW" class="link"><img src="static/discord.png" height="30"></a> to start your own games!</h2>
        <div id="filters">
            <div>Filter:</div>
            <button class="filter" id="selected_filter">All</button>
        </div>
    </div>
    <section class="container" id="container">
        <div class="emptyslot"></div>
        <div class="emptyslot"></div>
        <div class="emptyslot"></div>
    </section>
    <div id="footer">
        <div></div>
    </div>
</body>
</html>
