Improve accessibility

TibiNonEst · Nov 21, 2024 · 62962bc · 62962bc
1 parent 1cd5b85
commit 62962bc
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 10 deletions.
diff --git a/astro.config.ts b/astro.config.ts
@@ -1,6 +1,9 @@
 import { defineConfig } from "astro/config";
 
 export default defineConfig({
+    build: {
+        inlineStylesheets: "always"
+    },
     image: {
         domains: [ "static.tibs.gay" ]
     }

diff --git a/public/robots.txt b/public/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -14,8 +14,8 @@ const { title } = Astro.props;
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>{title}</title>
 </head>
 

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -10,11 +10,11 @@ import { Picture } from 'astro:assets';
 			<h1>tibs</h1>
 		</a>
 		<div class="links">
-			<a href="https://github.com/TibiNonEst"><i class="fa-brands fa-github"></i></a>
-			<a href="https://blobfox.coffee/@tibs"><i class="fa-brands fa-mastodon"></i></a>
-			<a href="https://x.com/TibiNonEst"><i class="fa-brands fa-twitter"></i></a>
-			<a href="https://twitch.tv/tibinonest"><i class="fa-brands fa-twitch"></i></a>
-			<a href="https://en.pronouns.page/@tibs"><i class="fa-solid fa-transgender"></i></a>
+			<a href="https://github.com/TibiNonEst" aria-label="tibs' github"><i class="fa-brands fa-github" aria-hidden="true"></i></a>
+			<a href="https://blobfox.coffee/@tibs" aria-label="tibs' fediverse"><i class="fa-brands fa-mastodon" aria-hidden="true"></i></a>
+			<a href="https://x.com/TibiNonEst" aria-label="tibs' twitter"><i class="fa-brands fa-twitter" aria-hidden="true"></i></a>
+			<a href="https://twitch.tv/tibinonest" aria-label="tibs' twitch"><i class="fa-brands fa-twitch" aria-hidden="true"></i></a>
+			<a href="https://en.pronouns.page/@tibs" aria-label="tibs' pronouns.page"><i class="fa-solid fa-transgender" aria-hidden="true"></i></a>
 		</div>
 		<div class="card">
 			<p>i am a developer, systems administrator, and networking hobbyist</p>
@@ -25,7 +25,7 @@ import { Picture } from 'astro:assets';
 	</main>
 </Layout>
 
-<style>
+<style lang="scss">
 	main {
 		color: var(--text);
 		background-color: var(--base);
@@ -40,14 +40,18 @@ import { Picture } from 'astro:assets';
 	}
 
 	h1 {
-		background-image: linear-gradient(to right, var(--mauve) , var(--lavender));
+		background-image: linear-gradient(to right, var(--mauve) , var(--lavender-dark));
 		background-clip: text;
 		color: transparent;
 	}
 
 	a {
-		color: var(--lavender);
+		color: var(--lavender-dark);
 		text-decoration: none;
+
+		&:hover {
+			color: var(--lavender-darker)
+		}
 	}
 
 	p {

diff --git a/tsconfig.json b/tsconfig.json
@@ -0,0 +1,3 @@
+{
+    "extends": "astro/tsconfigs/strict"
+}