diff --git a/img/lined-paper-texture.jpg b/img/lined-paper-texture.jpg
new file mode 100644
index 0000000..1a03756
Binary files /dev/null and b/img/lined-paper-texture.jpg differ
diff --git a/img/paper.gif b/img/paper.gif
new file mode 100644
index 0000000..976ab19
Binary files /dev/null and b/img/paper.gif differ
diff --git a/index.css b/index.css
index 9ffcaaa..1460e34 100644
--- a/index.css
+++ b/index.css
@@ -1,26 +1,38 @@
 body {
+	background-image: url(/img/paper.gif);
 	margin: 40px auto;
 	max-width: 800px;
 	line-height: 1.8;
 	font-size: 18px;
 	color: #454545;
 	padding: 0 10px;
-	background: #fbf9f7;
+	/*background: #fbf9f7;*/
 	display: grid;
 	grid-template-columns: 150px auto;
+	grid-template-rows: auto auto 2em;
 	grid-template-areas: "logo title"
 							"nav content"
 							"nav foot";
-	/*gap: 10px;*/
+	gap: 10px;
 	height: 100%;
 }
+.div {
+	 background-color: #fbf9f7;
+	 padding: 0 5px;
+	 border: medium outset black;
+ }
+
 
 .logo {
 	grid-area: logo;
+	padding: 0 1.5px;
 }
 
 .title {
 	grid-area: title;
+	width: auto;
+	height: auto;
+	margin: auto;
 }
 
 .nav {
@@ -37,9 +49,19 @@ body {
 	grid-area: foot;
 }
 
+.footer >p {
+	margin: 0;
+}
+
+.changelog {
+	overflow-y: scroll;
+
+}
+
 a {
 	color: #07a;
 	text-decoration:none;
+	width: fit-content;
 }
 
 a:visited {
@@ -60,4 +82,5 @@ sub {
 
 .distro {
 	display: flex;
-}
\ No newline at end of file
+}
+
diff --git a/index.html b/index.html
index 4b658ed..a0c0685 100644
--- a/index.html
+++ b/index.html
@@ -4,40 +4,43 @@
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width">
 		<link href="index.css" rel="stylesheet">
-		<title>chopster44.com</title>
+		<title>chptr</title>
 	</head>
-
 	<body>
-	<header>
-		<img src="https://chopster44.com/img/pfp.png" width="141">
-		<div id="menu">
-			<h1>Chopster44</h1>
-			<a href="/#about">[About]</a>
-			<a href="/blog">[Blog]</a>
-			<a href="/projects">[Projects]</a>
-			<a href="/rockets">[Rockets]</a>
-			<a href="/linux">[Linux]</a>
-		</div>
-	</header>
-	<main>
+	<img src="https://chopster44.com/img/pfp.png" width="141" class="div logo">
+	<h1 class="div title">Chopster44</h1>
+	<div class="div nav">
+		<p>Personal</p>
+		<a href="/index.html#about">[About]</a>
+		<a href="/blog">[Blog]</a>
+		<p>Interests</p>
+		<a href="/projects">[Projects]</a>
+		<a href="/rockets">[Rockets]</a>
+		<a href="/linux">[Linux]</a>
+		<p>Other Web</p>
+		<a href="#">[Buttons]</a>
+		<a href="/contact">[Contact]</a>
+	</div>
+	<div class="div main">
 		<div id="about">
 			<h2>About me</h2>
 			<p>
-				I'm chopster44. <br>
-				I know a bit about programming, designing circuit boards, building rockets, breaking computers and playing bass.
+				Hi, I'm chopster44 and this is my website. Here I put anything I have worked on/used/made which I think
+				is cool. This isn't a professional site so things might get a bit messy/all over the place and hard to
+				navigate. I hope you enjoy looking around!
 				<br>
-				This is my personal site where I put a bit of everything. Like most of my projects this is a work in progress.
+				If you want to ask me something about anything here, take a look at <a href="contact">[Contact]</a>.
 			</p>
 		</div>
-		<div id="links">
-			<h2>Contact</h2>
-			<p>Messaging: <a href="mailto:oscar@chopster44.com">[email]</a> <a href="/contact.html#discord">[discord]</a> <a href="/contact.html#matrix">[matrix]</a></p>
-			<p>Other links: <a href="https://www.instagram.com/chopster44/">[instagram]</a> <a href="https://github.com/chopster44">[github]</a></p>
-			<p>Other pages: <a href="imgs.html">[imgs]</a></p>
+		<div class="changelog">
+			<h2>Changes</h2>
+			<div>
+				<p>2024-07-06 - new page layouts, updated some text</p>
+			</div>
 		</div>
-	</main>
-	<footer>
-		<p>&#169; chopster44</p>
-	</footer>
+	</div>
+	<div class="div footer">
+		<p>&#169; chopster44 | Page last edited: 2024-07-06</p>
+	</div>
 	</body>
 </html>
diff --git a/template.html b/template.html
index f697cd3..f664571 100644
--- a/template.html
+++ b/template.html
@@ -7,21 +7,40 @@
         <title>chptr</title>
     </head>
     <body>
-        <img src="https://chopster44.com/img/pfp.png" width="141" class="logo">
-        <h1 class="title">Chopster44</h1>
-        <div class="nav">
-            <a href="/#about">[About]</a>
+        <img src="https://chopster44.com/img/pfp.png" width="141" class="div logo">
+        <h1 class="div title ">Chopster44</h1>
+        <div class="nav div">
+            <p>Personal</p>
+            <a href="/index.html#about">[About]</a>
             <a href="/blog">[Blog]</a>
+            <p>Interests</p>
             <a href="/projects">[Projects]</a>
             <a href="/rockets">[Rockets]</a>
             <a href="/linux">[Linux]</a>
+            <p>Other Web</p>
+            <a href="#">[Buttons]</a>
+            <a href="/contact">[Contact]</a>
         </div>
-        <div class="main">
-            <h2>A header!</h2>
-            <p>Some text</p>
+        <div class="main div">
+            <div id="about">
+                <h2>About me</h2>
+                <p>
+                    Hi, I'm chopster44 and this is my website. Here I put anything I have worked on/used/made which I think
+                    is cool. This isn't a professional site so things might get a bit messy/all over the place and hard to
+                    navigate. I hope you enjoy looking around!
+                    <br>
+                    If you want to ask me something about anything here, take a look at <a href="contact">[Contact]</a>.
+                </p>
+            </div>
+            <div class="changelog">
+                <h2>Changes</h2>
+                <div>
+                    <p>2024-07-06 - new page layouts, updated some text</p>
+                </div>
+            </div>
         </div>
-        <div class="footer">
-            <p>&#169; chopster44</p>
+        <div class="footer div">
+            <p>&#169; chopster44 | Page last edited: 2024-07-06</p>
         </div>
     </body>
 </html>
\ No newline at end of file
