From df699c8f67d6d443090e771e12c74f90029abd8c Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Sat, 26 Oct 2024 15:33:12 -0700
Subject: [PATCH] fix: spacing

---
 package-lock.json                    | 10 ++--
 package.json                         |  2 +-
 src/assets/styles/base/index.css     | 73 ++++++++++++++++++++++++++++
 src/assets/styles/index.css          |  1 -
 src/assets/styles/pages/articles.css | 67 -------------------------
 src/includes/home/intro.liquid       |  2 +-
 6 files changed, 80 insertions(+), 75 deletions(-)
 delete mode 100644 src/assets/styles/pages/articles.css

diff --git a/package-lock.json b/package-lock.json
index 26bc93d9..76d75b38 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "2.0.0",
+      "version": "2.0.1",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.6.0",
@@ -1152,9 +1152,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001671",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001671.tgz",
-      "integrity": "sha512-jocyVaSSfXg2faluE6hrWkMgDOiULBMca4QLtDT39hw1YxaIPHWc1CcTCKkPmHgGH6tKji6ZNbMSmUAvENf2/A==",
+      "version": "1.0.30001672",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001672.tgz",
+      "integrity": "sha512-XhW1vRo1ob6aeK2w3rTohwTPBLse/rvjq+s3RTSBwnlZqoFFjx9cHsShJjAIbLsLjyoacaTxpLZy9v3gg6zypw==",
       "dev": true,
       "funding": [
         {
diff --git a/package.json b/package.json
index dfc99639..568cfb86 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "engines": {
diff --git a/src/assets/styles/base/index.css b/src/assets/styles/base/index.css
index 1225d20b..9495da1d 100644
--- a/src/assets/styles/base/index.css
+++ b/src/assets/styles/base/index.css
@@ -309,6 +309,79 @@ hr {
   margin: var(--margin-vertical-base-horizontal-zero);
 }
 
+/* articles */
+article {
+  margin-bottom: var(--spacing-base);
+  border-bottom: var(--border-gray);
+
+  &:last-of-type {
+    border-bottom: none;
+  }
+
+  &.intro p {
+    margin-top: 0;
+  }
+
+  &.standalone .associated-media:last-of-type > hr {
+    display: none;
+  }
+
+  & h3 {
+    margin-top: 0;
+  }
+
+  & .post-meta {
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-sm);
+
+    & svg {
+      stroke: var(--gray-dark);
+      width: var(--sizing-svg-sm);
+      height: var(--sizing-svg-sm);
+    }
+
+    & time {
+      color: var(--gray-dark);
+      font-size: var(--font-size-sm);
+    }
+  }
+}
+
+p + .associated-media,
+img + .associated-media,
+.banner + .associated-media {
+  margin-top: var(--spacing-base);
+  border-top: var(--border-gray);
+}
+
+.footnotes {
+  & .footnotes-list {
+    margin-bottom: 0;
+
+    & li:last-child {
+      margin-bottom: 0;
+    }
+
+    & .footnote-item > p {
+      display: inline;
+    }
+  }
+
+  &:has(~ *) {
+    margin-bottom: var(--spacing-base);
+  }
+}
+
+sup.footnote-ref {
+  line-height: var(--line-height-xs);
+}
+
+sup.footnote-ref a,
+.footnote-backref {
+  text-decoration: none;
+}
+
 /* tables */
 table {
   display: block;
diff --git a/src/assets/styles/index.css b/src/assets/styles/index.css
index d4ff6cf2..ccc87284 100644
--- a/src/assets/styles/index.css
+++ b/src/assets/styles/index.css
@@ -21,7 +21,6 @@
 @import url("./pages/feeds.css") layer(page);
 @import url("./pages/links.css") layer(page);
 @import url("./pages/music.css") layer(page);
-@import url("./pages/articles.css") layer(page);
 @import url("./pages/watching.css") layer(page);
 @import url("./pages/webrings.css") layer(page);
 
diff --git a/src/assets/styles/pages/articles.css b/src/assets/styles/pages/articles.css
deleted file mode 100644
index a19aed56..00000000
--- a/src/assets/styles/pages/articles.css
+++ /dev/null
@@ -1,67 +0,0 @@
-article {
-  margin-bottom: var(--spacing-base);
-  border-bottom: var(--border-gray);
-
-  &:last-of-type {
-    border-bottom: none;
-  }
-
-  &.standalone .associated-media:last-of-type > hr {
-    display: none;
-  }
-
-  & h3 {
-    margin-top: 0;
-  }
-
-  & .post-meta {
-    display: flex;
-    align-items: center;
-    gap: var(--spacing-sm);
-
-    & svg {
-      stroke: var(--gray-dark);
-      width: var(--sizing-svg-sm);
-      height: var(--sizing-svg-sm);
-    }
-
-    & time {
-      color: var(--gray-dark);
-      font-size: var(--font-size-sm);
-    }
-  }
-}
-
-p + .associated-media,
-img + .associated-media,
-.banner + .associated-media {
-  margin-top: var(--spacing-base);
-  border-top: var(--border-gray);
-}
-
-.footnotes {
-  & .footnotes-list {
-    margin-bottom: 0;
-
-    & li:last-child {
-      margin-bottom: 0;
-    }
-
-    & .footnote-item > p {
-      display: inline;
-    }
-  }
-
-  &:has(~ *) {
-    margin-bottom: var(--spacing-base);
-  }
-}
-
-sup.footnote-ref {
-  line-height: var(--line-height-xs);
-}
-
-sup.footnote-ref a,
-.footnote-backref {
-  text-decoration: none;
-}
diff --git a/src/includes/home/intro.liquid b/src/includes/home/intro.liquid
index f18593bf..7a581e2e 100644
--- a/src/includes/home/intro.liquid
+++ b/src/includes/home/intro.liquid
@@ -1,3 +1,3 @@
-<article>
+<article class="intro">
   {{ intro }}
 </article>
\ No newline at end of file