From 8226462acc9379044128f2b98b942ef97395e13b Mon Sep 17 00:00:00 2001
From: Daniel Kluge <daniel-git@c0ntroller.de>
Date: Thu, 20 Oct 2022 23:32:07 +0200
Subject: [PATCH] Links accessable

---
 components/Blog/Navigation.tsx  | 8 ++++----
 components/Blog/ThemeSwitch.tsx | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/Blog/Navigation.tsx b/components/Blog/Navigation.tsx
index 8c33ce9..3b4a302 100644
--- a/components/Blog/Navigation.tsx
+++ b/components/Blog/Navigation.tsx
@@ -23,17 +23,17 @@ const Navigation: NextPage<{}> = () => {
         <div className={styles.navLink}>
             <Link href={"/"}><a className="nostyle">
             <span className={styles.linkText}>Projects</span>
-            <span className={styles.linkIcon}><Icon path={mdiHome} size={"2em"} /></span>
+            <span className={styles.linkIcon}><Icon path={mdiHome} size={"2em"} title={"Home and Projects"} /></span>
             </a></Link>
         </div>
         <div className={styles.navLink}>
             <Link href={"/me"}><a className="nostyle">
-                <span className={styles.linkText}>About me</span>
-                <span className={styles.linkIcon}><Icon path={mdiAccount} size={"2em"} /></span>
+                <span className={styles.linkText}>About Me</span>
+                <span className={styles.linkIcon}><Icon path={mdiAccount} size={"2em"} title={"About Me"} /></span>
             </a></Link>
         </div>
         <div className={styles.spacer}></div>
-        <div className={styles.navIcon}><a className="nostyle" href={"/terminal"}><Icon path={mdiConsole} size={"2em"} /></a></div>
+        <div className={styles.navIcon}><a className="nostyle" href={"/terminal"}><Icon path={mdiConsole} size={"2em"} title={"Terminal"} /></a></div>
         <ThemeSwitch />
     </nav>;
 };
diff --git a/components/Blog/ThemeSwitch.tsx b/components/Blog/ThemeSwitch.tsx
index b5d0ff3..4405807 100644
--- a/components/Blog/ThemeSwitch.tsx
+++ b/components/Blog/ThemeSwitch.tsx
@@ -44,8 +44,8 @@ const ThemeSwitch: NextPage<{ size?: string }> = ({ size }) => {
     const moonClasses = fadeProps.moon || (theme === "light" ? styles.selected : undefined);
 
     return <div className={styles.switch}>
-        <div className={sunClasses} onClick={() => switchTheme("light")}><Icon path={mdiWhiteBalanceSunny} size={size || "1.5em"} /></div>
-        <div className={moonClasses} onClick={() => switchTheme("dark")}><Icon path={mdiWeatherNight} size={size || "1.5em"} /></div>
+        <div className={sunClasses} onClick={() => switchTheme("light")}><Icon path={mdiWhiteBalanceSunny} size={size || "1.5em"} title={"Light theme"} /></div>
+        <div className={moonClasses} onClick={() => switchTheme("dark")}><Icon path={mdiWeatherNight} size={size || "1.5em"} title={"Dark theme"} /></div>
     </div>;
 
 };