From 9d172c6d1d3a79d2cfa1c4c1aaa8d5884228664b Mon Sep 17 00:00:00 2001
From: Daniel Bulant <danbulant@gmail.com>
Date: Mon, 11 Apr 2022 15:26:12 +0200
Subject: [PATCH] better metadata

---
 src/lib/layouts/post.svelte | 16 ++++++++++------
 src/routes/index.svelte     | 10 +++++++---
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/src/lib/layouts/post.svelte b/src/lib/layouts/post.svelte
index 04a9d36..ed425fe 100644
--- a/src/lib/layouts/post.svelte
+++ b/src/lib/layouts/post.svelte
@@ -24,12 +24,16 @@
     <meta property="og:article:published_time" content={date} />
     <meta property="og:article:author" content="Daniel Bulant" />
     <meta property="og:article:tag" content={categories && categories.join(" ") || ""} />
-    <meta property="og:image" content={bigThumbnail} />
-    <meta property="og:image:width" content="800" />
-    <meta property="og:image:height" content="400" />
-    <meta property="og:image" content={thumbnail} />
-    <meta property="og:image:width" content="256" />
-    <meta property="og:image:height" content="256" />
+    {#if bigThumbnail}
+        <meta property="og:image" content={bigThumbnail} />
+        <meta property="og:image:width" content="800" />
+        <meta property="og:image:height" content="400" />
+    {/if}
+    {#if thumbnail}
+        <meta property="og:image" content={thumbnail} />
+        <meta property="og:image:width" content="256" />
+        <meta property="og:image:height" content="256" />
+    {/if}
 </svelte:head>
 
 <main class:dark={$darkmode} class="post-layout">
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 8a96afc..18c378d 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -1,5 +1,5 @@
 <script context="module">
-	/** @type {import('./[slug]').Load} */
+	/** @type {import('./index').Load} */
 	export async function load({ params, fetch, session, stuff }) {
 		const response = await fetch("/api/posts.json");
 	
@@ -28,7 +28,9 @@
 	var appTypeHover = null;
 
 	export var posts;
-	$: console.log(posts);
+	$: if(typeof window !== "undefined") console.log(posts);
+
+	var selectedPost = posts && posts.find(t => !t.categories.includes("experiment"));
 </script>
 
 <svelte:head>
@@ -57,7 +59,9 @@
 	</Hero>
 	<div class="blog">
 		I recently started my own blog.<br>
-		You can checkout &ldquo;<a href={posts[0].path}><b>{posts[0].title}</b></a>&rdquo; and other recent blog posts:<br>
+		{#if selectedPost}
+			You can checkout &ldquo;<a href={selectedPost.path}><b>{selectedPost.title}</b></a>&rdquo; and other recent blog posts:<br>
+		{/if}
 		<div style="text-align: center; margin-top: 5px;">
 			<Button href="/posts">blog</Button>
 		</div>