My HTML boilerplate

This is the HTML template i use to make my life just a little easier in setting up new pages. I thought i’d put it up here, for both my convenience and yours.

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

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Page title | Marijn’s site 🍇</title>
    <link href="/style.css" rel="stylesheet">
    <link href="/fonts/source_sans.css" rel="stylesheet"> <!-- (Sans-serif; default )-->
    <!-- <link href="/fonts/eb_garamond.css" rel="stylesheet"> (Serif) -->
    <!-- <link href="/fonts/cormorant.css" rel="stylesheet"> (Display serif) -->
    <link rel="icon" href="/favicon.png">
    <link rel="license" href="https://creativecommons.org/publicdomain/zero/1.0/legalcode">
    <!-- Sidenotes stuff
        <link href="/sidenotes.css" rel="stylesheet">
        <script src="/sidenotes.js"></script>  -->

    <!-- Social media image stuff -->
    <meta property="og:url" content="https://marijn.uk">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Page title">
    <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! I&rsquo;m Marijn...">
    <meta property="og:site_name" content="Marijn&rsquo;s site &#127815;">
    <meta property="og:locale" content="en_GB">

    <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>Page title</h1>

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

        <p>Text goes here, et cetera, et cetera...</p>

        <footer>
            <a href="/">← Back to home</a><br>
            <small> Page created: 20XX Sma. 32 <br> Page last updated: 20XX Sma. 32 </small>
        </footer>
    </main>
    <script data-goatcounter="https://marijnflorence.goatcounter.com/count"
            async src="//gc.zgo.at/count.js"></script> <!-- Analytics -->
</body>

</html>