feat: update now page; joining ING

src/pages/index.astro

@@ -35,9 +35,7 @@ import { stuff } from '../constants/stuff';
         </ul>
         <a href="/now" class="now-wrapper">
           <span class="now-label">Now</span>
-          <span class="status"
+          <span class="status">Frontend engineering lead @ ING</span>
-            >Relearning Python & working on <code>/threads</code></span
-          >
         </a>
       </div>
     </div>

src/pages/now.astro

@@ -10,14 +10,10 @@ const posts = await Astro.glob("./now/and-then/posts/*.astro");
   <main>
     <h1><span class="text-gradient">Now</span></h1>
     <p>
-      <em>Published on the <time datetime="2024-04-19">19th of April, 2024</time></em>
+      <em>Published on the <time datetime="2024-06-17">17th of June, 2024</time></em>
     </p>
 
-    <p>After a while of reading and deep consideration, I have decided to pick up Python as my chosen general-purpose programming language. I worked with Python 2 for a short while in the past, but only briefly for some projects and not really learning much in the larger ecosystem.</p>
+    <p>Starting this month, I have joined <a href="https://ing.com">ING</a> as Chapter Lead for Frontend Engineering; directly involved with the platform upon which all web apps accross more than 40 countries are built. Our Unified Design System and SDKs are the ingredients ING developers use to craft experiences for more than 53 million users.</p>
-
-    <p>This very website is now running on a <a href="https://flask.palletsprojects.com/">Flask</a> server. And I have started working on a self-hosted public <a href="https://git.sr.ht/~ayoayco/threads">/threads</a> project also on Python.</p>
-
-    <p>Will probably write some blogs about the journey, but I have already organized the collection of repositories for my <a href="https://sr.ht/~ayoayco/personal-site">personal site</a></p>
 
     <Posts posts={posts} title="Previously..." />
     <hr />

src/pages/now/and-then/posts/2024-04-19.astro

@@ -0,0 +1,64 @@
+---
+import Layout from "../../../../layouts/Layout.astro";
+import Footer from "../../../../components/Footer.astro";
+
+const title = "Relearning Python & working on /threads";
+const description = "I am now a Certified Professional for Software Architecture (CPSA-F®)";
+---
+
+<Layout title={title} description={description}>
+  <main>
+    <h1><span class="text-gradient">{title}</span></h1>
+    <p>
+      <em>Published on the <time datetime="2024-04-19">19th of April, 2024</time></em>
+    </p>
+
+    <p>After a while of reading and deep consideration, I have decided to pick up Python as my chosen general-purpose programming language. I worked with Python 2 for a short while in the past, but only briefly for some projects and not really learning much in the larger ecosystem.</p>
+
+    <p>This very website is now running on a <a href="https://flask.palletsprojects.com/">Flask</a> server. And I have started working on a self-hosted public <a href="https://git.sr.ht/~ayoayco/threads">/threads</a> project also on Python.</p>
+
+    <p>Will probably write some blogs about the journey, but I have already organized the collection of repositories for my <a href="https://sr.ht/~ayoayco/personal-site">personal site</a></p>
+    <Footer />
+  </main>
+</Layout>
+
+<style>
+  main {
+    margin: auto;
+    padding: 1em;
+    max-width: var(--content-width);
+  }
+
+  .text-gradient {
+    font-weight: 900;
+    background-image: var(--ayo-gradient);
+    animation: pulse 4s ease-in-out infinite;
+    background-size: 500% 500%;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-size: 100% 200%;
+    background-position-y: 100%;
+    border-radius: 0.4rem;
+  }
+
+  .highlighted-content {
+    margin: 1rem 0;
+    background: #4f39fa;
+    padding: 1rem;
+    border-radius: 0.4rem;
+    color: var(--color-bg);
+  }
+
+  .highlighted-content code {
+    font-size: var(--font-size-base);
+    border: 0.1em solid var(--color-border);
+    border-radius: 4px;
+    padding: 0.15em 0.25em;
+  }
+
+  .link-card-grid {
+    display: grid;
+    gap: 1rem;
+    padding: 0;
+  }
+</style>