diff --git a/future.html b/future.html
index 48e161f..c607263 100644
--- a/future.html
+++ b/future.html
@@ -1,19 +1,33 @@
-<html>
+<html lang="en">
 <head>
 		<meta name="viewport" content="width=device-width">
 		<title>Future</title>
 		<link href="index.css" rel="stylesheet">
 	</head>
+	<header>
+		<img src="/img/pfp.webp" width="141" alt="my profile picture">
+		<!--		<p>pfp here</p>-->
+		<div class="headerContent">
+			<h1>Chopster44.com</h1>
+			<div>
+				<a class="link" href="/">home</a>
+				<a class="link" href="/blog">blog</a>
+				<a class="link" href="/now">now</a>
+			</div>
+		</div>
+	</header>
 	<body>
 		<h1> Future </h1>
-		<p> This page is like a changelog but in reverse, insterad of making a list of things I have changed or added, its a list of things I want to add or change about this website</p>
+		<p> This page is like a changelog but in reverse, instead of making a list of things I have changed or added, its a list of things I want to add or change about this website</p>
 		<ul>
 			<li> A blog </li>
 			<li> A /about </li>
 			<li> Some nice css </li>
 			<li> A /now </li>
 		</ul>
-	
-
-</body>
+	</body>
+	<footer>
+		<hr>
+		<p>&#169; chopster44 2024</p>
+	</footer>
 </html>
diff --git a/index.css b/index.css
index 1691607..e4bd263 100644
--- a/index.css
+++ b/index.css
@@ -2,9 +2,26 @@ body {
 	margin: 40px auto;
 	max-width: 650px;
 	line-height: 1.8;
-	font-size: 18;
+	font-size: 18px;
 	color: #454545;
 	padding: 0 10px;
+	background: #fbf9f7;
+}
+
+header {
+	display: flex;
+	align-items: center;
+}
+
+.link {
+	padding: 5px;
+}
+
+.headerContent {
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
 }
 
 @media (prefers-color-scheme: dark) {
diff --git a/index.html b/index.html
index 9b27402..186268d 100644
--- a/index.html
+++ b/index.html
@@ -1,23 +1,38 @@
-<html>
-        <head>
-                <meta name="viewport" content="width=device-width">
-                <title>Welcome to chopster44.com!</title>
-		<link href="index.css" rel="stylesheet">
-        </head>
-        <body>
-                <h2>About me:</h2>
+<html lang="en">
+	<head>
+		<meta name="viewport" content="width=device-width">
+		<title>Welcome to chopster44.com!</title>
+	<link href="index.css" rel="stylesheet">
+	</head>
+	<header>
+		<img src="/img/pfp.webp" width="141" alt="my profile picture">
+<!--		<p>pfp here</p>-->
+		<div class="headerContent">
+			<h1>Chopster44.com</h1>
+			<div>
+				<a class="link" href="/">home</a>
+				<a class="link" href="/blog">blog</a>
+				<a class="link" href="/now">now</a>
+			</div>
+		</div>
+	</header>
+	<body>
+		<h2>About me:</h2>
 		<p>I'm chopster44</p>
-		<p>I know a bit about programming, design circuit boards, building rockets which defy physics, and I play bass.</p>
+		<p>I know a bit about programming, design circuit boards, building rockets which defy physics, and I play bass.
+		</p>
 		<p>This is my personal website, here I have a blog where I talk about my projects and other stuff.</p>
 		<hr>
 		<h2> Top projects: </h2>
-		<p> Here's a list of my projects which I think are the coolest. Code-ey things will be on a git thingy somewhere. Solid stuff probably isn't opensource :( so find details on my blog!. </p> 
+		<p> Here's a list of my projects which I think are the coolest. Code-ey things will be on a git thingy
+			somewhere. Solid stuff probably isn't opensource :( so find details on my blog!. </p>
 		<ul>
 			<li>eVCU</li>
+			<li>Something I haven't made yet</li>
 		</ul>
 		<hr>
 		<h2> Contact: </h2>
-		<p> If you wanna send me a message or see the stuff I do you can probably get a respone on one of these </p>
+		<p> If you wanna send me a message or see the stuff I do you can probably get a response on one of these </p>
 		<ul>
 			<li> Discord (chopster44) </li>
 			<li> <a href="https://github.com/chopster44">Github</a> </li>
@@ -25,9 +40,13 @@
 		</ul>
 		<hr>
 		<h2> Other stuff: </h2>
-		<p>This place is pretty empty right now, come back some other time and it will have some more!</p>
+		<p>This place is pretty empty right now, come back some other time, and it will have some more!</p>
 		<p>I have made a list of what I am going to add to this place <a href="/future">here</a></p>
+		<p>I found the image I use as a pfp online. I would give the artist, but I can't find the source anymore other
+			than a reddit post from 5 years ago <sub>sorry</sub></p>
+	</body>
+	<footer>
 		<hr>
 		<p>&#169; chopster44 2024</p>
-        </body>
+	</footer>
 </html>
