Add Native Blog and Info Update

src/routes/projects/hackathons/+page.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+	import TerminalTUI from '$lib/components/TerminalTUI.svelte';
+	import { user, pageMeta } from '$lib/config';
+	import { getPageSpeedMultiplier, getPageAutoscroll } from '$lib';
+	import { lines } from '$lib/pages/hackathons';
+
+	const speed = getPageSpeedMultiplier('hackathons');
+	const autoscroll = getPageAutoscroll('hackathons');
+	const meta = pageMeta['/projects/hackathons'];
+</script>
+
+<svelte:head>
+	<title>{meta?.title ?? `${user.displayname} — Hackathons`}</title>
+	<meta name="description" content={meta?.description ?? 'Hackathon projects and awards'} />
+</svelte:head>
+
+<div class="hackathons-container">
+	<TerminalTUI {lines} title="~/projects/hackathons" interactive={true} {speed} {autoscroll} />
+</div>
+
+<style>
+	.hackathons-container {
+		padding: 0;
+		min-height: calc(100vh - 60px);
+	}
+</style>

src/routes/projects/opensource/+page.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+	import TerminalTUI from '$lib/components/TerminalTUI.svelte';
+	import { user, pageMeta } from '$lib/config';
+	import { getPageSpeedMultiplier, getPageAutoscroll } from '$lib';
+	import { lines } from '$lib/pages/opensource';
+
+	const speed = getPageSpeedMultiplier('opensource');
+	const autoscroll = getPageAutoscroll('opensource');
+	const meta = pageMeta['/projects/opensource'];
+</script>
+
+<svelte:head>
+	<title>{meta?.title ?? `${user.displayname} — Open Source`}</title>
+	<meta name="description" content={meta?.description ?? 'Open source projects'} />
+</svelte:head>
+
+<div class="opensource-container">
+	<TerminalTUI {lines} title="~/projects/opensource" interactive={true} {speed} {autoscroll} />
+</div>
+
+<style>
+	.opensource-container {
+		padding: 0;
+		min-height: calc(100vh - 60px);
+	}
+</style>

src/routes/projects/packages/+page.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+	import TerminalTUI from '$lib/components/TerminalTUI.svelte';
+	import { user, pageMeta } from '$lib/config';
+	import { getPageSpeedMultiplier, getPageAutoscroll } from '$lib';
+	import { lines } from '$lib/pages/packages';
+
+	const speed = getPageSpeedMultiplier('packages');
+	const autoscroll = getPageAutoscroll('packages');
+	const meta = pageMeta['/projects/packages'];
+</script>
+
+<svelte:head>
+	<title>{meta?.title ?? `${user.displayname} — Packages`}</title>
+	<meta name="description" content={meta?.description ?? 'Published packages'} />
+</svelte:head>
+
+<div class="packages-container">
+	<TerminalTUI {lines} title="~/projects/packages" interactive={true} {speed} {autoscroll} />
+</div>
+
+<style>
+	.packages-container {
+		padding: 0;
+		min-height: calc(100vh - 60px);
+	}
+</style>

src/routes/projects/research/+page.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+	import TerminalTUI from '$lib/components/TerminalTUI.svelte';
+	import { user, pageMeta } from '$lib/config';
+	import { getPageSpeedMultiplier, getPageAutoscroll } from '$lib';
+	import { lines } from '$lib/pages/research';
+
+	const speed = getPageSpeedMultiplier('research');
+	const autoscroll = getPageAutoscroll('research');
+	const meta = pageMeta['/projects/research'];
+</script>
+
+<svelte:head>
+	<title>{meta?.title ?? `${user.displayname} — Research`}</title>
+	<meta name="description" content={meta?.description ?? 'Research work and publications'} />
+</svelte:head>
+
+<div class="research-container">
+	<TerminalTUI {lines} title="~/projects/research" interactive={true} {speed} {autoscroll} />
+</div>
+
+<style>
+	.research-container {
+		padding: 0;
+		min-height: calc(100vh - 60px);
+	}
+</style>