From 2eec141073b686c12b83e0c646ce5fd268060246 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Paul=20Nicou=C3=A9?= <contact@paulnicoue.com>
Date: Tue, 3 Jun 2025 20:04:04 +0200
Subject: [PATCH] Add hidden title to home and CV pages

---
 assets/css/abstracts/_a11y.scss  | 13 +++++++++++++
 assets/css/abstracts/_index.scss |  1 +
 assets/css/pages/_cv.scss        |  4 ++++
 assets/css/pages/_home.scss      |  4 ++++
 site/templates/cv.twig           |  2 ++
 site/templates/home.twig         |  2 ++
 6 files changed, 26 insertions(+)
 create mode 100644 assets/css/abstracts/_a11y.scss

diff --git a/assets/css/abstracts/_a11y.scss b/assets/css/abstracts/_a11y.scss
new file mode 100644
index 0000000..c788b23
--- /dev/null
+++ b/assets/css/abstracts/_a11y.scss
@@ -0,0 +1,13 @@
+// --------------------------------------------------
+// A11Y
+// --------------------------------------------------
+
+@mixin visually-hidden {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip: rect(0 0 0 0); // Legacy declaration for Internet Explorer
+    clip-path: inset(50%);
+    white-space: nowrap;
+}
diff --git a/assets/css/abstracts/_index.scss b/assets/css/abstracts/_index.scss
index 8d249cf..a29e856 100644
--- a/assets/css/abstracts/_index.scss
+++ b/assets/css/abstracts/_index.scss
@@ -2,4 +2,5 @@
 // ABSTRACTS (INDEX)
 // --------------------------------------------------
 
+@forward "a11y";
 @forward "variables";
diff --git a/assets/css/pages/_cv.scss b/assets/css/pages/_cv.scss
index 98e14ec..c3dd7d2 100644
--- a/assets/css/pages/_cv.scss
+++ b/assets/css/pages/_cv.scss
@@ -6,6 +6,10 @@
 
 .cv {
 
+    .cv__title {
+        @include visually-hidden;
+    }
+
     .cv__content {
         display: grid;
         grid-template-columns: auto 1fr;
diff --git a/assets/css/pages/_home.scss b/assets/css/pages/_home.scss
index 48c444e..a20d9ca 100644
--- a/assets/css/pages/_home.scss
+++ b/assets/css/pages/_home.scss
@@ -6,6 +6,10 @@
 
 .home {
 
+    .home__title {
+        @include visually-hidden;
+    }
+
     .home__gallery {
         display: flex;
         flex-direction: column;
diff --git a/site/templates/cv.twig b/site/templates/cv.twig
index 1afe4e4..1238ac8 100644
--- a/site/templates/cv.twig
+++ b/site/templates/cv.twig
@@ -3,6 +3,8 @@
 {% block main %}
     <main class="cv">
 
+        <h1 class="cv__title">{{ page.title }}</h1>
+
         <section class="cv__content">{{ cv | raw  }}</section>
 
     </main>
diff --git a/site/templates/home.twig b/site/templates/home.twig
index 8818363..9100d1c 100644
--- a/site/templates/home.twig
+++ b/site/templates/home.twig
@@ -3,6 +3,8 @@
 {% block main %}
     <main class="home">
 
+        <h1 class="home__title">{{ page.title }}</h1>
+
         <section class="home__gallery"
                  aria-label="{{ site.title }}'s artwork gallery">
             {% for galleryItem in galleryItems %}