1.3.78

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ayco/personal-website",
   "type": "module",
-  "version": "1.3.69",
+  "version": "1.3.78",
   "private": true,
   "scripts": {
     "astro": "astro",
@@ -15,6 +15,7 @@
     "check": "npm run format && npm run lint",
     "deploy": "eval $(grep '^HOST' .env) && scp -r dist ayo@$HOST:~/ayco.io-flask",
     "patch:build:deploy": "npm version patch && npm run build && npm run deploy",
+    "pbd": "npm run patch:build:deploy",
     "build:preview": "npm run build && astro preview",
     "build:deploy": "npm run build && npm run deploy",
     "copy:dist": "npm run build && cp -R dist ../ayco.io-flask/",

src/components/Footer.astro

@@ -45,7 +45,7 @@ const year = new Date().getFullYear()
   <p>
     Copyright &#169; 2022-{year}
     <a href="/">Ayo Ayco</a>. This website <a
-      href="https://ayos.blog/stopped-tracking-on-my-sites"
+      href="https://v1.ayos.blog/stopped-tracking-on-my-sites"
       >does not track users</a
     >. See the <a href="https://git.ayo.run/ayo/ayco.io-astro">source code.</a>
   </p>

src/pages/about.astro

@@ -36,8 +36,9 @@ import Footer from '../components/Footer.astro'
     <p>
       In my spare time, I find it fun building <a href="/showcase">projects</a>,
       running self-hosted services at <a href="https://ayo.run">ayo.run</a>, and
-      volunteering to <a href="https://ayos.blog/why-fediverse/" target="_blank"
-        >Fediverse</a
+      volunteering to <a
+        href="https://v1.ayos.blog/why-fediverse/"
+        target="_blank">Fediverse</a
       > projects like <a href="https://elk.zone">elk.zone</a>,
       <a href="https://m.webtoo.ls/public/local">webtoo.ls</a>, and <a
         href="https://m.webtoo.ls/@vitest">vitest's fedi presence</a
@@ -53,14 +54,8 @@ import Footer from '../components/Footer.astro'
     <p>My inbox is open to everyone.</p>
     <ul>
       <li>
-        ✉️ Email me: <a href="mailto:ayo@ayco.io">ayo@ayco.io</a> &middot; <a
-          href="/pgp">PGP key</a
-        >
-      </li>
-      <li>
-        💬 Let's chat: <a href="https://chat.ayo.run/join/7IKG-h3nW-pD1H"
-          >chat.ayo.run</a
-        >
+        ✉️ Email me: <a href="mailto:ayo@ayco.io">ayo@ayco.io</a> &middot
+        <small> (<a href="/pgp">PGP key</a>)</small>
       </li>
       <li>
         💬 Signal: <a

src/pages/index.astro

@@ -41,15 +41,6 @@ const avatarSize = 150
           <span class="now-label">now</span>
           <span class="status">{now.title}</span>
         </a>
-
-        <a
-          href="https://chat.ayo.run/join/7IKG-h3nW-pD1H"
-          class="chat-link action"
-        >
-          <status-indicator id="chat-link" pulse status="positive">
-            Chat
-          </status-indicator>
-        </a>
       </div>
     </div>
   </section>

src/pages/pgp.astro

@@ -1,12 +1,26 @@
 ---
 import Layout from '../layouts/Layout.astro'
 import Footer from '../components/Footer.astro'
+
+const title = 'PGP public key'
+const description =
+  'Use to verify my digital signature or to encrypt messages intended only for me.'
 ---
 
-<Layout title="About" description="About Ayo Ayco and how to contact">
+<Layout title={"Ayo's " + title} description={description}>
   <main>
-    <code
-      ><pre>
+    <h1>My {title}</h1>
+    <p>{description}</p>
+
+    <div class="key-block" role="region" aria-labelledby="public-key">
+      <div class="btn-wrapper">
+        <button class="copy-btn btn" aria-label="Copy key to clipboard"
+          >Copy</button
+        >
+        <a href="/publickey.asc" class="btn">Download</a>
+      </div>
+      <pre
+        id="public-key"><code>
 -----BEGIN PGP PUBLIC KEY BLOCK-----
 
 mDMEahs0NhYJKwYBBAHaRw8BAQdAV2CfblniKxklPgW9eYt2gBl0jMHLwtjrQaY+
@@ -20,14 +34,91 @@ AAoJEGXmv2QVKTxlMSQBAP5ta1kUFp3HAYwcun8qmoiVq1dEJSN1LnI7HlX4ucTl
 AP0YLC768PFTBm9CM5T1BE0xjJ7s4dZSrVoI4n8RSe1nCA==
 =MTsv
 -----END PGP PUBLIC KEY BLOCK-----
-    </pre></code
-    >
+          </code></pre>
+    </div>
+    <p>Expiry Date: 2027-05-30</p>
+    <p>
+      Fingerprint: <code
+        >17F1 3D5E 8FF7 372B 1354 5C38 65E6 BF64 1529 3C65</code>
+    </p>
+
+    <p></p>
   </main>
   <Footer />
 </Layout>
 
+<script>
+  /* Clipboard copy logic */
+  document.querySelector('.copy-btn').addEventListener('click', async () => {
+    const keyText = document.querySelector('#public-key code').innerText.trim()
+    try {
+      await navigator.clipboard.writeText(keyText)
+      const btn = document.querySelector('.copy-btn')
+      const original = btn.textContent
+      btn.textContent = 'Copied!'
+      setTimeout(() => {
+        btn.textContent = original
+      }, 2000)
+    } catch (err) {
+      console.error('Copy failed', err)
+      alert('Unable to copy the key. Please copy it manually.')
+    }
+  })
+</script>
+
 <style>
   code {
     font-size: var(--font-size-sm);
   }
+
+  .key-block {
+    position: relative;
+    background: #272822;
+    color: #f8f8f2;
+    font-family: monospace;
+    font-size: 0.9rem;
+    line-height: 1.4;
+    padding: 1rem 1rem 1rem 1.5rem;
+    border-radius: 4px;
+    overflow-x: auto;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    margin: 1em 0;
+  }
+
+  .key-block code {
+    display: block;
+  }
+
+  /* buttons */
+  .btn-wrapper {
+    position: absolute;
+    top: 0.5rem;
+    right: 0.5rem;
+  }
+
+  .btn {
+    display: inline-block;
+    position: relative;
+    background: var(--color-brand-blue-1);
+    color: #fff;
+    border: none;
+    border-radius: 4px;
+    padding: 0.3rem 0.6rem;
+    font-size: 0.8rem;
+    cursor: pointer;
+    opacity: 0.9;
+    transition: opacity 0.2s;
+    text-decoration: none;
+  }
+
+  .btn:hover,
+  .btn:focus {
+    opacity: 1;
+  }
+
+  .btn:focus {
+    outline: 2px solid #0056b3;
+    outline-offset: 2px;
+  }
 </style>

src/pages/showcase.astro

@@ -11,7 +11,8 @@ import Card from '../components/Card.astro'
   <main>
     <h1><span class="text-gradient">Hobby Projects</span></h1>
     <p>
-      See more of my previous projects at <a href="https://ayos.blog">my blog</a
+      See more of my previous projects at <a
+        href="https://v1.ayos.blog/projects">my blog</a
       >.
     </p>
     <ul>