1.3.78

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ayco/personal-website",
   "type": "module",
-  "version": "1.3.74",
+  "version": "1.3.78",
   "private": true,
   "scripts": {
     "astro": "astro",

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"
+      volunteering to <a
-        >Fediverse</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

src/pages/pgp.astro

@@ -4,7 +4,7 @@ import Footer from '../components/Footer.astro'
 
 const title = 'PGP public key'
 const description =
-  'Use to verify my digitally signed content like emails and files'
+  'Use to verify my digital signature or to encrypt messages intended only for me.'
 ---
 
 <Layout title={"Ayo's " + title} description={description}>
@@ -13,7 +13,12 @@ const description =
     <p>{description}</p>
 
     <div class="key-block" role="region" aria-labelledby="public-key">
-      <button class="copy-btn" aria-label="Copy key to clipboard">Copy</button>
+      <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-----
@@ -31,11 +36,13 @@ AP0YLC768PFTBm9CM5T1BE0xjJ7s4dZSrVoI4n8RSe1nCA==
 -----END PGP PUBLIC KEY BLOCK-----
           </code></pre>
     </div>
-
+    <p>Expiry Date: 2027-05-30</p>
     <p>
-      <a href="/publickey.asc" class="download-link"> Download key (asc) </a>
+      Fingerprint: <code
+        >17F1 3D5E 8FF7 372B 1354 5C38 65E6 BF64 1529 3C65</code>
     </p>
-    <p>This key will expire on: 2027-05-30</p>
+
+    <p></p>
   </main>
   <Footer />
 </Layout>
@@ -83,11 +90,16 @@ AP0YLC768PFTBm9CM5T1BE0xjJ7s4dZSrVoI4n8RSe1nCA==
     display: block;
   }
 
-  /* Copy button */
+  /* buttons */
-  .copy-btn {
+  .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;
@@ -97,14 +109,15 @@ AP0YLC768PFTBm9CM5T1BE0xjJ7s4dZSrVoI4n8RSe1nCA==
     cursor: pointer;
     opacity: 0.9;
     transition: opacity 0.2s;
+    text-decoration: none;
   }
 
-  .copy-btn:hover,
+  .btn:hover,
-  .copy-btn:focus {
+  .btn:focus {
     opacity: 1;
   }
 
-  .copy-btn:focus {
+  .btn:focus {
     outline: 2px solid #0056b3;
     outline-offset: 2px;
   }

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>