From c891a924cd065f8eb2607a9ef4d13f3af4f5f9ee Mon Sep 17 00:00:00 2001
From: Alexander Daichendt <alexander.daichendt@tum.de>
Date: Tue, 26 Jul 2022 13:15:10 +0200
Subject: [PATCH] feat: hide blog posts

---
 src/routes/__layout.svelte                    | 17 +++++++++---
 src/routes/admin/index.svelte                 |  1 +
 src/routes/blog/posts.json.ts                 |  6 +++--
 ...ote7arrowos.svx => redminote7-arrowos.svx} |  2 +-
 src/routes/blog/software-recommendations.svx  | 26 +++++++++++++++++++
 src/types.ts                                  |  3 +++
 6 files changed, 49 insertions(+), 6 deletions(-)
 create mode 100644 src/routes/admin/index.svelte
 rename src/routes/blog/{redminote7arrowos.svx => redminote7-arrowos.svx} (99%)
 create mode 100644 src/routes/blog/software-recommendations.svx

diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index 7e22897..e5df3ff 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -2,7 +2,7 @@
 	const year = new Date().getFullYear();
 </script>
 
-<script>
+<script lang="ts">
 	import ThemeSwitcher from '../components/ThemeSwitcher.svelte';
 	import { page } from '$app/stores';
 	import { mdiCopyright } from '@mdi/js';
@@ -12,6 +12,7 @@
 	import MoveUpButton from '../components/MoveUpButton.svelte';
 
 	const NAV_ITEMS = [
+		{ href: '/', label: 'Home' },
 		{ href: '/blog', label: 'Blog' },
 		{ href: '/contact', label: 'Contact' },
 	];
@@ -19,8 +20,13 @@
 
 <svelte:head
 	><title>{$page.stuff.title} - AlexDaichendt</title>
-	<meta name="description" content={$page.stuff.description} />
+	{#if $page.stuff.description}
+		<meta name="description" content={$page.stuff.description} />
+	{/if}
 	<meta name="author" content="Alexander Daichendt" />
+	{#if $page.stuff.keywords}
+		<meta name="keywords" content={$page.stuff.keywords.join(',')} />
+	{/if}
 </svelte:head>
 
 <div class="container upper">
@@ -35,7 +41,12 @@
 		<nav>
 			<ol>
 				{#each NAV_ITEMS as navItem}
-					<li class="navItem {$page.url.pathname.includes(navItem.href) ? 'active' : ''}">
+					<li
+						class="navItem {$page.url.pathname === navItem.href ||
+						(navItem.href === '/blog' && $page.url.pathname.includes('/blog'))
+							? 'active'
+							: ''}"
+					>
 						<a href={navItem.href}>{navItem.label}</a>
 					</li>
 				{/each}
diff --git a/src/routes/admin/index.svelte b/src/routes/admin/index.svelte
new file mode 100644
index 0000000..141b5bf
--- /dev/null
+++ b/src/routes/admin/index.svelte
@@ -0,0 +1 @@
+<h1>Administration Area</h1>
diff --git a/src/routes/blog/posts.json.ts b/src/routes/blog/posts.json.ts
index 20ba12b..581e876 100644
--- a/src/routes/blog/posts.json.ts
+++ b/src/routes/blog/posts.json.ts
@@ -10,10 +10,12 @@ export async function GET() {
 
 	resolved.forEach(({ metadata }, index) => {
 		const path = Object.keys(modules)[index].replace('.svx', '');
-		posts.push({ ...metadata, href: `blog/${path}` });
+		if (!metadata.hidden) posts.push({ ...metadata, href: `blog/${path}` });
 	});
 
+	posts.sort((a, b) => new Date(b.date).valueOf() - new Date(a.date).valueOf());
+
 	return {
-		body: { posts }
+		body: { posts },
 	};
 }
diff --git a/src/routes/blog/redminote7arrowos.svx b/src/routes/blog/redminote7-arrowos.svx
similarity index 99%
rename from src/routes/blog/redminote7arrowos.svx
rename to src/routes/blog/redminote7-arrowos.svx
index b79015f..035167b 100644
--- a/src/routes/blog/redminote7arrowos.svx
+++ b/src/routes/blog/redminote7-arrowos.svx
@@ -1,5 +1,5 @@
 ---
-date: '22-05-08'
+date: '2022-05-08'
 title: 'Arrow OS on Redmi Note 7'
 description: 'Learn how to install ArrowOS, based on Android 12 on your Redmi Note 7 (lavender) phone! Also installs root and microG for a BigTech free phone.'
 keywords: 
diff --git a/src/routes/blog/software-recommendations.svx b/src/routes/blog/software-recommendations.svx
new file mode 100644
index 0000000..27370f9
--- /dev/null
+++ b/src/routes/blog/software-recommendations.svx
@@ -0,0 +1,26 @@
+---
+date: '2022-07-26'
+title: 'Software recommendations for a privacy conscious digital life'
+description: ''
+keywords:
+  - privacy
+hidden: true
+---
+
+<script context="module" lang="ts">
+	export async function load() {
+		return {
+			stuff: {
+				title,
+				description,
+        keywords,
+			},
+		};
+	}
+</script>
+
+# Useful software I like
+
+Moving away from BigTech is not an easy task. However, in these days, there are plenty polished
+alternatives out there. Over the years I tried out many different services and software. I will
+formulate some of my opinions here.
diff --git a/src/types.ts b/src/types.ts
index 8bf6df1..415dba0 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -1,6 +1,9 @@
 export interface BlogPostFrontmatter {
 	date: string;
 	title: string;
+	description: string;
+	keywords: string[];
+	hidden: boolean;
 }
 
 export interface BlogPostMeta extends BlogPostFrontmatter {