feat: 💬 add attributions to site footer

src/components/head/page-head-style.webc

@@ -29,6 +29,20 @@
     font-family: var(--font-family-headings);
   }
 
+  a:not([class]) {
+    color: inherit;
+    text-decoration: underline;
+    text-underline-offset: 0.1875em;
+    text-decoration-thickness: 0.125em;
+    text-decoration-skip-ink: all;
+    text-decoration-color: var(--clr-link-underline);
+    transition: color 0.2s ease;
+  }
+
+  a:not([class]):hover {
+    color: var(--clr-link);
+  }
+
   ::selection {
     color: var(--clr-selection-text);
     background-color: var(--clr-selection);

src/components/page-content.webc

@@ -51,18 +51,4 @@
   :host p {
     text-align: justify;
   }
-
-  :host article a {
-    color: inherit;
-    text-decoration: underline;
-    text-underline-offset: 0.1875em;
-    text-decoration-thickness: 0.125em;
-    text-decoration-skip-ink: all;
-    text-decoration-color: var(--clr-link-underline);
-    transition: color 0.2s ease;
-  }
-
-  :host article a:hover {
-    color: var(--clr-link);
-  }
 </style>

src/layouts/character.webc

@@ -3,9 +3,7 @@ layout: base.webc
 ---
 
 <popup-modal id="nsfw-warning" :open="isOpen">
-  <template webc:nokeep slot="heading">
-    🔞 Whoa, Nelly! 🔞
-  </template>
+  <template webc:nokeep slot="heading"> 🔞 Whoa, Nelly! 🔞 </template>
   <template webc:nokeep slot="message">
     <p>Entering the kinky zone!</p>
     <p>You confirm that you are of legal age to view adult content!</p>
@@ -32,12 +30,18 @@ layout: base.webc
     <article @raw="content"></article>
   </page-content>
 
-  <footer>&copy; Sebin Nyshkim 2025</footer>
+  <footer>
+    <p>
+      Made with <a href="https://11ty.dev" target="_blank">11ty</a><br />
+      Icons by <a href="https://fontawesome.com/">Font Awesome</a>
+    </p>
+    <p>&copy; Sebin Nyshkim 2025</p>
+  </footer>
 </main>
 
 <style>
   main {
-    --inbox-margin: 1rem;
+    --inbox-spacing: 1rem;
 
     display: grid;
     justify-content: center;
@@ -56,7 +60,7 @@ layout: base.webc
     margin-block: var(--page-spacing);
 
     @media (min-width: 64em) {
-      --inbox-margin: 1.5rem;
+      --inbox-spacing: 1.5rem;
 
       grid-auto-columns: revert;
       grid-template-columns: 18em minmax(0, 65ch);
@@ -67,12 +71,12 @@ layout: base.webc
   }
 
   h1 {
-    margin-inline: var(--inbox-margin);
+    margin-inline: var(--inbox-spacing);
   }
 
   article {
-    margin-block: var(--inbox-margin);
-    margin-inline: var(--inbox-margin);
+    margin-block: var(--inbox-spacing);
+    margin-inline: var(--inbox-spacing);
     hyphens: auto;
   }
 
@@ -85,7 +89,43 @@ layout: base.webc
   }
 
   footer {
-    text-align: end;
+    --columns: 1fr;
+
     grid-area: footer;
+    display: grid;
+    grid-template-columns: var(--columns);
+    gap: 1em;
+    width: 100%;
+    max-width: 65ch;
+    padding-inline: var(--inbox-spacing);
+
+    @media (min-width: 35em) {
+      --columns: repeat(2, 1fr);
+    }
+  }
+
+  footer p:first-child {
+    text-align: center;
+
+    @media (min-width: 35em) {
+      text-align: start;
+    }
+  }
+
+  footer p {
+    margin: 0;
+    text-align: center;
+
+    @media (min-width: 35em) {
+      margin: revert;
+    }
+  }
+
+  footer p:last-child {
+    text-align: center;
+
+    @media (min-width: 35em) {
+      text-align: end;
+    }
   }
 </style>

src/viktor/index.md

@@ -18,7 +18,7 @@ He much rather meets those friends face-to-face, too. Catching up with friends o
 
 Which also aptly describes his relationship to technology: Viktor isn't exactly tech-savvy, preferring not to rely on digital communication methods that often feel impersonal or fleeting. He's not one for gadgets or gizmos with all the bells and whistles. He uses something until it irreparably breaks and even if he has to replace something, he has no issue with hand-me-downs.
 
-He greatly dislikes the dependence on tech of the modern age, which is why he's hard to get a hold of on his trusty 10-year-old phone—which he has on silent almost all the time. Get used to hearing back from him maybe a day or two later, if he remembers to charge it.
+He greatly dislikes the dependence on tech of the modern age, which is why he's hard to get a hold of on his trusty 10-year-old phone—which he has on silent almost all the time. Get used to hearing back from him maybe a day or two later. That is, if he remembers to charge it. However, this is less of an issue than it might seem. Due to his aforementioned preference for face time, he's out and about most of the time, so you're bound to run into him sooner or later anyways.
 
 ## Sexuality