Commits: 3

Add a hidden text for h1 element where logotype is

This satisfies Firefox accessibility check. Honestly I'm not sure it adds any practical value, but why not?

index d725020..9a0cb9c 100644
--- a/index.html
+++ b/index.html
@@ -81,6 +81,16 @@
=             font-family: "Caveat";
=             margin-bottom: 0;
=         }
+
+         header {
+             h1 {
+                 font-size: 4rem;
+                 &:has(#big-logo) > span {
+                     display: none;
+                 }
+             }
+
+         }
=         
=         main {
=             display: flex;
@@ -180,7 +190,8 @@
=                    src="better-tech-club_logotype.svg"
=                    alt="Better Tech Club logo"
=                    title="Better Tech Club"
-                /> 
+                />
+                <span>Better Tech Club</span>
=            </h1>
=        </header>
=

Improve contrast of links for accessibility

The links in location are now the same color as the rest of the text, only underlined. It also looks better.

index 9a0cb9c..6d25b8f 100644
--- a/index.html
+++ b/index.html
@@ -143,6 +143,10 @@
=                 text-decoration: none;
=             }
=
+             a:link, a:visited {
+                 color: inherit;
+             }
+
=             h3 {
=                 font-size: 2rem;
=                 font-weight: 800;

Remove justification from paragraphs

It impacts accessibility.

index 6d25b8f..8bd077f 100644
--- a/index.html
+++ b/index.html
@@ -69,7 +69,6 @@
=         }
=
=         p {
-             text-align: justify;
=             line-height: 1.5;
=             hyphens: auto;
=         }