fix: styles

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "1.0.4",
+      "version": "1.0.5",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.5.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "scripts": {

src/assets/styles/base/index.css

@@ -410,37 +410,6 @@ footer {
   color: var(--text-color);
 }
 
-/* articles */
-article {
-  margin-bottom: var(--spacing-base);
-  border-bottom: var(--border-gray);
-
-  &:last-of-type {
-    border-bottom: none;
-  }
-
-  h3,
-  &:not(:has(h3)) p {
-    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);
-    }
-  }
-}
 
 /* lists */
 ul, ol {

src/assets/styles/index.css

@@ -21,7 +21,7 @@
 @import url('./pages/feeds.css') layer(page);
 @import url('./pages/links.css') layer(page);
 @import url('./pages/music.css') layer(page);
-@import url('./pages/post.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,5 +1,36 @@
-article.standalone .associated-media:last-of-type > hr {
-  display: none;
+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,
+  &:not(:has(h3)) p {
+    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,

src/includes/base.liquid

@@ -47,7 +47,7 @@
   {%- assign pageDescription = description -%}
 {%- endif -%}
 
-{%- assign ogImage = 'https://cdn.coryd.dev/' | append: globals.avatar | append: "?class=w800" -%}
+{%- assign ogImage = 'https://cdn.coryd.dev' | append: globals.avatar | append: "?class=w800" -%}
 {%- case schema -%}
   {%- when 'music' -%}
     {%- assign ogImage = 'https://cdn.coryd.dev' | append: page.image -%}

src/includes/partials/media/watching/grid.liquid

@@ -1,42 +0,0 @@
-{%- assign pageCount = pagination.pages.size | default: 0 -%}
-{%- assign hidePagination = pageCount <= 1 -%}
-<div class="watching grid">
-  {%- for item in data limit: count -%}
-    {%- assign alt = item.grid.grid.alt | strip | escape -%}
-    <a href="{{ item.grid.url }}">
-      <div class="watching item">
-        <div class="meta-text">
-          {%- if item.grid.type == 'movie' -%}
-            <div class="header">{{ item.grid.title }}</div>
-            <div class="subheader">
-              {%- if item.grid.rating -%}
-                <span class="rating"> {{ item.grid.rating }}</span>
-              {%- endif -%}
-              ({{ item.grid.year }})
-            </div>
-          {%- else -%}
-            <div class="header">{{ item.grid.title }}</div>
-            <div class="subheader">({{ item.grid.year }})</div>
-          {%- endif -%}
-        </div>
-        {%- assign loadingStrategy = loading | default: 'lazy' -%}
-        <img
-          srcset="
-            https://cdn.coryd.dev{{ item.grid.backdrop }}?class=bannersm&type=webp 256w,
-            https://cdn.coryd.dev{{ item.grid.backdrop }}?class=bannermd&type=webp 512w
-          "
-          sizes="(max-width: 450px) 256px, 512px"
-          src="https://cdn.coryd.dev{{ item.grid.backdrop }}?class=bannersm&type=webp"
-          alt="{{ alt }}"
-          loading="{{ loadingStrategy }}"
-          decoding="async"
-          width="256"
-          height="170"
-        />
-      </div>
-    </a>
-  {%- endfor -%}
-</div>
-{%- unless hidePagination -%}
-  {% render "partials/nav/paginator.liquid", pagination:pagination %}
-{%- endunless -%}