ayo/ayco.io-astro
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: update now page

Browse source
This commit is contained in:
Ayo Ayco 2024-09-27 16:29:29 +02:00
parent 084dda5c65
commit 6f987a5071
6 changed files with 86 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/layouts/reset.css
View file

@ -70,6 +70,16 @@ h5,
h6 {
overflow-wrap: break-word;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2;
}
/*
9. Create a root stacking context
*/

2
src/pages/index.astro
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">Taking my time to reassess goals & visions</span>
<span class="status">Finally have a gaming PC (Laptop)</span>
</a>
</div>
</div>

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

@ -3,7 +3,7 @@ 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®)";
const description = "Building again with Python";
---
<Layout title={title} description={description}>

6
src/pages/now/and-then/posts/2024-06-17.astro
View file

@ -2,14 +2,14 @@
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®)";
const title = "Chapter Lead for Web @ ING";
const description = "I have joined ING as a Chapter Lead for Web Engineering";
---
<Layout title={title} description={description}>
<main>
<h1><span class="text-gradient">Chapter Lead for Web @ ING</span></h1>
<h1><span class="text-gradient">{title}</span></h1>
<p>
<em>Published on the <time datetime="2024-06-17">17th of June, 2024</time></em>
</p>

17
src/pages/now.astro → src/pages/now/and-then/posts/2024-09-27.astro
View file

@ -1,14 +1,14 @@
---
import Layout from "../layouts/Layout.astro";
import Footer from "../components/Footer.astro";
import Posts from "../components/Posts.astro";
import Layout from "../../../../layouts/Layout.astro";
import Footer from "../../../../components/Footer.astro";
const posts = await Astro.glob("./now/and-then/posts/*.astro");
const title = "Taking time to reassess goals and visions";
const description = "This is a dump of what my current state, more or less";
---
<Layout title="Now" description="What is Ayo Ayco currently up to?">
<Layout title={title} description={description}>
<main>
<h1><span class="text-gradient">Now</span></h1>
<h1><span class="text-gradient">{title}</span></h1>
<p>
<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>
@ -31,10 +31,7 @@ const posts = await Astro.glob("./now/and-then/posts/*.astro");
<p>
The reality of having a new role for work is hitting, and I wanna learn more how to succeed in engineering leadership. I’m 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>
<Footer />
</main>
</Layout>

64
src/pages/now/index.astro Normal file
View file

@ -0,0 +1,64 @@
---
import Layout from "../../layouts/Layout.astro";
import Footer from "../../components/Footer.astro";
import Posts from "../../components/Posts.astro";
const posts = await Astro.glob("./and-then/posts/*.astro");
---
<Layout title="Now" description="What is Ayo Ayco currently up to?">
<main>
<h1><span class="text-gradient">Now</span></h1>
<p>
<em>Published on the <time datetime="2024-09-05">5th of September, 2024</time> from my home in Amsterdam, where it's beginning to rain more often again :)</em>
</p>
<p>In an unxpected turn of events it has been decided that we would buy a gaming laptop at home, which means I can play some PC games finally.</p>
<p>I started playing <a href="https://en.wikipedia.org/wiki/God_of_War_(2018_video_game)">God of War (2018)</a>. Not quite satisfied with the graphics -- I play it on an RTX 4060 Laptop GPU. I know that's not the same as the discrete desktop RTX 4060, but I'm still surprised by the quality. I would say it's a bit "grainy". Although it might also be just the game being ported to PC??? I don't know, I've not tried other games yet.</p>
<p>In other news, I'm quite stressed, to be honest, still figuring out where I fit in a totally new job. Stress is not always bad though. It's okay.</p>
<Posts posts={posts} title="Previously..." />
<hr />
<em><a href="https://nownownow.com/about">About now pages</a></em>
<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>