From f148d8a653034038b3259565fc0082b6d197ddbc Mon Sep 17 00:00:00 2001
From: "E. Almqvist" <elalmqvist@gmail.com>
Date: Wed, 23 Nov 2022 23:38:23 +0100
Subject: [PATCH] Stuff

---
 components/footer.tsx | 19 ++++++++-----------
 components/layout.tsx |  1 -
 pages/index.tsx       |  8 ++++++++
 styles/globals.css    |  5 +++++
 4 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/components/footer.tsx b/components/footer.tsx
index da8f60f..4f80d16 100644
--- a/components/footer.tsx
+++ b/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`
-	display: flex;
-	flex-direction: row;
-	list-style: none;
-	gap: 2rem;
-`
+// const UList = styled.ul`
+// 	display: flex;
+// 	flex-direction: row;
+// 	list-style: none;
+// 	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>
diff --git a/components/layout.tsx b/components/layout.tsx
index 82a0c1b..3afafd6 100644
--- a/components/layout.tsx
+++ b/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 />
 	</>)
diff --git a/pages/index.tsx b/pages/index.tsx
index e673f88..0d8e6be 100755
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -6,6 +6,7 @@ import Link from "next/link"
 import IconLink from "components/iconlink"
 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;
@@ -41,6 +42,11 @@ export const Section = styled.section`
 		width: 22rem;
 		height: auto;
 	}
+
+	footer {
+		margin-top: 1rem;
+		opacity: .5;
+	}
 `
 
 export const Code = styled.code`
@@ -131,6 +137,8 @@ const Page: NextPageWithLayout = () => {
 						GitHub: <a href="https://github.com/E-Almqvist" target="_blank" rel="noreferrer">github.com/E-Almqvist</a>
 					</li>
 				</CList>
+
+				<Footer />
 			</Section>
 		</>
 	)
diff --git a/styles/globals.css b/styles/globals.css
index 3d00b2e..92229aa 100755
--- a/styles/globals.css
+++ b/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*/