feat: update now page

This commit is contained in:
Ayo Ayco 2024-09-05 09:30:25 +02:00
parent 300f046849
commit 3906325662
3 changed files with 85 additions and 5 deletions

View file

@ -35,7 +35,7 @@ import { stuff } from '../constants/stuff';
</ul>
<a href="/now" class="now-wrapper">
<span class="now-label">Now</span>
<span class="status">Chapter Lead, Web @ ING</span>
<span class="status">Taking my time to reassess goals & visions</span>
</a>
</div>
</div>

View file

@ -10,11 +10,29 @@ 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-06-17">17th of June, 2024</time></em>
<em>Published on the <time datetime="2024-09-05">5th of September, 2024</time> from my home in Amsterdam, where it is starting to get colder again :)</em>
</p>
<p>Starting June of 2024, I have joined <a href="https://ing.com">ING</a> as Chapter Lead for Web; directly involved with the platform upon which all web apps across approximately 40 countries are being built. Our Unified Design System and Software Development Kits (e.g., microfrontends, analytics, etc.) are the ingredients ING developers use to craft experiences for more than 53 million users.</p>
<p><em>This is a dump of what my current state, more or less, and I plan to update my Now pages in a similar manner and more frequently...</em></p>
<p>
I took the first week of September off. ”Shallow” Vacation: making time for things I have neglected in a while. Reconsidering my goals & productivity systems.
</p>
<p>
Reconsidered my phone usage as well: The apple watch is good enough for quick notes — which is the main driver for keeping my phone around. I'm using <em>Things 3</em>. The watch is good for this (especially at night) because doesnt have the distractions of my phone. My “phone” is rarely even used as phone (why dont we just call them palmtops?)
</p>
<p>
Happy about my mokka pot coffee-making journey. Been making consistent espresso flavor that I really like for a while. Now considering to start learning other variants like cappuccino
</p>
<p>
Bought a Dyson air purifier: https://www.dyson.com/air-treatment/air-purifier-heaters/purifier-hot-cool-formaldehyde-hp09/white-gold
</p>
<p>
Been updating Cozy, and it has a new ”permanent” address: https://cozy.pub -- See further thought on this project: https://social.ayco.io/@ayo/113079696909950984
Just give me a hundred years to finish this :)
</p>
<p>
The reality of having a new role for work is hitting, and I wanna learn more how to succeed in engineering leadership. Im taking my time this off-work week to reassess my leadership style, our strategies at work and how my vision for the web fits
</p>
<Posts posts={posts} title="Previously..." />
<hr />
<em><a href="https://nownownow.com/about">About now pages</a></em>

View file

@ -0,0 +1,62 @@
---
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">Chapter Lead for Web @ ING</span></h1>
<p>
<em>Published on the <time datetime="2024-06-17">17th of June, 2024</time></em>
</p>
<p>Starting June of 2024, I have joined <a href="https://ing.com">ING</a> as Chapter Lead for Web; directly involved with the platform upon which all web apps across approximately 40 countries are being built. Our Unified Design System and Software Development Kits (e.g., microfrontends, analytics, etc.) are the ingredients ING developers use to craft experiences for more than 53 million users.</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>