Mijn HTML-basis­sjabloon

Dit is het HTML-sjabloon dat ik gebruik om nieuwe pagina’s te maken. Ik dacht dat ik het hier op een eigen pagina zou zetten, voor mijn eigen gemak en het jouwe.

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

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Paginatitel | Marijns site 🍇</title>
    <link href="/style.css" rel="stylesheet">
    <link href="/fonts/source_sans.css" rel="stylesheet"> <!-- (Schreefloos; standaard)-->
    <!-- <link href="/fonts/eb_garamond.css" rel="stylesheet"> (Schreven) -->
    <!-- <link href="/fonts/cormorant.css" rel="stylesheet"> (Decoratief, met schreven) -->
    <link rel="icon" href="/favicon.png">
    <link rel="license" href="https://creativecommons.org/publicdomain/zero/1.0/legalcode">
    <!-- Kanttekeningen
        <link href="/sidenotes.css" rel="stylesheet">
        <script src="/sidenotes.js"></script>  -->

    <!-- Sociale media-afbeeldingen -->
    <meta property="og:url" content="https://marijn.uk">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Paginatitel">
    <meta property="og:image" content="https://marijn.uk/og_image.png">
    <meta property="og:image:alt" content="">
    <meta property="og:description" content="Ch&aelig;re! Ik ben Marijn...">
    <meta property="og:site_name" content="Marijns site &#127815;">
    <meta property="og:locale" content="nl">

    <style>
        :root {
            /* --background: #ffdead; 
            --text: #05050f;
            --accent: #1a2b3c;
            --accent_translucent: #1a2b3c88;
            --accent_seethrough: #1a2b3c22; */
        }

        body {
            /* font-family: var(--your-font-stack-goes-here); */
        }
    </style>
</head>

<body>
    <main>
        <h1>Paginatitel</h1>

        <!-- Language variants
        <nav class="languages">
                <ul>
                    <li>
                        <a href="/english" hreflang="en-GB" lang="en-GB">
                            <img class="flag" src="/flags/gb.png">
                            English
                        </a>
                    </li>
                    <li>
                        <img class="flag" src="/flags/nl.png">
                        Nederlands
                    </li>
                </ul>
        </nav>
        -->

        <p>Tekst moet hier, enzovoort, enzovoort...</p>

        <footer>
            <a href="/">← Startpagina</a><br>
            <small> Pagina gecreëerd: 32 undecimber 20xx
            <br>
            Pagina bijgewerkt: 32 undecimber 20xx </small>
        </footer>
    </main>
    <script data-goatcounter="https://marijnflorence.goatcounter.com/count"
            async src="//gc.zgo.at/count.js"></script> <!-- Analytics -->
</body>

</html>