Links accessable
This commit is contained in:
parent
4fe5f4a444
commit
8226462acc
@ -23,17 +23,17 @@ const Navigation: NextPage<{}> = () => {
|
|||||||
<div className={styles.navLink}>
|
<div className={styles.navLink}>
|
||||||
<Link href={"/"}><a className="nostyle">
|
<Link href={"/"}><a className="nostyle">
|
||||||
<span className={styles.linkText}>Projects</span>
|
<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>
|
</a></Link>
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.navLink}>
|
<div className={styles.navLink}>
|
||||||
<Link href={"/me"}><a className="nostyle">
|
<Link href={"/me"}><a className="nostyle">
|
||||||
<span className={styles.linkText}>About me</span>
|
<span className={styles.linkText}>About Me</span>
|
||||||
<span className={styles.linkIcon}><Icon path={mdiAccount} size={"2em"} /></span>
|
<span className={styles.linkIcon}><Icon path={mdiAccount} size={"2em"} title={"About Me"} /></span>
|
||||||
</a></Link>
|
</a></Link>
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.spacer}></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 />
|
<ThemeSwitch />
|
||||||
</nav>;
|
</nav>;
|
||||||
};
|
};
|
||||||
|
@ -44,8 +44,8 @@ const ThemeSwitch: NextPage<{ size?: string }> = ({ size }) => {
|
|||||||
const moonClasses = fadeProps.moon || (theme === "light" ? styles.selected : undefined);
|
const moonClasses = fadeProps.moon || (theme === "light" ? styles.selected : undefined);
|
||||||
|
|
||||||
return <div className={styles.switch}>
|
return <div className={styles.switch}>
|
||||||
<div className={sunClasses} onClick={() => switchTheme("light")}><Icon path={mdiWhiteBalanceSunny} 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"} /></div>
|
<div className={moonClasses} onClick={() => switchTheme("dark")}><Icon path={mdiWeatherNight} size={size || "1.5em"} title={"Dark theme"} /></div>
|
||||||
</div>;
|
</div>;
|
||||||
|
|
||||||
};
|
};
|
||||||
|
Loading…
Reference in New Issue
Block a user