Minor fix

components/footer.tsx

@@ -1,33 +1,30 @@
 import styled from 'styled-components'
-import Link from "next/link"
+// import Link from "next/link"
 
 const FooterCont = styled.footer`
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	flex-direction: column;
-	/*border-top: var(--border-size) var(--border-type) var(--border-color);*/
-	margin-top: auto;
 	padding: 0 1.2rem;
 
 	color: var(--fg-faded);
 `
 
-const UList = styled.ul`
+// const UList = styled.ul`
-	display: flex;
+// 	display: flex;
-	flex-direction: row;
+// 	flex-direction: row;
-	list-style: none;
+// 	list-style: none;
-	gap: 2rem;
+// 	gap: 2rem;
-`
+// `
 
-const Spacer = styled.div`
+export const Spacer = styled.div`
 	flex: 1;
 `
 
 const Footer = () => {
 	return (
 		<>
-			<Spacer />
 			<FooterCont>
 				<p>&copy; Copyright {new Date().getFullYear()}</p>
 			</FooterCont>

components/layout.tsx

@@ -9,7 +9,6 @@ const Layout = ({children}: {children: ReactNode}) => {
 			<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 			<title>wych.dev</title>
 		</Head>
-		{/*<Header />*/}
 		<main>{children}</main>
 		<Footer />
 	</>)

pages/index.tsx

@@ -4,8 +4,9 @@ import Layout from "../components/layout"
 import styled from "styled-components"
 import Link from "next/link"
 import IconLink from "components/iconlink"
-import {faBook, faEnvelope, faFolderOpen, faUniversity} from "@fortawesome/free-solid-svg-icons"
+import {faEnvelope, faFolderOpen} from "@fortawesome/free-solid-svg-icons"
 import {faGit, faGithub} from "@fortawesome/free-brands-svg-icons"
+import Footer, {Spacer} from "components/footer"
 
 export const Section = styled.section`
 	display: flex;
@@ -41,6 +42,11 @@ export const Section = styled.section`
 		width: 22rem;
 		height: auto;
 	}
+
+	footer {
+		margin-top: 1rem;
+		opacity: .5;
+	}
 `
 
 export const Code = styled.code`
@@ -101,19 +107,19 @@ const Page: NextPageWithLayout = () => {
 				<h2 id="about">$ whoami</h2> 
 				<p>&gt; I am a {secondsToYears(getAge())} year old <em>Computer Science & Engineering student</em> with a passion for <em>programming</em>, <em>physics</em>, <em>mathematics</em> and anything <em>*NIX</em> <Nem>(Linux, UNIX etc)</Nem> related.</p>
 				{/*TODO: Add GitHub code frequency/contrib here*/}
-				<p className="topmargin">Most of my projects are open-source, and if you are interested, you can find all of my projects on my <a href="https://git.wych.dev/elal" target="_blank" rel="noreferrer">git-server</a> or <a href="https://github.com/E-Almqvist" target="_blank" rel="noreferrer">GitHub</a>. You can also check out <Link href="/projects">/projects</Link> to view all of my projects (including hardware projects and so on).</p> 
+				<p className="topmargin">Most of my projects are open-source, and if you are interested, you can find all of my projects on my <a href="https://git.wych.dev" target="_blank" rel="noreferrer">git-server</a> or <a href="https://github.com/almqv" target="_blank" rel="noreferrer">GitHub</a>. You can also check out <Link href="/projects">/projects</Link> to view all of my projects (including hardware projects and so on).</p> 
 
 				{/*
 				<div className="topmargin" id="img-container">
-					<img src="https://github-readme-stats.vercel.app/api/top-langs/?username=E-Almqvist&theme=dark&exclude_repo=hsf,the_auctionhouse,dotfiles,scripts,dmenu,dwmblocks,ewm,machinelearning,adventofcode,python-machinelearning,st,scroll,prog1&layout=compact&count_private=true&hide_border=true&bg_color=1d2021" />
+					<img src="https://github-readme-stats.vercel.app/api/top-langs/?username=almqv&theme=dark&exclude_repo=hsf,the_auctionhouse,dotfiles,scripts,dmenu,dwmblocks,ewm,machinelearning,adventofcode,python-machinelearning,st,scroll,prog1&layout=compact&count_private=true&hide_border=true&bg_color=1d2021" />
 				</div>
 				  */}
 
 				<LinkList className="topmargin">
 					<IconLink href="#contact" icon={ faEnvelope } target="_self" rel="noreferrer"/>
 					<IconLink href="/projects" icon={ faFolderOpen } target="_self" rel="noreferrer"/>
-					<IconLink href="https://github.com/E-Almqvist" icon={ faGithub } target="_blank" rel="noreferrer"/>
+					<IconLink href="https://github.com/almqv" icon={ faGithub } target="_blank" rel="noreferrer"/>
-					<IconLink href="https://git.wych.dev/elal" icon={ faGit } target="_blank" rel="noreferrer"/>
+					<IconLink href="https://git.wych.dev" icon={ faGit } target="_blank" rel="noreferrer"/>
 				</LinkList>
 			</Section> 
 
@@ -128,9 +134,10 @@ const Page: NextPageWithLayout = () => {
 						Email: <Code>cnlueXpkaXZmZ0B0em52eS5wYnoK</Code>
 					</li>
 					<li>
-						GitHub: <a href="https://github.com/E-Almqvist" target="_blank" rel="noreferrer">github.com/E-Almqvist</a>
+						GitHub: <a href="https://github.com/almqv" target="_blank" rel="noreferrer">github.com/almqv</a>
 					</li>
 				</CList>
+
 			</Section>
 		</>
 	)

styles/globals.css

@@ -35,6 +35,11 @@
 html {
 	background: var(--bg);
 	scroll-behavior: smooth;
+	scroll-snap-type: y mandatory;
+}
+
+section {
+	/* scroll-snap-align: center; */
 }
 
 #__next { /*body*/