aeh

package.json

@@ -21,6 +21,7 @@
         "astro": "^4.15.1",
         "astro-og-image": "^1.0.7",
         "axios": "^1.7.4",
+        "bulma": "^1.0.2",
         "h3": "^1.12.0",
         "markdown-it": "^14.1.0",
         "mdast-util-to-string": "^4.0.0",

src/components/indieweb/Infobox.astro

@@ -14,7 +14,7 @@ import { siteConfig as sc } from "@lib/siteConfig";
         width={sc.author.photo.size.w}
         height={sc.author.photo.size.h}
     />
-    <p class="p-note">{sc.author.line}</p>
+    <p class="p-note nd">{sc.author.line}</p>
     <ul class="fa-ul">
         <li>
             <i class="fa-li fa-solid fa-globe"></i>
@@ -39,24 +39,27 @@ import { siteConfig as sc } from "@lib/siteConfig";
                 </li>
                 <li>
                     <i class="fa-li fa-solid fa-bread"></i>
-                    <a href="" rel="me"></a>
+                    <a href="//social.lol/@la" rel="me">@[email protected]</a>
                 </li>
             </ul>
         </li>
         <li>
             <i class="fa-li fa-solid fa-at"></i>
-            <a href=`mailto:${sc.author.email}`>{sc.author.email}</a>
+            <a href=`mailto:${sc.author.email}` class="u-email">{sc.author.email}</a>
         </li>
-        <li></li>
     </ul>
 </div>
 
 <style>
     div {
         max-width: fit-content;
         padding: 1em 2em;
+        margin: 0 1em;
+
         background-color: var(--ctp-mocha-mantle);
+
         border: 1px var(--accent) solid;
+        border-radius: 1em 3em;
     }
 
     p {
@@ -69,4 +72,7 @@ import { siteConfig as sc } from "@lib/siteConfig";
         display: block; /* Make the image a block element */
         margin: 0 auto;
     }
+    .u-url::after {
+        content: null;
+    }
 </style>

src/pages/meta/testing.astro

@@ -1,6 +1,6 @@
 ---
-import Infobox from "@cmp/indieweb/Infobox.astro";
 import Layout from "@lay/PageLayout.astro";
+import Infobox from "@cmp/indieweb/Infobox.astro";
 ---
 
 <Layout pageTitle="testing">

src/styles/global.css

@@ -42,7 +42,7 @@ html {
 
 body {
     width: fit-content;
-    max-width: 80%;
+    max-width: 90%;
     padding: calc(var(--padding-def) / 2) calc(var(--padding-def) * 2);
 }