src/content/post/placeholder2.md

@@ -4,6 +4,5 @@ date: '2024-09-20'
 description: "This is a placeholder description"
 tags: ["a123"]
 series: ["placeholder", "another-series"]
-thumbnail: "/favicon.png"
 ---
 ## Content

src/content/post/placeholder3.md

@@ -1,10 +1,7 @@
 ---
 title: Placeholder 3
 date: '2024-09-24'
-tags: ["hi"]
+tags: []
 series: ["placeholder"]
-thumbnail: "https://en.wikipedia.org/static/images/icons/wikipedia.png"
 ---
 ## Content
-
-This post has a thumbnail.

src/lib/components/PostHeader.svelte

@@ -9,17 +9,7 @@
 	const series = post?.series || [];
 </script>
 
-<div id="post-header">
+<div id="post-heading">
-	{#if post.thumbnail}
-		<div id="thumbnail">
-			{#if post.thumbnail.startsWith("<")}
-				{@html post.thumbnail}
-			{:else}
-				<img src={post.thumbnail} alt={post.title} />
-			{/if}
-		</div>
-	{/if}
-	<div id="infobox">
 	{#if series}
 		<div class="flex flex-row justify-left items-center">
 			{#each series as seriesTag, i}
@@ -54,41 +44,12 @@
 		</p>
 		<p class="text-l text-gray-500">{date}</p>
 	</div>
-	</div>
 </div>
 
 <style>
-	#post-header {
+	#post-heading {
-		display: flex;
-		flex-direction: row;
-		margin: .5em 1em .5em 1em;
-		align-content: center;
-		align-items: center;
-		justify-content: center;
-	}
- 	#thumbnail {
-		margin: .3em .8em .3em .3em;
-		border: 1px solid #77777777;
-
-		width: 6em;
-		height: 6em;
-		align-content: center;
-		justify-conent: center;
-	}
-	#thumbnail img {
-		display: block;
-		border: none;
-		margin: 0;
-		padding: 0;
-		max-width: 100%;
-		max-height: 100%;
-		width: auto;
-		height: auto;
-		aspect-ratio: 1;
-	}
-	#infobox {
-		width: 100%;
 		@apply flex flex-col;
+		margin: .5em 1em .5em 1em;
 	}
 	#post-title {
 		@apply text-3xl;