Mijn HTML-basis­sjabloon

Ik gebruik dit HTML-sjabloon 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 | ’t Satyrwoud 🍇</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>  -->

	<!-- Reacties (met PHP)
	<link href="/comments.css" rel="stylesheet">
	<script src="/comments.js"></script>  -->

	<!-- Sociale media-afbeeldingen -->
	<meta property="og:url" content="https://satyrs.eu">
	<meta property="og:type" content="website">
	<meta property="og:title" content="Paginatitel">
	<meta property="og:image" content="https://satyrs.eu/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="&rsquo;t Satyrwoud &#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(--uw-lettertypestack-hier); */
		}
	</style>
</head>

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

		<!-- Talen
		<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>

		<!-- Reacties
		<div class="comment-section"></div> -->

		<footer>
			<a href="/">← Startpagina</a><br>
			<small> Pagina gecreëerd: 32 undecimber 20xx
			<br>
			Pagina gewijzigt: 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>

Dit kleine beetje JavaScript werkt als een goed-genoeg vervanging voor de syntaxis van JQuery in een snuifje:

const $ = sel => document.querySelector(sel);
const $$ = sel => document.querySelectorAll(sel);