<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Foe Frenzy - Custom Maps</title>
    <meta name="author" content="Ellpeck">
    <meta name="description" content="A fast-paced fighting game where you battle up to three of your friends with random, short-lasting items">
    <meta name="keywords" content="Ellpeck, Foe Frenzy, Steam, Discord, itch, itch.io, Battle, 2d, Top Down, Pixelart, MonoGame, Fighting, Game, Custom Map, Map, Creating, Creation">

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="../style/prettify.css">
    <link rel="icon" href="favicon.ico">

    <meta property="og:title" content="Foe Frenzy">
    <meta property="og:description" content="A fast-paced fighting game where you battle up to three of your friends with random, short-lasting items">
    <meta property="og:image" content="https://www.ellpeck.de/foefrenzy/media/logo.png">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="@Ellpeck">
    <meta name="twitter:creator" content="@Ellpeck">

    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/showdown@1.9.1/dist/showdown.min.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/prettify.js"></script>
    <script src="../node/lib/showdown-prettify.js"></script>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-150032076-2"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        let gtag = function () {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());
        gtag('config', 'UA-150032076-2');
    </script>
</head>

<body>
    <div class="main rounded">
        <a href="/foefrenzy/"><img src="media/banner.png" class="banner rounded" alt="Foe Frenzy Logo"></a>

        <div id="tutorial"></div>
        <script>
            $.ajax({
                dataType: "text",
                url: "docs/tutorial.md",
                success: function (md) {
                    var converter = new showdown.Converter({
                        extensions: ["prettify"]
                    });
                    var html = converter.makeHtml(md);

                    $("#tutorial").html(html);
                    PR.prettyPrint();
                }
            });
        </script>

        <p class="footer"><a href="https://github.com/Ellpeck/Web">&copy; 2019 Ellpeck</a> &ndash; <a href="https://ellpeck.de/#impressum">Impressum</a></p>
</body>

</html>