Make post component, style list

src/components/Header.astro

@@ -12,11 +12,8 @@ import { SITE_TITLE } from "../config";
 	</div>
 	<nav>
 		<HeaderLink href="/">home</HeaderLink>
-		<HeaderLink href="/blog">posts</HeaderLink>
+		<HeaderLink href="/posts">posts</HeaderLink>
 		<HeaderLink href="https://cassidoo.co" target="_blank">website</HeaderLink>
-		<HeaderLink href="https://twitter.com/cassidoo" target="_blank"
-			>twitter
-		</HeaderLink>
 		<HeaderLink href="https://cassidoo.co/newsletter" target="_blank"
 			>newsletter
 		</HeaderLink>

src/components/Post.astro

@@ -0,0 +1,24 @@
+---
+// import Tag from './Tag.astro';
+const { slug, title, tags, description, date } = Astro.props;
+---
+
+<li>
+  <a href={`/${slug}/`} class="title">{title}</a>
+  <time datetime={date}>
+    {new Date(date).toLocaleDateString('en-us', {
+      year: 'numeric',
+      month: 'short',
+      day: 'numeric',
+    })}
+  </time>
+  <br />
+  {description && <span class="excerpt">{description}</span>}
+  <ul>
+    {tags && tags.map(tag => (
+    <li class="tag">
+      <div>{tag}</div>
+    </li>
+    ))}
+  </ul>
+</li>