From c8cce26569da9fecb7f0e9664d0d4f776c3c5c1f Mon Sep 17 00:00:00 2001
From: haetae <haetae@32bit.cafe>
Date: Thu, 4 Sep 2025 03:12:25 -0400
Subject: [PATCH] get updates styled

---
 src/assets/guild-bbs-buttons.png         | Bin 1784 -> 875 bytes
 src/components/Top.astro                 |  12 ----
 src/components/UpdateCard.astro          |  78 ++++++++++++++++++++++
 src/components/Updates.astro             |  80 ++++-------------------
 src/content/config.ts                    |  18 ++++-
 src/pages/fics/[ficId]/[chapterId].astro |   1 +
 src/pages/fics/index.astro               |  18 ++---
 src/pages/index.astro                    |   9 +++
 status/changelog01.md                    |   5 ++
 status/changelog02.md                    |   5 ++
 status/changelog03.md                    |   5 ++
 status/changelog04.md                    |   5 ++
 status/changelog05.md                    |   5 ++
 status/changelog06.md                    |   5 ++
 14 files changed, 157 insertions(+), 89 deletions(-)
 delete mode 100644 src/components/Top.astro
 create mode 100644 src/components/UpdateCard.astro
 create mode 100644 status/changelog01.md
 create mode 100644 status/changelog02.md
 create mode 100644 status/changelog03.md
 create mode 100644 status/changelog04.md
 create mode 100644 status/changelog05.md
 create mode 100644 status/changelog06.md

diff --git a/src/assets/guild-bbs-buttons.png b/src/assets/guild-bbs-buttons.png
index b8d233b52d7096f94015dfabbe2c74965428fe02..2d65a415ac6d3eb15130cc9bbdbaf02e509577a1 100644
GIT binary patch
literal 875
zcmeAS@N?(olHy`uVBq!ia0y~yU{nCIjX2nV<eyh;OMnz(age(c!@6@aFBuq^RXtrC
zLn`LHz56lrk%PeTk00mpE@_S7+|r<$!MUVmF^evv_XVL1ExUz$xHS*{R+cQ7-XMJ=
zMeW1iKbs#-Hqf8B{j+oLJ>6-m^$VA*SgXxpy0ny4qUqnv>G9WC8Fs{e|8?;G+q6mI
zIlH#5yWPJkOIJy$fA!Rkj+!;`t}ZFRGlS3nTDUg-=bdYx|J}N_xhAHo!y|CYT`ND^
z)ba<5q91=={MDyy?<}>5`KzWckTb1}y({&7Vw|~ttw_B2FO4_KLIMoN-#@CCs9&F}
zWp4Xszt!8byQWt?>J0S|v^nRh9u~=G{h{Lda@)LDUvJs!SJmZxxtLk}60EJAGvj+)
z?i_KMU5BeyKEH89%cy_d-`7h%7S;9Hp7)N8d$q9NNkxGnjZa9xPdYp4;kFCzx*+Rv
z92m}QU}Q8n%*JwnM;b|B^4sqXtG;@FsQCOx{rbZ5LI3MG<fhM$-W+Aq^<MDO?j6gW
z_MbT&@z;roDdE{877>4=?2js+AFW)~bUc4{=085~oELX524A$><mcq|`-B!}<;&^G
zTl)2U!HziR=b$p*<fF>wN2WiIcsTvt(!WlZb7BL-49PhS9(I`?cGDF(zwX|q;sP{W
z&606q&7}!7pOk<?(_lg`Sw2l_DPgMgbc&nQe~HuNyUG*QpBk^92!Ec|@<UFb;ikl&
zV1r2k_H!Ln7TN%fd^W2_gp;FT=H`0gSt?ihRZ1i$`On&^F7FC<{_cmKPJca|4o|4L
z6yyCV5EM?E{<^xTMcBXhJi+zXsHgOk<mz}2U{HP7|4=>2_Mn0O_DlL8WjBD1PGn|E
zXyfH*kTe4dsQuQAxNLIQ>Z<m<XKUs1XDxdd_S(zo-n!Y_tM>d{*$*<~jnIU=fL+0+
zGq-=aTd10wRI%D!)b--p$kUb<|NOsAHjgQ`w6V`T{=Mw(o~w&rEEWT~JC^BEwQWiJ
zD)*}3-Sb_(o?QPq?EE4f*L`<g^J?`gZ7v?Sw!d5Iu}A#G?b6R-{I$S<dvN4#(#~I-
v^d9Yg^o3z&OmI|qgW`+%m5RW){w)8dNA+ZqxnBY>_b_<6`njxgN@xNA1aOQj

literal 1784
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
a3i2P`rEEyAQ+)aW0000<MNUMnLSTXh8h+^j

diff --git a/src/components/Top.astro b/src/components/Top.astro
deleted file mode 100644
index 0d924da..0000000
--- a/src/components/Top.astro
+++ /dev/null
@@ -1,12 +0,0 @@
-<a id="top" href="#">
-  back to top
-  <!-- render this after scrolling -->
-</a>
-
-<style>
-  #top {
-    position: fixed;
-    bottom: 1rem;
-    right: 1rem;
-  }
-</style>
\ No newline at end of file
diff --git a/src/components/UpdateCard.astro b/src/components/UpdateCard.astro
new file mode 100644
index 0000000..75bfa0a
--- /dev/null
+++ b/src/components/UpdateCard.astro
@@ -0,0 +1,78 @@
+---
+import formatDate from '@/utils/formatDate';
+
+interface Props {
+  title: string;
+  date: Date | string;
+}
+
+const { title, date } = Astro.props;
+---
+<article class="update card">
+  <header>
+    <h3><span>{title}</span></h3>
+    <time datetime={formatDate(date, true)}>{formatDate(date, false, "MM/DD/YY")}</time>
+  </header>
+
+  <div class="content inner">
+    <slot />
+  </div>
+</article>
+
+<style>
+  /* UPDATE CARDS */
+  .update {
+    padding: 4px 2px;
+    background-color: var(--bg-0);
+    border-bottom: 2px solid var(--bg-4);
+
+    header {
+      display: grid;
+      grid-template-columns: 2fr 1fr;
+      text-align: center;
+      
+      & > * {
+        font: normal 1.375rem var(--dotum-11-font);
+        padding: 6px;
+      }
+
+      h3 {
+        background-color: var(--bg-1);
+        container: update-title / inline-size;
+
+        span {
+          display: block;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+      }
+
+      time { background-color: var(--bg-3); }
+    }
+
+    .inner {
+      border: 2px solid var(--border-2);
+      border-image: var(--innerBorder) 3 2 2 fill / 6px 4px 4px;
+      padding: 4px;
+      background-color: var(--bg-0);
+    }
+
+    .content {
+      margin: 4px 2px 2px;
+      padding: 6px;
+
+      a {
+        color: var(--normal-color);
+        text-decoration-thickness: 2px;
+
+        &:active, &:focus { color: var(--active-color); }
+        &:visited { color: var(--active-border); }
+      }
+    }
+
+    &:last-of-type {
+      border-bottom: 2px solid var(--border-2);
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/src/components/Updates.astro b/src/components/Updates.astro
index 82bad71..61433d1 100644
--- a/src/components/Updates.astro
+++ b/src/components/Updates.astro
@@ -1,3 +1,6 @@
+---
+import UpdateCard from "./UpdateCard.astro";
+---
 <section id="updates">
   <header>
     <h1>Updates</h1>
@@ -13,16 +16,13 @@
         </div>
       </h2>
 
-      <article class="update card">
-        <header>
-          <h3><span>update title</span></h3>
-          <time datetime="">05/01/25</time>
-        </header>
+      <UpdateCard title="redo gallery and guestbook" date="2024-05-10">
+        <p>redid <a href="/gallery">gallery page</a> to make adding images easier and added alpinejs to <a href="/guestbook">guestbook</a> for fetching entries live</p>
+      </UpdateCard>
 
-        <div class="content inner">
-          <p>some stuff happened</p>
-        </div>
-      </article>
+      <UpdateCard title="changed name" date="2024-05-09">
+        <p>changed name from invicta to haetae since invicta doesn't fit anymore</p>
+      </UpdateCard>
 
       <footer id="updates-pagination">
         <a id="previous" aria-label="go to previous post" href="javascript:void(0)">
@@ -93,60 +93,6 @@
         border: none;
       }
     }
-
-    /* UPDATE CARDS */
-    .update {
-      padding: 4px 2px;
-      background-color: var(--bg-0);
-      border-bottom: 2px solid var(--bg-4);
-
-      header {
-        display: grid;
-        grid-template-columns: 2fr 1fr;
-        text-align: center;
-        
-        & > * {
-          font: normal 1.375rem var(--dotum-11-font);
-          padding: 6px;
-        }
-
-        h3 {
-          max-width: 100%;
-          background-color: var(--bg-1);
-
-          span {
-            display: block;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-
-            @media screen and (max-width: 560px) {  
-              margin: 0 auto;
-              max-width: 15ch;
-            }
-          }
-          
-        }
-        /* 15ch */
-        time { background-color: var(--bg-3); }
-      }
-
-      .inner {
-        border: 2px solid var(--border-2);
-        border-image: var(--innerBorder) 3 2 2 fill / 6px 4px 4px;
-        padding: 4px;
-        background-color: var(--bg-0);
-      }
-
-      .content {
-        margin: 4px 2px 2px;
-        padding: 6px;
-      }
-
-      &:last-of-type {
-        border-bottom: 2px solid var(--border-2);
-      }
-    }
   }
 
   /* UPDATES PAGINATION */
@@ -168,6 +114,7 @@
       .arrow { background-position: 0 0; }
       &:hover .arrow { background-position: -36px 0; }
       &:active .arrow, &:focus .arrow { background-position: -72px 0; }
+      &:disabled .arrow { background-position: -108px 0; }
 
       .title {
         border-left: none;
@@ -180,9 +127,10 @@
       grid-column: 2 / -1;
       justify-self: right;
 
-      .arrow { background-position: -108px 0; }
-      &:hover .arrow { background-position: -144px 0; }
-      &:active .arrow, &:focus .arrow { background-position: -180px 0; }
+      .arrow { background-position: -144px 0; }
+      &:hover .arrow { background-position: -180px 0; }
+      &:active .arrow, &:focus .arrow { background-position: -216px 0; }
+      &:disabled .arrow { background-position: -252px 0; }
 
       .title {
         position: relative;
diff --git a/src/content/config.ts b/src/content/config.ts
index d4ad28b..9c1d389 100644
--- a/src/content/config.ts
+++ b/src/content/config.ts
@@ -23,7 +23,10 @@ function slugify(input: string) {
 const parser = marked.use({ gfm: true, breaks: true, });
 
 const blog = defineCollection({
-  loader: glob({ pattern: "*.{md,mdx}", base: "./src/content/blog" }),
+  loader: glob({
+    pattern: "*.{md,mdx}",
+    base: "./src/content/blog"
+  }),
   schema: rssSchema.extend({ 
     currently: z.object({
       mood: z.enum(moods).optional(),
@@ -98,4 +101,15 @@ const fics = defineCollection({
   }),
 });
 
-export const collections = { blog, fics, chapters };
\ No newline at end of file
+const updates = defineCollection({
+  loader: glob({
+    pattern: "*.{md,mdx}",
+    base: "status",
+  }),
+  schema: z.object({
+    title: z.string(),
+    date: z.coerce.date(),
+  }),
+});
+
+export const collections = { blog, fics, chapters, updates };
\ No newline at end of file
diff --git a/src/pages/fics/[ficId]/[chapterId].astro b/src/pages/fics/[ficId]/[chapterId].astro
index 7f741cf..3754311 100644
--- a/src/pages/fics/[ficId]/[chapterId].astro
+++ b/src/pages/fics/[ficId]/[chapterId].astro
@@ -24,6 +24,7 @@ const { Content, remarkPluginFrontmatter } = await render(chapter);
 
 const chapters = await getCollection("chapters", ({ id }) => id.split("/")[0] === ficId);
 const fic = await getCollection("fics", ({ id }) => id === ficId);
+
 chapters.sort((a, b) => a.data.sortOrder - b.data.sortOrder);
 const current = chapters.findIndex(chapter => chapter.id === `${ficId}/${chapterId}`);
 const next = current + 1 === chapters.length ? undefined : chapters[current + 1];
diff --git a/src/pages/fics/index.astro b/src/pages/fics/index.astro
index fbe4a5c..6ec9c5f 100644
--- a/src/pages/fics/index.astro
+++ b/src/pages/fics/index.astro
@@ -14,21 +14,21 @@ chapters.sort((a, b) => b.data.publishedAt.valueOf() - a.data.publishedAt.valueO
   
   <h2>recent updates</h2>
   <ul>
-    {chapters.map(post => (
+    {chapters.map(chapter => (
       <li>
-        <time datetime={formatDate(post.data.publishedAt, true)}>
-          {formatDate(post.data.publishedAt, false, "MMMM DD, YYYY")}
+        <time datetime={formatDate(chapter.data.publishedAt, true)}>
+          {formatDate(chapter.data.publishedAt, false, "MMMM DD, YYYY")}
         </time>
-        {fics.some(({ data }) => data.chapters?.some(({ id }) => id === post.id)) 
+        {fics.some(({ data }) => data.chapters?.some(({ id }) => id === chapter.id)) 
           ? <>
-              <a href={`/fics/${post.id}`}>{post.data.title}</a>
+              <a href={`/fics/${chapter.id}`}>{chapter.data.title}</a>
               in 
-              <a href={`/fics/${post.id.split("/")[0]}`}>
-                {fics.filter(({ id }) => id === post.id.split("/")[0])[0].data.title}
+              <a href={`/fics/${chapter.id.split("/")[0]}`}>
+                {fics.find(({ id }) => id === chapter.id.split("/")[0])?.data.title}
               </a>
             </>
-          : <a href={`/fics/${post.id.split("/")[0]}`}>
-              {fics.filter(({ id }) => id === post.id.split("/")[0])[0].data.title}
+          : <a href={`/fics/${chapter.id.split("/")[0]}`}>
+              {fics.find(({ id }) => id === chapter.id.split("/")[0])?.data.title}
             </a>}
       </li>
     ))}
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 12e215e..3ae1314 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -98,6 +98,15 @@ import buttons from "$/guild-bbs-buttons.png";
   }
 
   h1 { font: bold 1rem var(--arial-font); }
+  a {
+    color: var(--normal-color);
+    text-decoration-thickness: 2px;
+
+    &:active, &:focus {
+      color: var(--active-color);
+      text-decoration-color: var(--active-border);
+    }
+  }
   .inner {
     border: 2px solid var(--border-2);
     border-image: var(--innerBorder) 3 2 2 fill / 6px 4px 4px;
diff --git a/status/changelog01.md b/status/changelog01.md
new file mode 100644
index 0000000..ee15594
--- /dev/null
+++ b/status/changelog01.md
@@ -0,0 +1,5 @@
+---
+title: changed name
+date: 2024-05-09
+---
+changed name from invicta to haetae since invicta doesn't fit anymore
\ No newline at end of file
diff --git a/status/changelog02.md b/status/changelog02.md
new file mode 100644
index 0000000..333eb66
--- /dev/null
+++ b/status/changelog02.md
@@ -0,0 +1,5 @@
+---
+title: redid gallery and guestbook
+date: 2024-05-10
+---
+redid the [gallery](/gallery) to make adding images easier and added alpinejs to [guestbook](/guestbook) for fetching entries live
\ No newline at end of file
diff --git a/status/changelog03.md b/status/changelog03.md
new file mode 100644
index 0000000..d3fe454
--- /dev/null
+++ b/status/changelog03.md
@@ -0,0 +1,5 @@
+---
+title: minfilia shrine
+date: 2024-05-13
+---
+make wip layout for minfilia shrine, added history and Thoughts(tm) about her
\ No newline at end of file
diff --git a/status/changelog04.md b/status/changelog04.md
new file mode 100644
index 0000000..4f5131e
--- /dev/null
+++ b/status/changelog04.md
@@ -0,0 +1,5 @@
+---
+title: redid homepage
+date: 2024-05-19
+---
+finally got around to making homepage pretty-ish
\ No newline at end of file
diff --git a/status/changelog05.md b/status/changelog05.md
new file mode 100644
index 0000000..45b08d5
--- /dev/null
+++ b/status/changelog05.md
@@ -0,0 +1,5 @@
+---
+title: add masaki and blog feed
+date: 2024-05-23
+---
+make a wip layout for masaki's page and added a feed for the blog
\ No newline at end of file
diff --git a/status/changelog06.md b/status/changelog06.md
new file mode 100644
index 0000000..75964f6
--- /dev/null
+++ b/status/changelog06.md
@@ -0,0 +1,5 @@
+---
+title: add links and fix stuff
+date: 2024-05-24
+---
+added links in more and fixed some stuff in [guestbook](/guestbook) and [blog](/blog)
\ No newline at end of file