fix: misc styles

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "The source for my personal site, blog and portfolio. Built using 11ty and hosted on Netlify.",
   "type": "module",
   "scripts": {

src/_includes/post.liquid

@@ -3,24 +3,26 @@ layout: main
 schema: blog
 ---
 {% render "partials/header.liquid", meta: meta, page: page, nav: nav %}
-<article class="h-entry" data-pagefind-body>
+<div class="article__wrapper">
-  {% if link %}
+  <article class="h-entry" data-pagefind-body>
-    <a class="no-underline" href="{{ link }}">
+    {% if link %}
-      <h2 data-pagefind-meta="title">
+      <a class="no-underline" href="{{ link }}">
-        {% tablericon 'link' title %}
+        <h2 data-pagefind-meta="title">
-        {{ title }}
+          {% tablericon 'link' title %}
-      </h2>
+          {{ title }}
-    </a>
+        </h2>
-  {% else %}
+      </a>
-    <h2 class="p-name" data-pagefind-meta="title">{{ title }}</h2>
+    {% else %}
-  {% endif %}
+      <h2 class="p-name" data-pagefind-meta="title">{{ title }}</h2>
-  <span class="p-author h-card hidden">{{ meta.author }}</span>
+    {% endif %}
-  <time class="dt-published" datetime="{{ date }}">{{ date | readableDate }}</time>
+    <span class="p-author h-card hidden">{{ meta.author }}</span>
-  <div class="p-summary hidden">{{ post_excerpt | markdown }}</div>
+    <time class="dt-published" datetime="{{ date }}">{{ date | readableDate }}</time>
-  <div class="e-content">
+    <div class="p-summary hidden">{{ post_excerpt }}</div>
-    {{ content }}
+    <div class="e-content">
-  </div>
+      {{ content }}
-</article>
+    </div>
+  </article>
+</div>
 {% render "partials/post-tags.liquid", tags: tags %}
 {% render "partials/webmentions/container.liquid", webmentions: webmentions, page: page %}
 {% render "partials/author.liquid", meta: meta %}

src/assets/styles/index.css

@@ -215,17 +215,16 @@ main {
   line-height: var(--line-height-2xl);
 }
 
-article a h2 {
+.now__topper h2 a,
-  line-height: var(--line-height-2xl);
+article a h2,
+.main__title h1 a,
+footer .links__secondary a {
+  text-decoration: none;
 }
 
 .main__title h1 a,
-.now__topper h2 a,
-article a h2,
 footer .links__secondary a {
   color: var(--black);
-  stroke: var(--black);
-  text-decoration: none;
 }
 
 .main__title h1 a:hover,
@@ -247,7 +246,7 @@ footer .links__secondary a:active {
 article {
   border-bottom: 1px solid var(--gray-200);
   margin-bottom: 2rem;
-  padding-bottom: 2rem;
+  padding-bottom: 1rem;
 }
 
 .now__topper h2 {
@@ -458,8 +457,12 @@ code {
 }
 
 /* articles */
+.article__wrapper {
+  padding-top: 1rem;
+}
+
 article h2 {
-  margin-bottom: .5rem;
+  line-height: var(--line-height-2xl);
 }
 
 article time {
@@ -772,11 +775,19 @@ ol li {
   margin-bottom: 1.5rem;
 }
 
+.webmentions__wrapper .interaction__wrapper:last-child {
+  margin-bottom: 0;
+}
+
 .webmentions__wrapper .interaction__wrapper .comment__wrapper {
   width: 100%;
   padding-bottom: 1rem;
 }
 
+.webmentions__wrapper .interaction__wrapper .comment__wrapper:last-child {
+  padding-bottom: 0;
+}
+
 .webmentions__wrapper .interaction__wrapper .comment__wrapper--interior {
   justify-content: space-between;
 }

src/index.html

@@ -21,7 +21,6 @@ meta:
   image:
     src: https://coryd.dev/assets/img/avatar.webp
 ---
-
 {% if pagination.pageNumber == 0 %}{% include "partials/now/topper.liquid" status:status %}{% endif %} {% for post in pagination.items %} {% if post.data.published %}
 <article class="h-entry">
   <a class="no-underline" href="{{ post.url }}">
@@ -31,6 +30,7 @@ meta:
   <time class="dt-published" datetime="{{ post.date }}">
     {{ post.date | date: "%m.%Y" }}
   </time>
-  <p class="p-summary">{{ post.data.post_excerpt | markdown }}</p>
+  <div class="p-summary hidden">{{ post.data.post_excerpt }}</div>
+  {{ post.data.post_excerpt | markdown }}
 </article>
 {% endif %} {% endfor %} {% include "partials/paginator.liquid" %}

src/posts/2018/fugazi-turnover-live-1991.md

@@ -5,7 +5,6 @@ description: "Absolutely classic."
 draft: false
 tags: ['music']
 ---
-
-<https://www.youtube.com/watch?v=gzC0RNkBXM0>
-
 Absolutely classic.<!-- excerpt -->
+
+<https://www.youtube.com/watch?v=gzC0RNkBXM0>

src/posts/2019/waste-of-space-orchestra-seekers-reflection.md

@@ -5,9 +5,8 @@ description: 'I could not be more excited for this release.'
 draft: false
 tags: ['music']
 ---
+I could not be more excited for this release.<!-- excerpt -->
 
 <https://www.youtube.com/watch?v=V8ia-nyd_K8>
 
-I could not be more excited for this release.
+Kudos to Roadburn Festival [for commissioning the piece](https://roadburn.com/premiere-waste-of-space-orchestra-seekers-reflection/).
-
-Kudos to Roadburn Festival [for commissioning the piece](https://roadburn.com/premiere-waste-of-space-orchestra-seekers-reflection/).<!-- excerpt -->