diff --git a/src/components/window.svelte b/src/components/window.svelte
index 00781f9..9e6854f 100644
--- a/src/components/window.svelte
+++ b/src/components/window.svelte
@@ -24,7 +24,7 @@
 	>
 		<div class="flex bg-opacity-100 pixelate-bg">
 			<h1
-				class="font-monospace text-xl text-ralsei-pink-regular grow justify-self-start self-center"
+				class="font-monospace text-xl text-ralsei-pink-regular grow justify-self-start self-center p-name"
 			>
 				{title}
 			</h1>
diff --git a/src/routes/entries/+page.svelte b/src/routes/entries/+page.svelte
index 1677250..26e2a9f 100644
--- a/src/routes/entries/+page.svelte
+++ b/src/routes/entries/+page.svelte
@@ -18,15 +18,11 @@
 					title="cd /entries/{post.path}"
 					data-sveltekit-preload-data="hover"
 				>
-					<div class="flex flex-col gap-2">
-						<p>
-							--- on:
-							<time datetime="2024-08-11">{post.published}</time>
-						</p>
-						<p class="max-w-80 text-wrap">
-							--- excerpt:
-							{post.metadata.excerpt}
-						</p>
+					<div class="flex flex-col gap-y-1 prose prose-ralsei">
+						<ul>
+							<li>published on: <time datetime="2024-08-11 12:00:00">{post.published}</time></li>
+							<li class="max-w-80 text-wrap">excerpt: {post.metadata.excerpt}</li>
+						</ul>
 						<strong class="place-self-end text-ralsei-green-light"> read more... </strong>
 					</div>
 				</a>
diff --git a/src/routes/entries/_layout.svelte b/src/routes/entries/_layout.svelte
index e35353d..de58a68 100644
--- a/src/routes/entries/_layout.svelte
+++ b/src/routes/entries/_layout.svelte
@@ -1,21 +1,32 @@
 <script lang="ts">
-    import Window from "../../components/window.svelte";
-    import "../../styles/app.css";
+	import { PUBLIC_BASE_URL } from '$env/static/public';
+	import Window from '../../components/window.svelte';
+	import '../../styles/app.css';
 
-    export let title;
-    export let excerpt;
+	export let title;
+	export let date;
+	export let excerpt;
 </script>
 
 <svelte:head>
-    <meta property="og:description" content={excerpt} />
-    <meta property="og:type" content="article" />
-    <meta property="og:title" content={title} />
+	<meta property="og:description" content={excerpt} />
+	<meta property="og:type" content="article" />
+	<meta property="og:title" content={title} />
 </svelte:head>
 
-<div class="pb-[8vh]">
-    <Window {title} iconUri='/icons/entry.png'>
-        <div class="prose prose-ralsei max-w-[80ch]">
-            <slot/>
-        </div>
-    </Window>
-</div>
\ No newline at end of file
+<article class="flex flex-wrap gap-x-4 pb-[8vh] h-entry">
+	<Window {title} iconUri="/icons/entry.png">
+		<div class="prose prose-ralsei max-w-[80ch] e-content">
+			<slot />
+		</div>
+	</Window>
+	<Window title="metadata">
+		<div class="prose prose-ralsei">
+			<ul>
+                <link rel="author" href={PUBLIC_BASE_URL}>
+				<li>published on: <time class="dt-published" datetime="2024-08-11 12:00:00">{date}</time></li>
+				<li class="max-w-80 text-wrap">excerpt: <div class="inline p-summary">{excerpt}</div></li>
+			</ul>
+		</div>
+	</Window>
+</article>