repomaa/cv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve accessibility

Browse Source
This commit is contained in:
Joakim Repomaa
2026-02-19 19:16:26 +02:00
parent 1744466b2b
commit 782f46f69f
3 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app.css
View File

@@ -24,8 +24,8 @@ body {
--color-bg: light-dark(#fafafa, #0c0c0e); --color-bg: light-dark(#fafafa, #0c0c0e);
--color-fg: light-dark(#18181b, #fafafa); --color-fg: light-dark(#18181b, #fafafa);
--color-muted: light-dark(#71717a, #a1a1aa); --color-muted: light-dark(#71717a, #a1a1aa);
--color-accent: light-dark(#0891b2, #22d3ee); --color-accent: light-dark(#0e7490, #22d3ee);
--color-hot: light-dark(#ea580c, #fb923c); --color-hot: light-dark(#c2410c, #fb923c);
/* PDF layout - 4 colors (print-optimized) */ /* PDF layout - 4 colors (print-optimized) */
--color-pdf-bg: #ffffff; --color-pdf-bg: #ffffff;

1
src/lib/components/ProjectCard.svelte
View File

@@ -13,6 +13,7 @@
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
class="block p-4 border border-accent rounded-lg transition-shadow hover:shadow-glow" class="block p-4 border border-accent rounded-lg transition-shadow hover:shadow-glow"
aria-label={project.name}
> >
<article class="flex flex-col justify-between h-full"> <article class="flex flex-col justify-between h-full">
<div> <div>

4
src/routes/(web)/+layout.svelte
View File

@@ -3,9 +3,7 @@
import '../../app.css'; import '../../app.css';
</script> </script>
<div <div class="font-mono bg-background text-foreground">
class="font-mono bg-background text-foreground dark:bg-background-dark dark:text-shadow-foreground-dark"
>
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute"> <a href="#main-content" class="sr-only focus:not-sr-only focus:absolute">
Skip to main content Skip to main content
</a> </a>