Add hidden title to home and CV pages

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;
+}

assets/css/abstracts/_index.scss

@@ -2,4 +2,5 @@
 // ABSTRACTS (INDEX)
 // --------------------------------------------------
 
+@forward "a11y";
 @forward "variables";

assets/css/pages/_cv.scss

@@ -6,6 +6,10 @@
 
 .cv {
 
+    .cv__title {
+        @include visually-hidden;
+    }
+
     .cv__content {
         display: grid;
         grid-template-columns: auto 1fr;

assets/css/pages/_home.scss

@@ -6,6 +6,10 @@
 
 .home {
 
+    .home__title {
+        @include visually-hidden;
+    }
+
     .home__gallery {
         display: flex;
         flex-direction: column;

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>

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 %}