blub

assets/css/app.css

@@ -128,6 +128,12 @@
   The components layer is for class-based styles that you want to be able to override with utilities.
 */
 @layer components {
+  .note {
+    .note-link {
+      @apply text-center text-neutral-900 dark:text-neutral-100;
+    }
+  }
+
   .divider {
     @apply flex text-red-500 items-center my-8 w-full mx-auto last:hidden;
     @apply before:flex-1 before:content-[''] before:bg-neutral-500/25 before:p-[0.5px] before:mr-2;
@@ -180,4 +186,8 @@
   .hljs {
     background: transparent !important;
   }
+
+  a.invalid {
+    @apply line-through;
+  }
 }

lib/chiya_web/components/public_components.ex

@@ -146,6 +146,7 @@ defmodule ChiyaWeb.PublicComponents do
       src={ChiyaWeb.Helpers.image_url(assigns.image, assigns.size)}
       class={assigns.class}
       title={assigns.image.content}
+      loading="lazy"
     />
     """
   end

lib/chiya_web/controllers/page_html/note.html.heex

@@ -1,6 +1,6 @@
 <section class="page-grid">
   <section>
-    <article class="h-entry hentry | stack container">
+    <article class="h-entry hentry note | stack container">
       <header class="prose max-w-none">
         <h1 class="p-name">
           <%= @note.name %>