fix: spacing

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",
+      "version": "1.0.30001672",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001671.tgz",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001672.tgz",
-      "integrity": "sha512-jocyVaSSfXg2faluE6hrWkMgDOiULBMca4QLtDT39hw1YxaIPHWc1CcTCKkPmHgGH6tKji6ZNbMSmUAvENf2/A==",
+      "integrity": "sha512-XhW1vRo1ob6aeK2w3rTohwTPBLse/rvjq+s3RTSBwnlZqoFFjx9cHsShJjAIbLsLjyoacaTxpLZy9v3gg6zypw==",
       "dev": true,
       "funding": [
         {

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": {

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;

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);
 

src/assets/styles/pages/articles.css

@@ -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;
-}

src/includes/home/intro.liquid

@@ -1,3 +1,3 @@
-<article>
+<article class="intro">
   {{ intro }}
 </article>