From 3d689570de250e3f00911dc35b62771cad70a56c Mon Sep 17 00:00:00 2001
From: Miquel de Domingo <miquelddg@gmail.com>
Date: Mon, 15 Sep 2025 09:56:23 +0200
Subject: [PATCH 1/2] feat: preload fonts

---
 src/app.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app.html b/src/app.html
index 8b97e32..4d17eb2 100644
--- a/src/app.html
+++ b/src/app.html
@@ -6,8 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     <link rel="icon" href="/favicon.ico" />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link rel="preload" href="https://fonts.googleapis.com" />
+    <link rel="preload" href="https://fonts.gstatic.com" crossorigin />
     <link
       href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Geist:wght@100..900&display=swap"
       rel="stylesheet"

From a6036856a615d3db5588af814c53b3eef6e58bc9 Mon Sep 17 00:00:00 2001
From: Miquel de Domingo <miquelddg@gmail.com>
Date: Thu, 2 Oct 2025 15:50:46 +0200
Subject: [PATCH 2/2] feat: minor a11y improvements

---
 src/lib/components/year-section.svelte | 21 ++++++++++++++++-----
 src/routes/+page.svelte                |  1 +
 static/robots.txt                      |  2 ++
 3 files changed, 19 insertions(+), 5 deletions(-)
 create mode 100644 static/robots.txt

diff --git a/src/lib/components/year-section.svelte b/src/lib/components/year-section.svelte
index 4eb254c..4be7596 100644
--- a/src/lib/components/year-section.svelte
+++ b/src/lib/components/year-section.svelte
@@ -18,11 +18,11 @@
     style="--grid-animation-delay: calc({position} * 0.15s)"
 >
     <div
-        class="absolute -top-2 left-0 z-0 font-mono text-[124px] font-bold leading-none opacity-5 lg:-top-4 lg:text-[240px]"
-        aria-hidden={true}
-    >
-        {year}
-    </div>
+        class="decorative-year"
+        role="presentation"
+        style="--year: '{year}'"
+        aria-hidden="true"
+    ></div>
     <h2 class="mt-0!">{year}</h2>
     <div class="relative mb-8 grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
         {#each entries as [day, problem](day)}
@@ -31,3 +31,14 @@
     </div>
 </section>
 
+<style>
+@reference "tailwindcss";
+
+.decorative-year {
+    @apply absolute -top-2 left-0 z-0 font-mono text-[124px] font-bold leading-none opacity-5 lg:-top-4 lg:text-[240px];
+
+    &::before{
+        content: var(--year);
+    }
+}
+</style>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index e030944..f1ef40c 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -17,6 +17,7 @@
             rel="external"
             target="_blank"
         >
+            <span class="sr-only">GitHub repo</span>
             <GithubIcon class="size-4" strokeWidth={2} />
         </a>
     </nav>
diff --git a/static/robots.txt b/static/robots.txt
new file mode 100644
index 0000000..c2a49f4
--- /dev/null
+++ b/static/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /