feat: add project pages

src/lib/components/Header.svelte

@@ -5,6 +5,7 @@
 	const NAV_ITEMS = [
 		{ href: '/', label: 'Home' },
 		{ href: '/blog', label: 'Blog' },
+		{ href: '/projects', label: 'Projects' },
 		{ href: '/contact', label: 'Contact' },
 	];
 </script>

src/lib/components/Link.svelte

@@ -30,10 +30,11 @@
 	{...props}
 	{href}
 >
+	<span class="text"><slot /></span>
+	
 	{#if !disableIcon && !internal}
 		<Icon path={internal ? mdiChevronRight : mdiLinkVariant} size="1rem"  />
 	{/if}
-	<span class="text"><slot /></span>
 </a><style>
 	a {
 		color: var(--special-color);

src/lib/layouts/blog.svelte

@@ -33,13 +33,19 @@
 <SEO {title} {description} {keywords} />
 
 <h1>{title}</h1>
-<aside role="note">
-	{#if updated}
-		<Icon path={mdiPencil} size="0.8rem" /> updated {new Date(updated).toLocaleDateString('en-GB')};
-	{/if}
-	<Icon path={mdiCalendar} size="0.8rem" /> created
-	{new Date(created).toLocaleDateString('en-GB')}
-</aside>
+{#if updated || created}
+	<aside role="note">
+		{#if updated}
+			<Icon path={mdiPencil} size="0.8rem" /> updated {new Date(updated).toLocaleDateString(
+				'en-GB',
+			)};
+		{/if}
+		{#if created}
+			<Icon path={mdiCalendar} size="0.8rem" /> created
+			{new Date(created).toLocaleDateString('en-GB')}
+		{/if}
+	</aside>
+{/if}
 <Divider />
 <slot />
 

src/lib/utils/types.ts

@@ -10,6 +10,17 @@ export interface BlogPostFrontmatter {
 export interface BlogPostMeta extends BlogPostFrontmatter {
 	href: string;
 }
+
+export interface ProjectsFrontmatter {
+	title: string;
+	description: string;
+	keywords: string[];
+	inProgress: boolean;
+}
+export interface ProjectMeta extends ProjectsFrontmatter {
+	href: string;
+}
+
 export interface Skill {
 	name: string;
 	years: number;