From ba801abead8d683535a8e08556bc7057ad6a6754 Mon Sep 17 00:00:00 2001
From: Laker Turner <la@laker.gay>
Date: Fri, 30 Aug 2024 15:39:58 +0100
Subject: [PATCH] aeh

---
 package.json                          |  1 +
 pnpm-lock.yaml                        |  8 ++++++++
 src/components/indieweb/Infobox.astro | 14 ++++++++++----
 src/pages/meta/testing.astro          |  2 +-
 src/styles/global.css                 |  2 +-
 5 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 0b5734c..10c80fd 100644
--- a/package.json
+++ b/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",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e6c92fc..82fdc3f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -38,6 +38,9 @@ importers:
       axios:
         specifier: ^1.7.4
         version: 1.7.4
+      bulma:
+        specifier: ^1.0.2
+        version: 1.0.2
       h3:
         specifier: ^1.12.0
         version: 1.12.0
@@ -891,6 +894,9 @@ packages:
   buffer@5.7.1:
     resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
 
+  bulma@1.0.2:
+    resolution: {integrity: sha512-D7GnDuF6seb6HkcnRMM9E739QpEY9chDzzeFrHMyEns/EXyDJuQ0XA0KxbBl/B2NTsKSoDomW61jFGFaAxhK5A==}
+
   camelcase@7.0.1:
     resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==}
     engines: {node: '>=14.16'}
@@ -3499,6 +3505,8 @@ snapshots:
       base64-js: 1.5.1
       ieee754: 1.2.1
 
+  bulma@1.0.2: {}
+
   camelcase@7.0.1: {}
 
   caniuse-lite@1.0.30001646: {}
diff --git a/src/components/indieweb/Infobox.astro b/src/components/indieweb/Infobox.astro
index 80ae9b2..fb43b92 100644
--- a/src/components/indieweb/Infobox.astro
+++ b/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,15 +39,14 @@ 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">@la@social.lol</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>
 
@@ -55,8 +54,12 @@ import { siteConfig as sc } from "@lib/siteConfig";
     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>
diff --git a/src/pages/meta/testing.astro b/src/pages/meta/testing.astro
index a014d22..b69f5c4 100644
--- a/src/pages/meta/testing.astro
+++ b/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">
diff --git a/src/styles/global.css b/src/styles/global.css
index 0bd66bb..b8832fb 100644
--- a/src/styles/global.css
+++ b/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);
 }