components/footer.tsx

@@ -1,30 +1,33 @@
 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;
-// `
+`
 
-export const Spacer = styled.div`
+const Spacer = styled.div`
 	flex: 1;
 `
 
 const Footer = () => {
 	return (
 		<>
+			<Spacer />
 			<FooterCont>
 				<p>&copy; Copyright {new Date().getFullYear()}</p>
 			</FooterCont>

components/layout.tsx

@@ -9,6 +9,7 @@ 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,9 +4,8 @@ import Layout from "../components/layout"
 import styled from "styled-components"
 import Link from "next/link"
 import IconLink from "components/iconlink"
-import {faEnvelope, faFolderOpen} from "@fortawesome/free-solid-svg-icons"
+import {faBook, faEnvelope, faFolderOpen, faUniversity} 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;
@@ -42,11 +41,6 @@ export const Section = styled.section`
 		width: 22rem;
 		height: auto;
 	}
-
-	footer {
-		margin-top: 1rem;
-		opacity: .5;
-	}
 `
 
 export const Code = styled.code`
@@ -107,19 +101,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" 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> 
+				<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> 
 
 				{/*
 				<div className="topmargin" id="img-container">
-					<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" />
+					<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" />
 				</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/almqv" icon={ faGithub } target="_blank" rel="noreferrer"/>
+					<IconLink href="https://github.com/E-Almqvist" icon={ faGithub } target="_blank" rel="noreferrer"/>
-					<IconLink href="https://git.wych.dev" icon={ faGit } target="_blank" rel="noreferrer"/>
+					<IconLink href="https://git.wych.dev/elal" icon={ faGit } target="_blank" rel="noreferrer"/>
 				</LinkList>
 			</Section> 
 
@@ -134,10 +128,9 @@ const Page: NextPageWithLayout = () => {
 						Email: <Code>cnlueXpkaXZmZ0B0em52eS5wYnoK</Code>
 					</li>
 					<li>
-						GitHub: <a href="https://github.com/almqv" target="_blank" rel="noreferrer">github.com/almqv</a>
+						GitHub: <a href="https://github.com/E-Almqvist" target="_blank" rel="noreferrer">github.com/E-Almqvist</a>
 					</li>
 				</CList>
-
 			</Section>
 		</>
 	)

styles/globals.css

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