feat: add about page

src/pages/about.astro

@@ -0,0 +1,55 @@
+---
+import Layout from '../layouts/Layout.astro'
+import Footer from '../components/Footer.astro'
+---
+
+<Layout>
+  <main>
+    <h1>Hi, I'm Ayo!</h1>
+    <p>
+      I am a newbie engineering manager at a large bank headquartered in
+      Amsterdam. I'm also a certified software architecture professional
+      (CPSA‑F®) by <a href="https://isaqb.org" target="_blank">isaqb.org</a>.
+    </p>
+
+    <p>
+      I work on several hobby projects such as <a href="https://cozy.pub"
+        >cozy.pub</a
+      >, <a href="https://mcfly.js.org">mcfly.js.org</a>, and <a
+        href="https://webcomponent.io">webcomponent.io</a
+      >, as well as other <a href="https://www.npmjs.com/~aayco"
+        >small libraries</a
+      >.
+    </p>
+
+    <p>
+      I also try to help out in various ways on Fediverse projects like <a
+        href="https://elk.zone">elk.zone</a
+      >,
+      <a href="https://webtoo.ls">webtoo.ls</a>, and <a
+        href="https://m.webtoo.ls/@vitest">vitest's fedi presence</a
+      >.
+    </p>
+
+    <h2>Contact info</h2>
+    <ul>
+      <li>🏡 home: <a href="https://ayo.ayco.io">ayo.ayco.io</a></li>
+      <li>✍️ blog: <a href="https://ayos.blog">ayos.blog</a></li>
+      <li>
+        👀 Mastodon: <a href="https://social.ayco.io/@ayo">@ayo@ayco.io</a>
+      </li>
+      <li>✉️ mail: <a href="mailto:ayo@ayco.io">ayo@ayco.io</a></li>
+      <li>💬 discord: ayoayco</li>
+      <li>💬 signal: ayo.88</li>
+    </ul>
+
+    <Footer />
+  </main>
+</Layout>
+
+<style>
+  ul {
+    list-style: none;
+    padding-left: 0;
+  }
+</style>