README.md

@@ -22,30 +22,13 @@ $ pnpm i
 
 ## Commands
 
-| Command                       | Action                                         |
-| ----------------------------- | ---------------------------------------------- |
-| `pnpm run dev`                | start dev server                               |
-| `pnpm run build`              | generate static files to `dist` directory      |
-| `pnpm run deploy`             | upload to my server                            |
-| `pnpm run prep:now`           | back up and clear current `now page` constants |
-| `pnpm run patch:build:deploy` | increment version, build, then upload          |
-
-## Testing
-
-This project uses Vitest for unit tests. The test script is defined in `package.json` as `vitest run .`.
-
-Run tests locally with pnpm (recommended):
-
-```bash
-# install dependencies (if you haven't already)
-pnpm i
-
-# run tests once
-pnpm test
-
-# run Vitest in interactive/watch mode
-pnpm exec vitest
-```
+| Command             | Action                                         |
+| ------------------- | ---------------------------------------------- |
+| `pnpm run dev`      | start dev server                               |
+| `pnpm run build`    | generate static files to `dist` directory      |
+| `pnpm run deploy`   | upload to my server                            |
+| `pnpm run prep:now` | back up and clear current `now page` constants |
+| `pnpm run patch:build:deploy` | increment version, build, then upload |
 
 ## Deployment
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ayco/personal-website",
   "type": "module",
-  "version": "1.3.83",
+  "version": "1.3.76",
   "private": true,
   "scripts": {
     "astro": "astro",
@@ -11,9 +11,8 @@
     "preview": "astro preview",
     "lint": "eslint . --config eslint.config.mjs --cache",
     "lint:fix": "eslint . --config eslint.config.mjs --fix",
-    "fmt": "prettier . --config prettier.config.mjs --check",
-    "fmt:fix": "prettier . --config prettier.config.mjs --write",
-    "check": "npm run fmt && npm run lint",
+    "format": "prettier . --write",
+    "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",
@@ -52,7 +51,6 @@
     "rehype-stringify": "^10.0.1",
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.2",
-    "sharp": "^0.34.5",
     "tslib": "^2.8.1",
     "typescript": "^6.0.3",
     "typescript-eslint": "^8.59.3",
@@ -63,14 +61,14 @@
   },
   "lint-staged": {
     "*.{js,mjs,astro,ts}": [
-      "prettier . --config prettier.config.mjs --write",
-      "eslint . --config eslint.config.mjs --fix"
+      "prettier --write",
+      "eslint --fix"
     ],
     "*.json": [
-      "prettier . --config prettier.config.mjs --write"
+      "prettier --write"
     ]
   },
-  "packageManager": "pnpm@11.5.2+sha512.71c631e382066efc25625d5cf029075de07b61b37f6e27350fbd84b1bda5864c8c1967adc280776b45c30a715c0359a3be08fef42d5bb09e2b99029979692916",
+  "packageManager": "pnpm@11.2.2",
   "dependencies": {
     "@ayo-run/status-indicator": "^2.1.2",
     "web-component-base": "^4.1.2"

pnpm-lock.yaml

@@ -96,9 +96,6 @@ importers:
       remark-rehype:
         specifier: ^11.1.2
         version: 11.1.2
-      sharp:
-        specifier: ^0.34.5
-        version: 0.34.5
       tslib:
         specifier: ^2.8.1
         version: 2.8.1
@@ -3258,7 +3255,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@img/colour@1.1.0': {}
+  '@img/colour@1.1.0':
+    optional: true
 
   '@img/sharp-darwin-arm64@0.34.5':
     optionalDependencies:
@@ -4124,7 +4122,8 @@ snapshots:
 
   destr@2.0.5: {}
 
-  detect-libc@2.1.2: {}
+  detect-libc@2.1.2:
+    optional: true
 
   devalue@5.8.1: {}
 
@@ -5776,6 +5775,7 @@ snapshots:
       '@img/sharp-win32-arm64': 0.34.5
       '@img/sharp-win32-ia32': 0.34.5
       '@img/sharp-win32-x64': 0.34.5
+    optional: true
 
   shebang-command@2.0.0:
     dependencies:

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://v1.ayos.blog/stopped-tracking-on-my-sites"
+      href="https://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/constants/links.ts

@@ -57,7 +57,7 @@ export const footerLinks: Link[] = [
   },
   {
     text: 'Mastodon',
-    url: 'https://elk.zone/m.webtoo.ls/@ayo',
+    url: 'https://main.elk.zone/social.ayco.io/@ayo',
     icon: 'mastodon',
   },
   {

src/layouts/Layout.astro

@@ -15,7 +15,7 @@ import { getImage } from 'astro:assets'
 
 // fetch mastodon account
 const response = await fetch(
-  'https://m.webtoo.ls/api/v1/accounts/lookup?acct=ayo'
+  'https://social.ayco.io/api/v1/accounts/lookup?acct=ayo'
 )
 const data = await response.json()
 const { avatar } = data

src/pages/about.astro

@@ -36,9 +36,8 @@ 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://v1.ayos.blog/why-fediverse/"
-        target="_blank">Fediverse</a
+      volunteering to <a href="https://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/index.astro

@@ -8,7 +8,7 @@ import { Picture } from 'astro:assets'
 
 // fetch mastodon account
 const response = await fetch(
-  'https://m.webtoo.ls/api/v1/accounts/lookup?acct=ayo'
+  'https://social.ayco.io/api/v1/accounts/lookup?acct=ayo'
 )
 const data = await response.json()
 const { avatar, note } = data
@@ -38,9 +38,7 @@ const avatarSize = 150
         </h1>
 
         <a href="/now" class="now-wrapper action primary">
-          <span class="now-label">
-            <status-indicator status="active" pulse> now </status-indicator>
-          </span>
+          <span class="now-label">now</span>
           <span class="status">{now.title}</span>
         </a>
       </div>
@@ -95,7 +93,6 @@ const avatarSize = 150
 
     &.primary {
       border: 1px solid rgba(255, 255, 255, 0.2);
-      border-style: dotted;
       border-radius: 40px;
     }
   }

src/pages/pgp.astro

@@ -13,12 +13,7 @@ const description =
     <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>
+      <button class="copy-btn" aria-label="Copy key to clipboard">Copy</button>
       <pre
         id="public-key"><code>
 -----BEGIN PGP PUBLIC KEY BLOCK-----
@@ -36,42 +31,32 @@ AP0YLC768PFTBm9CM5T1BE0xjJ7s4dZSrVoI4n8RSe1nCA==
 -----END PGP PUBLIC KEY BLOCK-----
           </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>
+    <p>
+      <a href="/publickey.asc" class="download-link"> Download key (asc) </a>
+    </p>
+    <p>This key will expire on: 2027-05-30</p>
   </main>
   <Footer />
 </Layout>
 
 <script>
   /* Clipboard copy logic */
-  const copyBtn = document.querySelector('.copy-btn')
-  if (copyBtn) {
-    copyBtn.addEventListener('click', async () => {
-      const keyText = (
-        document.querySelector('#public-key code') as HTMLElement
-      )?.innerText.trim()
-      if (!keyText) return
-      try {
-        await navigator.clipboard.writeText(keyText)
-        const btn = document.querySelector('.copy-btn')
-        if (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.')
-      }
-    })
-  }
+  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>
@@ -98,16 +83,11 @@ AP0YLC768PFTBm9CM5T1BE0xjJ7s4dZSrVoI4n8RSe1nCA==
     display: block;
   }
 
-  /* buttons */
-  .btn-wrapper {
+  /* Copy button */
+  .copy-btn {
     position: absolute;
     top: 0.5rem;
     right: 0.5rem;
-  }
-
-  .btn {
-    display: inline-block;
-    position: relative;
     background: var(--color-brand-blue-1);
     color: #fff;
     border: none;
@@ -117,15 +97,14 @@ AP0YLC768PFTBm9CM5T1BE0xjJ7s4dZSrVoI4n8RSe1nCA==
     cursor: pointer;
     opacity: 0.9;
     transition: opacity 0.2s;
-    text-decoration: none;
   }
 
-  .btn:hover,
-  .btn:focus {
+  .copy-btn:hover,
+  .copy-btn:focus {
     opacity: 1;
   }
 
-  .btn:focus {
+  .copy-btn:focus {
     outline: 2px solid #0056b3;
     outline-offset: 2px;
   }

src/pages/showcase.astro

@@ -11,8 +11,7 @@ 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://v1.ayos.blog/projects">my blog</a
+      See more of my previous projects at <a href="https://ayos.blog">my blog</a
       >.
     </p>
     <ul>

vitest.config.ts

@@ -1,14 +0,0 @@
-import { defineConfig } from 'vitest/config'
-
-// Exclude generated files and heavy folders from the watcher to avoid
-// continuous re-runs when build output or other tools touch files.
-export default defineConfig({
-  test: {
-    globals: true,
-    environment: 'node',
-    exclude: ['dist/**', 'public/**', 'node_modules/**'],
-  },
-  watch: {
-    exclude: ['dist/**', 'public/**', 'node_modules/**', '.git/**'],
-  },
-})