From 7bc7a8919a3a939c260d9ecaee61b8bc5dc01b3f Mon Sep 17 00:00:00 2001
From: Angel Wang <angel@angelcube.dev>
Date: Sat, 10 Oct 2026 11:41:49 -0400
Subject: [PATCH] feat: rename and split journal

---
 .gitignore                                    |  2 +-
 content/about.mdx                             |  2 +-
 .../easier-to-love-you.mdx                    |  0
 content/{journal => logbook}/your-name-is.mdx |  0
 src/content.config.ts                         |  6 +--
 src/layouts/post.astro                        |  4 +-
 src/pages/bulletin/index.astro                | 27 +++++++++++
 src/pages/index.astro                         |  7 ++-
 src/pages/{journal => logbook}/[id].astro     |  8 ++--
 src/pages/{journal => logbook}/index.astro    | 12 ++---
 src/pages/now.astro                           |  2 +-
 src/pages/projects.astro                      |  2 +-
 src/pages/sticker-book.astro                  |  0
 src/styles/bulletin.scss                      | 17 +++++++
 src/styles/components/header.scss             |  2 +-
 src/styles/{journal.scss => logbook.scss}     |  0
 src/styles/projects.scss                      | 48 ++-----------------
 17 files changed, 72 insertions(+), 67 deletions(-)
 rename content/{journal => logbook}/easier-to-love-you.mdx (100%)
 rename content/{journal => logbook}/your-name-is.mdx (100%)
 create mode 100644 src/pages/bulletin/index.astro
 rename src/pages/{journal => logbook}/[id].astro (91%)
 rename src/pages/{journal => logbook}/index.astro (81%)
 create mode 100644 src/pages/sticker-book.astro
 create mode 100644 src/styles/bulletin.scss
 rename src/styles/{journal.scss => logbook.scss} (100%)

diff --git a/.gitignore b/.gitignore
index 74d2a53..20309cc 100644
--- a/.gitignore
+++ b/.gitignore
@@ -29,7 +29,7 @@ pnpm-debug.log*
 .vscode/
 
 # angel's test journal file
-content/journal/test.mdx
+content/logbook/test.mdx
 # Local Netlify folder
 .netlify
 
diff --git a/content/about.mdx b/content/about.mdx
index 96f5153..8368e69 100644
--- a/content/about.mdx
+++ b/content/about.mdx
@@ -16,7 +16,7 @@ worth noting someday.
 
 ### I write poetry
 
-The cringiest of the cringe. You can find most of it [here](/journal); an
+The cringiest of the cringe. [You can find most of it here](/logbook); an
 ongoing archival attempt is in progress.
 
 ### I do a bunch of other things on an extremely erratic basis
diff --git a/content/journal/easier-to-love-you.mdx b/content/logbook/easier-to-love-you.mdx
similarity index 100%
rename from content/journal/easier-to-love-you.mdx
rename to content/logbook/easier-to-love-you.mdx
diff --git a/content/journal/your-name-is.mdx b/content/logbook/your-name-is.mdx
similarity index 100%
rename from content/journal/your-name-is.mdx
rename to content/logbook/your-name-is.mdx
diff --git a/src/content.config.ts b/src/content.config.ts
index 2694243..eff1a13 100644
--- a/src/content.config.ts
+++ b/src/content.config.ts
@@ -3,8 +3,8 @@ import { glob } from "astro/loaders";
 import { z } from "astro/zod";
 import { Temporal } from "temporal-polyfill";
 
-const journal = defineCollection({
-    loader: glob({ base: "./content/journal", pattern: "**/*.{md,mdx}" }),
+const logbook = defineCollection({
+    loader: glob({ base: "./content/logbook", pattern: "**/*.{md,mdx}" }),
     schema: z.object({
         title: z.string(),
         description: z.string(),
@@ -14,4 +14,4 @@ const journal = defineCollection({
     }),
 })
 
-export const collections = { journal }
+export const collections = { logbook }
diff --git a/src/layouts/post.astro b/src/layouts/post.astro
index 10ee068..600d1e4 100644
--- a/src/layouts/post.astro
+++ b/src/layouts/post.astro
@@ -21,7 +21,7 @@ const frontmatter = Astro.props.frontmatter as Frontmatter
 		<!-- Important metadata, and the like -->
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width = device-width, initial-scale = 1" />
-		<title>{frontmatter.title} · a journal by angelcube</title>
+		<title>{frontmatter.title} · a log by angelcube</title>
 
         <!-- Favicon -->
 		<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
@@ -34,7 +34,7 @@ const frontmatter = Astro.props.frontmatter as Frontmatter
             <header>
                 <nav>
                     <span class="back">
-                        <a href="/journal">← back to journal</a>
+                        <a href="/logbook">← back to logbook</a>
                     </span>
                     <span class="name">angelcube ✦</span>
                 </nav>
diff --git a/src/pages/bulletin/index.astro b/src/pages/bulletin/index.astro
new file mode 100644
index 0000000..1826ec8
--- /dev/null
+++ b/src/pages/bulletin/index.astro
@@ -0,0 +1,27 @@
+---
+import "../../styles/bulletin.scss"
+import Header from "../../components/Header.astro";
+---
+
+<!doctype html>
+<html lang="en-CA">
+	<head>
+		<!-- Important metadata, and the like -->
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width = device-width, initial-scale = 1" />
+		<title>bulletin · angelcube</title>
+
+        <!-- Favicon -->
+		<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+		<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+		<link rel="icon" type="image/svg+xml" sizes="any" href="/favicon.svg">
+	</head>
+    <body>
+        <main>
+			<Header title="bulletin →" description="Fully-formed articles." />
+			<article>
+				<p>...Coming soon!</p>
+			</article>
+		</main>
+    </body>
+</html>
\ No newline at end of file
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 2d1f47f..d8f0e22 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,6 +1,6 @@
 ---
-import NowPlaying from "../components/preact/NowPlaying";
 import "../styles/index.scss"
+import NowPlaying from "../components/preact/NowPlaying";
 ---
 <!doctype html>
 <html lang="en-CA">
@@ -34,7 +34,10 @@ import "../styles/index.scss"
 				<nav>
 					<ul>
 						<li>
-							<a href="/journal">Journal</a>
+							<a href="/bulletin">bulletin</a>
+						</li>
+						<li>
+							<a href="/logbook">logbook</a>
 						</li>
 						<li>
 							<a href="/projects">Projects</a>
diff --git a/src/pages/journal/[id].astro b/src/pages/logbook/[id].astro
similarity index 91%
rename from src/pages/journal/[id].astro
rename to src/pages/logbook/[id].astro
index 3efb57b..16a3dee 100644
--- a/src/pages/journal/[id].astro
+++ b/src/pages/logbook/[id].astro
@@ -1,10 +1,10 @@
 ---
-import Nav from "../../components/Nav.astro"
 import "../../styles/post.scss"
+import Nav from "../../components/Nav.astro"
 import { getCollection, render } from 'astro:content'
 
 export async function getStaticPaths() {
-    const posts = await getCollection("journal")
+    const posts = await getCollection("logbook")
     return posts.map(post => ({
         params: { id: post.id },
         props: { post },
@@ -21,7 +21,7 @@ const { Content } = await render(post)
 		<!-- Important metadata, and the like -->
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width = device-width, initial-scale = 1" />
-		<title>{post.data.title} · a journal by angelcube</title>
+		<title>{post.data.title} · a log by angelcube</title>
 
         <!-- Favicon -->
 		<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
@@ -32,7 +32,7 @@ const { Content } = await render(post)
     <body>
         <main>
             <header>
-                <Nav title="← back to journal" href="/journal" />
+                <Nav title="← back to logbook" href="/logbook" />
                 <div class="title">
                     <div class="heading">
                         <span class="type">{post.data.type}</span>
diff --git a/src/pages/journal/index.astro b/src/pages/logbook/index.astro
similarity index 81%
rename from src/pages/journal/index.astro
rename to src/pages/logbook/index.astro
index 64d2799..d7c1763 100644
--- a/src/pages/journal/index.astro
+++ b/src/pages/logbook/index.astro
@@ -1,6 +1,6 @@
 ---
+import "../../styles/logbook.scss";
 import Header from "../../components/Header.astro";
-import "../../styles/journal.scss";
 import { getCollection } from "astro:content";
 import { Temporal } from "temporal-polyfill";
 
@@ -8,7 +8,7 @@ type PostType = "Ramblings" | "Writings";
 
 async function getSortedPosts(type: PostType) {
 	return (
-		await getCollection("journal", ({ data }) => {
+		await getCollection("logbook", ({ data }) => {
 			return data.type === type;
 		})
 	).sort(
@@ -27,7 +27,7 @@ const ramblings = await getSortedPosts("Ramblings")
 		<!-- Important metadata, and the like -->
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width = device-width, initial-scale = 1" />
-		<title>journal · angelcube</title>
+		<title>logbook · angelcube</title>
 
 		<!-- Favicon -->
 		<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
@@ -37,15 +37,15 @@ const ramblings = await getSortedPosts("Ramblings")
 
 	<body>
 		<main>
-			<Header title="journal →" description="Words I wanted to say." />
+			<Header title="logbook →" description="Words I wanted to say." />
 			<p class="warning">
 				<strong>Tread lightly—</strong>much of my poetry deals in themes such as love, loss, and other brave
-				forms of darkness. Check in with yourself before going on, and touch faith—
+				forms of darkness. Check in with yourself, then go forth and touch faith—
 			</p>
 			<ul class="post-list">
 				{writings.map((post: any) => (
 					<li>
-						<span class="post-title"><a href={`/journal/${post.id}`}>{post.data.title}</a></span>
+						<span class="post-title"><a href={`/logbook/${post.id}`}>{post.data.title}</a></span>
 						<span class="published-date">{post.data.published_date.toLocaleString("en-CA", {year: "numeric", month: "long", day: "numeric"})}</span>
 					</li>
 				))}
diff --git a/src/pages/now.astro b/src/pages/now.astro
index 7180766..08d5495 100644
--- a/src/pages/now.astro
+++ b/src/pages/now.astro
@@ -1,7 +1,7 @@
 ---
+import "../styles/now.scss"
 import { Content as Now } from "../../content/now.mdx"
 import { Content as NowPrev } from "../../content/now-prev.mdx"
-import "../styles/now.scss"
 import LBPinned from "../components/preact/LBPinned";
 import Header from "../components/Header.astro";
 ---
diff --git a/src/pages/projects.astro b/src/pages/projects.astro
index 65ba245..dfeab8c 100644
--- a/src/pages/projects.astro
+++ b/src/pages/projects.astro
@@ -1,6 +1,6 @@
 ---
-import Header from "../components/Header.astro";
 import "../styles/projects.scss"
+import Header from "../components/Header.astro";
 ---
 
 <!doctype html>
diff --git a/src/pages/sticker-book.astro b/src/pages/sticker-book.astro
new file mode 100644
index 0000000..e69de29
diff --git a/src/styles/bulletin.scss b/src/styles/bulletin.scss
new file mode 100644
index 0000000..4eadf3d
--- /dev/null
+++ b/src/styles/bulletin.scss
@@ -0,0 +1,17 @@
+@use "lib/var";
+@use "lib/article";
+
+body {
+    background-color: var(--background-color);
+    font-family: var(--font-body);
+    color: var(--text-color);
+}
+
+main {
+    margin: 20px;
+}
+
+
+article {
+    @extend %article;
+}
\ No newline at end of file
diff --git a/src/styles/components/header.scss b/src/styles/components/header.scss
index 83420d4..95b0c29 100644
--- a/src/styles/components/header.scss
+++ b/src/styles/components/header.scss
@@ -1,5 +1,5 @@
 header {
-    display: grid !important;
+    display: grid;
     grid-template-columns: 1fr 15rem;
     grid-template-rows: repeat(3, 1fr);
     grid-template-areas: 
diff --git a/src/styles/journal.scss b/src/styles/logbook.scss
similarity index 100%
rename from src/styles/journal.scss
rename to src/styles/logbook.scss
diff --git a/src/styles/projects.scss b/src/styles/projects.scss
index fc1c0c7..4eadf3d 100644
--- a/src/styles/projects.scss
+++ b/src/styles/projects.scss
@@ -1,4 +1,5 @@
-@use "./lib/var";
+@use "lib/var";
+@use "lib/article";
 
 body {
     background-color: var(--background-color);
@@ -10,50 +11,7 @@ main {
     margin: 20px;
 }
 
-header {
-    display: grid;
-    grid-template-columns: 1fr 15rem;
-    grid-template-rows: repeat(3, 1fr);
-    grid-template-areas: 
-        "nav nav"
-        "title title"
-        "title title";
-    row-gap: 40px;
-    margin-bottom: 5vh;
-
-    div.title {
-        grid-area: title;
-
-        h1 {
-            font-family: var(--font-heading);
-            font-weight: 300;
-            font-size: 6rem;
-            line-height: 1;
-            letter-spacing: -0.08em;
-        }
-
-        p.description {
-            margin: 0.5em 0;
-            opacity: 80%;
-        }
-    }
-}
-
 
 article {
-    line-height: 1.5;
-    margin: 0 20vw;
-    margin-bottom: 80px;
-}
-
-@media (max-width: 775px) {
-    header div.title h1 {
-        font-size: 4rem;
-
-    }
-
-    article {
-        margin-left: 0;
-        margin-right: 0;
-    }
+    @extend %article;
 }
\ No newline at end of file
-- 
2.51.2