update landing page

25 files changed, 27 insertions, 180 deletions

diff --git a/font/font.css b/font/font.css
deleted file mode 100644
index 61c9755..0000000
--- a/font/font.css
+++ /dev/null
@@ -1,115 +0,0 @@
-@font-face {
-	font-family: 'Inter';
-	font-style:  normal;
-	font-weight: 400;
-	font-display: swap;
-	src: url("./inter/Inter-Regular.woff2?v=3.15") format("woff2"),
-		 url("./inter/Inter-Regular.woff?v=3.15") format("woff");
-}
-@font-face {
-	font-family: 'Inter';
-	font-style:  italic;
-	font-weight: 400;
-	font-display: swap;
-	src: url("./inter/Inter-Italic.woff2?v=3.15") format("woff2"),
-		 url("./inter/Inter-Italic.woff?v=3.15") format("woff");
-}
-
-@font-face {
-	font-family: 'Inter';
-	font-style:  normal;
-	font-weight: 500;
-	font-display: swap;
-	src: url("./inter/Inter-Medium.woff2?v=3.15") format("woff2"),
-		 url("./inter/Inter-Medium.woff?v=3.15") format("woff");
-}
-@font-face {
-	font-family: 'Inter';
-	font-style:  italic;
-	font-weight: 500;
-	font-display: swap;
-	src: url("./inter/Inter-MediumItalic.woff2?v=3.15") format("woff2"),
-		 url("./inter/Inter-MediumItalic.woff?v=3.15") format("woff");
-}
-
-@font-face {
-	font-family: 'Inter';
-	font-style:  normal;
-	font-weight: 600;
-	font-display: swap;
-	src: url("./inter/Inter-SemiBold.woff2?v=3.15") format("woff2"),
-		 url("./inter/Inter-SemiBold.woff?v=3.15") format("woff");
-}
-@font-face {
-	font-family: 'Inter';
-	font-style:  italic;
-	font-weight: 600;
-	font-display: swap;
-	src: url("./inter/Inter-SemiBoldItalic.woff2?v=3.15") format("woff2"),
-		 url("./inter/Inter-SemiBoldItalic.woff?v=3.15") format("woff");
-}
-
-@font-face {
-	font-family: 'Inter';
-	font-style:  normal;
-	font-weight: 700;
-	font-display: swap;
-	src: url("./inter/Inter-Bold.woff2?v=3.15") format("woff2"),
-		 url("./inter/Inter-Bold.woff?v=3.15") format("woff");
-}
-@font-face {
-	font-family: 'Inter';
-	font-style:  italic;
-	font-weight: 700;
-	font-display: swap;
-	src: url("./inter/Inter-BoldItalic.woff2?v=3.15") format("woff2"),
-		 url("./inter/Inter-BoldItalic.woff?v=3.15") format("woff");
-}
-
-
-
-@font-face {
-	font-family: 'JetBrainsMono';
-	font-style:  normal;
-	font-weight: 400;
-	font-display: swap;
-	src: url("./jetbrainsmono/JetBrainsMono-Regular.woff2") format("woff2");
-}
-@font-face {
-	font-family: 'JetBrainsMono';
-	font-style:  italic;
-	font-weight: 400;
-	font-display: swap;
-	src: url("./jetbrainsmono/JetBrainsMono-Italic.woff2") format("woff2");
-}
-
-@font-face {
-	font-family: 'JetBrainsMono';
-	font-style:  normal;
-	font-weight: 500;
-	font-display: swap;
-	src: url("./jetbrainsmono/JetBrainsMono-Medium.woff2") format("woff2");
-}
-@font-face {
-	font-family: 'JetBrainsMono';
-	font-style:  italic;
-	font-weight: 500;
-	font-display: swap;
-	src: url("./jetbrainsmono/JetBrainsMono-MediumItalic.woff2") format("woff2");
-}
-
-@font-face {
-	font-family: 'JetBrainsMono';
-	font-style:  normal;
-	font-weight: 700;
-	font-display: swap;
-	src: url("./jetbrainsmono/JetBrainsMono-Bold.woff2") format("woff2");
-}
-@font-face {
-	font-family: 'JetBrainsMono';
-	font-style:  italic;
-	font-weight: 700;
-	font-display: swap;
-	src: url("./jetbrainsmono/JetBrainsMono-BoldItalic.woff2") format("woff2");
-}
-
diff --git a/font/inter/Inter-Bold.woff b/font/inter/Inter-Bold.woff
deleted file mode 100644
index 80f70f0..0000000
--- a/font/inter/Inter-Bold.woff
+++ /dev/null
diff --git a/font/inter/Inter-Bold.woff2 b/font/inter/Inter-Bold.woff2
deleted file mode 100644
index 622e5f1..0000000
--- a/font/inter/Inter-Bold.woff2
+++ /dev/null
diff --git a/font/inter/Inter-BoldItalic.woff b/font/inter/Inter-BoldItalic.woff
deleted file mode 100644
index 03238dd..0000000
--- a/font/inter/Inter-BoldItalic.woff
+++ /dev/null
diff --git a/font/inter/Inter-BoldItalic.woff2 b/font/inter/Inter-BoldItalic.woff2
deleted file mode 100644
index 1b2dafb..0000000
--- a/font/inter/Inter-BoldItalic.woff2
+++ /dev/null
diff --git a/font/inter/Inter-Italic.woff b/font/inter/Inter-Italic.woff
deleted file mode 100644
index 9c21aed..0000000
--- a/font/inter/Inter-Italic.woff
+++ /dev/null
diff --git a/font/inter/Inter-Italic.woff2 b/font/inter/Inter-Italic.woff2
deleted file mode 100644
index 734944b..0000000
--- a/font/inter/Inter-Italic.woff2
+++ /dev/null
diff --git a/font/inter/Inter-Medium.woff b/font/inter/Inter-Medium.woff
deleted file mode 100644
index 1d50f80..0000000
--- a/font/inter/Inter-Medium.woff
+++ /dev/null
diff --git a/font/inter/Inter-Medium.woff2 b/font/inter/Inter-Medium.woff2
deleted file mode 100644
index ffb4206..0000000
--- a/font/inter/Inter-Medium.woff2
+++ /dev/null
diff --git a/font/inter/Inter-MediumItalic.woff b/font/inter/Inter-MediumItalic.woff
deleted file mode 100644
index 9eb5b9d..0000000
--- a/font/inter/Inter-MediumItalic.woff
+++ /dev/null
diff --git a/font/inter/Inter-MediumItalic.woff2 b/font/inter/Inter-MediumItalic.woff2
deleted file mode 100644
index ebee655..0000000
--- a/font/inter/Inter-MediumItalic.woff2
+++ /dev/null
diff --git a/font/inter/Inter-Regular.woff b/font/inter/Inter-Regular.woff
deleted file mode 100644
index 7cb4990..0000000
--- a/font/inter/Inter-Regular.woff
+++ /dev/null
diff --git a/font/inter/Inter-Regular.woff2 b/font/inter/Inter-Regular.woff2
deleted file mode 100644
index 66691b8..0000000
--- a/font/inter/Inter-Regular.woff2
+++ /dev/null
diff --git a/font/inter/Inter-SemiBold.woff b/font/inter/Inter-SemiBold.woff
deleted file mode 100644
index 490bd9d..0000000
--- a/font/inter/Inter-SemiBold.woff
+++ /dev/null
diff --git a/font/inter/Inter-SemiBold.woff2 b/font/inter/Inter-SemiBold.woff2
deleted file mode 100644
index 9fd7726..0000000
--- a/font/inter/Inter-SemiBold.woff2
+++ /dev/null
diff --git a/font/inter/Inter-SemiBoldItalic.woff b/font/inter/Inter-SemiBoldItalic.woff
deleted file mode 100644
index 839fc3d..0000000
--- a/font/inter/Inter-SemiBoldItalic.woff
+++ /dev/null
diff --git a/font/inter/Inter-SemiBoldItalic.woff2 b/font/inter/Inter-SemiBoldItalic.woff2
deleted file mode 100644
index 2492569..0000000
--- a/font/inter/Inter-SemiBoldItalic.woff2
+++ /dev/null
diff --git a/font/jetbrainsmono/JetBrainsMono-Bold.woff2 b/font/jetbrainsmono/JetBrainsMono-Bold.woff2
deleted file mode 100644
index 07fe5d7..0000000
--- a/font/jetbrainsmono/JetBrainsMono-Bold.woff2
+++ /dev/null
diff --git a/font/jetbrainsmono/JetBrainsMono-BoldItalic.woff2 b/font/jetbrainsmono/JetBrainsMono-BoldItalic.woff2
deleted file mode 100644
index 57263ef..0000000
--- a/font/jetbrainsmono/JetBrainsMono-BoldItalic.woff2
+++ /dev/null
diff --git a/font/jetbrainsmono/JetBrainsMono-Italic.woff2 b/font/jetbrainsmono/JetBrainsMono-Italic.woff2
deleted file mode 100644
index cf9e8ef..0000000
--- a/font/jetbrainsmono/JetBrainsMono-Italic.woff2
+++ /dev/null
diff --git a/font/jetbrainsmono/JetBrainsMono-Medium.woff2 b/font/jetbrainsmono/JetBrainsMono-Medium.woff2
deleted file mode 100644
index b4d9438..0000000
--- a/font/jetbrainsmono/JetBrainsMono-Medium.woff2
+++ /dev/null
diff --git a/font/jetbrainsmono/JetBrainsMono-MediumItalic.woff2 b/font/jetbrainsmono/JetBrainsMono-MediumItalic.woff2
deleted file mode 100644
index 3ac249b..0000000
--- a/font/jetbrainsmono/JetBrainsMono-MediumItalic.woff2
+++ /dev/null
diff --git a/font/jetbrainsmono/JetBrainsMono-Regular.woff2 b/font/jetbrainsmono/JetBrainsMono-Regular.woff2
deleted file mode 100644
index cc9a1ae..0000000
--- a/font/jetbrainsmono/JetBrainsMono-Regular.woff2
+++ /dev/null
diff --git a/index.html b/index.html
index 730c69d..0d9a29c 100644
--- a/index.html
+++ b/index.html
@@ -1,30 +1,35 @@
-<!DOCTYPE html>
-<html>
+<html lang="en-US">
 	<head>
 		<meta charset='utf-8'>
 		<meta http-equiv='X-UA-Compatible' content='IE=edge'>
-		<title>welcome to pipeframe.xyz</title>
+		<title>pipeframe</title>
 		<meta name='viewport' content='width=device-width, initial-scale=1'>
-		<link rel='preload' as='style' href='font/font.css' onload='this.rel="stylesheet"'>
-		<link rel='stylesheet' type='text/css' media='screen' href='style.css'>
+		<link rel='stylesheet' type='text/css' href='style.css'>
 	</head>
 	<body>
-		<div class="centeredpage">
-			<h1>Welcome to <span style="color: var(--gold-crayola)">pipeframe.xyz</span></h1>
+
+		<main>
+
+			<h1>Welcome to pipeframe.xyz</h1>
+
 			<p style="text-align: center">
 				<a target="_blank" href="https://github.com/lonkaars"><img alt="GitHub followers" src="https://img.shields.io/github/followers/lonkaars?style=social"></a>
 			</p>
-			<p>
-			This is my personal website on which I host some cool things. Most of my projects are hosted on <a target="_blank" href="https://github.com/lonkaars">my GitHub</a> or my own git server. These are the (public) things hosted on here:
-			</p>
+
 			<ul>
-				<li>personal <a target="_blank" href="https://blog.pipeframe.xyz">blog</a> (source: <a href="https://git.pipeframe.xyz/lonkaars/blog/">git</a>, <a href="https://github.com/lonkaars/blog">github</a>)</li>
-				<li><a target="_blank" href="https://git.pipeframe.xyz">git</a> server</li>
+				<li>Most of the things I do should be <a target="_blank" href="https://git.pipeframe.xyz">here</a></li>
+				<li>If not, they're likely over on <a target="_blank" href="https://github.com/lonkaars">GitHub</a></li>
+				<li>I also have a <a target="_blank" href="https://blog.pipeframe.xyz">blog</a> that I rarely update</li>
 			</ul>
-			<p style="text-align: center">
-			The domain name comes from this bad boy:<br/>
-			<img src="img/pipeframe.png" alt="Mariokart 8 pipe frame kart">
+
+			<div class="fill"></div>
+
+			<p align="center">
+				(the domain name comes from this bad boy)<br/>
+				<img src="img/pipeframe.png" alt="Mariokart 8 pipe frame kart">
 			</p>
-		</div>
+
+		</main>
+
 	</body>
 </html>
diff --git a/style.css b/style.css
index 9c24f7c..156938b 100644
--- a/style.css
+++ b/style.css
@@ -1,66 +1,23 @@
-:root {
-	--black: #000000;
-	--flame: #f46e42;
-	--lavender-blush: #eee5e9;
-	--gray-web: #7c7c7c;
-	--gold-crayola: #efc88b;
-
-	--bg: var(--black);
-	--fg: var(--lavender-blush);
-
-	background: var(--bg);
-}
-
-@media (prefers-color-scheme: light) {
-	:root {
-		--flame: #cf5c36;
-		--gold-crayola: #b5863b;
-
-		--bg: var(--lavender-blush);
-		--fg: var(--black);
-	}
-}
-
 body, html {
 	margin: 0;
 	padding: 0;
 
-	background-color: var(--bg);
-	color: var(--fg);
 	font-family: "Inter", sans-serif;
 
 	text-transform: lowercase;
 }
 
-.centeredpage {
-	max-width: 700px;
-	margin: 0 auto;
-	margin-bottom: 100px;
+main {
+	max-width: 35em;
+	margin: 100px auto;
 	padding: 0 24px;
-
-	text-align: justify;
 }
 
-h1 {
-	text-align: center;
-	font-size: 75px;
-	font-weight: 700;
-}
-
-@media screen and (max-width: 600px) {
-	h1 {
-		font-size: 12vw;
-	}
-}
-
-a { color: var(--flame); }
-
-code {
-	font-family: "JetBrainsMono Nerd Font", "JetBrainsMono", monospace;
-	color: var(--gold-crayola);
-}
+h1 { text-align: center; }
 
 p, ul { margin: 30px 0; }
 
 ul { line-height: 1.7; }
 
+.fill { height: calc(100vh - 300px); }
+