feat: Make game sub

- Move game and intro to own collection
- Add index
- Add brand placeholder to shortcodes
- Add variant of placeholder to menu

.eleventy.js

@@ -57,6 +57,44 @@ export default async function (eleventyConfig) {
 		return `<a id="${attrId}" class="${attrClass}" href="${target}">${text}</a>`;
 	});
 
+	eleventyConfig.addPairedShortcode("brand", function (content, attrClass = 'brand', direction = 'first') {
+		const logo = `
+<svg
+width="128"
+height="128"
+viewBox="0 0 128 128"
+preserveAspectRatio="xMidYMid meet">
+	<g>
+		<rect
+		style="display:inline;fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:round;stroke-dasharray:none"
+		width="126"
+		height="126"
+		x="1"
+		y="1"/>
+		<circle
+		style="fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:bevel;stroke-dasharray:none"
+		cx="64"
+		cy="64"
+		r="63"/>
+		<path
+		style="fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:bevel;stroke-dasharray:none"
+		d="m 9.3926879,32.472455 109.2146221,-2e-6 -54.607309,94.582637 z"/>
+	</g>
+</svg>
+`;
+		let output = '';
+		switch (direction) {
+			case 'first':
+				output = logo + `${content}`;
+				break;
+			case 'last':
+				output = `${content}` + logo;
+				break;
+		}
+
+		return `<div class="${attrClass}">` + output + `</div>`;
+	});
+
 	eleventyConfig.addPassthroughCopy({'source/art/images': 'art'});
 
 	eleventyConfig.addPassthroughCopy({'source/art/favicons/**/*.+(ico|png|svg)': '.'});