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

fix: a11y linting issues

Browse source
This commit is contained in:
Ayo Ayco 2024-12-25 18:35:03 +01:00
parent b318ba304e
commit 7baacc6c43
3 changed files with 40 additions and 80 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/pages/index.astro
View file

@ -2,8 +2,8 @@
import Layout from "../layouts/Layout.astro";
import Card from "../components/Card.astro";
import Footer from "../components/Footer.astro";
import { stuff } from '../constants/stuff';
import now from '../constants/now';
import { stuff } from "../constants/stuff";
import now from "../constants/now";
// const isDev = import.meta.env.DEV;
// const getOriginUrl = (path: string) => isDev ? `http://localhost:5000/${path}` : path;
@ -14,8 +14,8 @@ import now from '../constants/now';
<div class="highlighted-section__content">
<img
class="highlighted-section__content__profile-picture"
alt="Ayo Ayco's picture"
src='/ayo-sm.png'
alt="Ayo Ayco's avatar"
src="/ayo-sm.png"
width="140"
height="140"
/>
@ -36,7 +36,7 @@ import now from '../constants/now';
</ul>
<a href="/now" class="now-wrapper">
<span class="now-label">Now</span>
<span class="status">{ now.status }</span>
<span class="status">{now.status}</span>
</a>
</div>
</div>
@ -165,11 +165,11 @@ import now from '../constants/now';
}
.now-label {
display:none
display: none;
}
.status::before {
content: 'Now: '
content: "Now: ";
}
.status {

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

@ -3,21 +3,46 @@ import Layout from "../../../../layouts/Layout.astro";
import Footer from "../../../../components/Footer.astro";
const title = "Finally have a gaming PC (Lapop)";
const description = "In an unexpected turn of events, it has been decided that we will get a gaming Laptop";
const description =
"In an unexpected turn of events, it has been decided that we will get a gaming Laptop";
---
<Layout title={title} description={description}>
<main>
<h1><span class="text-gradient">{title}</span></h1
<h1><span class="text-gradient">{title}</span></h1>
<p>
<em>Published on the <time datetime="2024-09-05">27th of September, 2024</time> from my home in Amsterdam, where it's beginning to rain more often again :)</em>
<em
>Published on the <time datetime="2024-09-05"
>27th 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><em>* Sep. 28 UPDATE: it was a default game setting I did not notice: the render resolution was actually low (DLSS) -- I turned that off to render at native resolution and now I'm happy with the graphics! :)</em></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>
<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>
<em
>* Sep. 28 UPDATE: it was a default game setting I did not notice: the
render resolution was actually low (DLSS) -- I turned that off to render
at native resolution and now I'm happy with the graphics! :)</em>
</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>
<Footer />
</main>

65
template-page.astro
View file

@ -1,65 +0,0 @@
---
import Layout from "../layouts/Layout.astro";
import Footer from "../components/Footer.astro";
import Posts from "../components/Posts.astro";
const posts = await Astro.glob("./now/and-then/posts/*.astro");
const page = {
title: 'New Page',
description: 'A template for a new page'
}
---
<Layout title={{page.title}} description={{page.description}}>
<main>
<h1><span class="text-gradient">{{page.title}}</span></h1>
<p>
<em>Published on the <time datetime="2024-06-17">17th of June, 2024</time></em>
</p>
<p>{{page.description}}</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>