small changes

src/components/Header.astro

@@ -2,7 +2,7 @@
 const subtitle = "a digital minimalist.";
 ---
 <a href="/">
-<pre class="header-art">
+<pre>
  ______     __  __     ______     __    __  ______     ______    __
 /\  ___\   /\ \/ /    /\  __ \   /\ \  / / /\  __ \   /\__  _\  /\ \
 \ \___  \  \ \  _'-.  \ \ \/\ \  \ \ \/ /  \ \  __ \  \/_/\ \/  \ \ \
@@ -16,5 +16,16 @@ const subtitle = "a digital minimalist.";
 
 <div>
   <a href="/posts"><b>posts </b></a>
+  <a href="/pics"><b>pics </b></a>
   <a href="/tags"><b>tags</b></a>
 </div>
+
+<style>
+pre {
+  user-select: none;
+  display: flex;
+  justify-content: center;
+  font-size: min(1.8vw, 12px);
+  overflow: hidden;
+}
+</style>

src/pages/intro.md

@@ -1,7 +1,3 @@
----
-draft: true
----
-
 ## hi, i'm skovati
 
 i'm a computer engineer and amatuer mathematician from the great lakes

src/pages/posts/[...slug].astro

@@ -21,7 +21,7 @@ const { Content } = await entry.render();
     <FormattedDate date={entry.data.date}/>
     {
       entry.data.tags.map(t =>
-        <a href={"/tags/"+t}> {` ${t} `}</a>
+        <a href={"/tags/"+t}>{` ${t} `}</a>
       )
     }
     {entry.data.author && `- ${entry.data.author}`}

src/pages/tags/[tag].astro

@@ -8,10 +8,9 @@ export async function getStaticPaths() {
   const uniqueTags = [...new Set(allPosts.map((post) => post.data.tags).flat())];
 
   return uniqueTags.map((tag) => {
-    const filteredPosts = allPosts.filter((post) =>
-      post.data.tags.includes(tag)
-    )
-    .sort((a, b) => b.data.date.valueOf() - a.data.date.valueOf())
+    const filteredPosts = allPosts
+      .filter((post) => post.data.tags.includes(tag))
+      .sort((a, b) => b.data.date.valueOf() - a.data.date.valueOf())
     return {
       params: { tag },
       props: { posts: filteredPosts },
@@ -26,11 +25,11 @@ const { posts } = Astro.props;
 <Base>
     <h2>{tag} tagged posts</h2>
     <ul>
-        { posts.map((post) =>
+        {posts.map(post =>
           <li>
             <FormattedDate date={post.data.date} />
-            <a href={`/posts/${post.slug}/`}>{post.data.title}</a>
-          </li>)
-        }
+            <a href={`/posts/${post.slug}/`}>`{post.data.title}`</a>
+          </li>
+        )}
     </ul>
 </Base>

src/styles/global.css

@@ -42,11 +42,3 @@ h1, h2, h3, h4, h5 {
   padding: 0;
   margin: 0.3em 0em;
 }
-
-.header-art {
-  user-select: none;
-  display: flex;
-  justify-content: center;
-  font-size: min(1.8vw, 12px);
-  overflow: hidden;
-}