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

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

    <title>{{ page.title }}</title>
    <meta name="author" content="Ellpeck">
    <meta name="description" content="{{ page.description }}">
    <meta name="keywords" content="Ellpeck, Actually Additions, Programming, Minecraft, Game Development, Nature's Aura, C#, Java, Blog, Tutorial, Pretty Pipes, Tiny Life, Ellpeck Games">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&display=swap">

    <link rel="stylesheet" href="/style/style.css">
    <link rel="icon" href="/favicon.ico">

    <meta property="og:title" content="{{ page.title }}">
    <meta property="og:description" content="{{ page.description }}">
    <meta property="og:image" content="https://ellpeck.de/res/logoSmall.png">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="@Ellpeck">
    <meta name="twitter:creator" content="@Ellpeck">

    <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>

    <script src="/scripts/util.js"></script>
    <script src="/scripts/main.js"></script>
</head>

<body data-spy="scroll" data-target="#navbar" data-offset="140">
    {% include nav/navbar.html %}

    <!-- Content -->
    <div class="container main">
        <!-- Cookie notification -->
        <div id="cookieinfo"></div>
        <script src="/scripts/cookieinfo.js"></script>
        <div id="main">
            {{ content }}
        </div>
    </div>

    {% include footer.html %}
</body>

</html>