diff --git a/about-me.html b/about-me.html
new file mode 100644
index 0000000..be7dfd8
--- /dev/null
+++ b/about-me.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>About Me</title>
+    <link rel="stylesheet" href="style.css">
+    <script src="header.js" defer></script>
+    <site-header></site-header>
+  </head>
+  <body>
+    <div class="row" style="background-color: #454a77; border-radius: 128px; padding-top: 10px; padding-bottom: 10px;">
+      <div class="column" style="flex: auto;">
+        <img src="media/bonard.jpg" alt="Bonard" style="max-width: 256px; max-height: 256px; margin-left: 0%; border: 2px solid #ff2a2a66; border-radius: 50%;" width="100%" height="100%">
+      </div>
+      <div class="column">
+        <h1 style="text-align: left; margin-right: 15%;">About Me</h1>
+        <p style="margin-right: 10%;">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nobis excepturi voluptatem quia? Ipsum sequi incidunt laudantium fuga, impedit exercitationem nobis consequuntur. Aut architecto ipsum explicabo voluptate est quas omnis maiores?</p>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/about.html b/about.html
deleted file mode 100644
index de91e1b..0000000
--- a/about.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>About Me</title>
-    <script src="header.js" defer></script>
-    <site-header></site-header>
-  </head>
-  <body>
-    About
-  </body>
-</html>
diff --git a/android-chrome-192x192.png b/android-chrome-192x192.png
new file mode 100644
index 0000000..38a3602
Binary files /dev/null and b/android-chrome-192x192.png differ
diff --git a/android-chrome-512x512.png b/android-chrome-512x512.png
new file mode 100644
index 0000000..75dc995
Binary files /dev/null and b/android-chrome-512x512.png differ
diff --git a/apple-touch-icon.png b/apple-touch-icon.png
new file mode 100644
index 0000000..29c7c45
Binary files /dev/null and b/apple-touch-icon.png differ
diff --git a/favicon-16x16.png b/favicon-16x16.png
new file mode 100644
index 0000000..a863937
Binary files /dev/null and b/favicon-16x16.png differ
diff --git a/favicon-32x32.png b/favicon-32x32.png
new file mode 100644
index 0000000..c6c2622
Binary files /dev/null and b/favicon-32x32.png differ
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..8c62d9d
Binary files /dev/null and b/favicon.ico differ
diff --git a/index.html b/index.html
index 2516ce9..2a1ce82 100644
--- a/index.html
+++ b/index.html
@@ -5,10 +5,43 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>Home</title>
+    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
+    <link rel="manifest" href="site.webmanifest">
+    <link rel="stylesheet" href="style.css">
     <script src="header.js" defer></script>
+    <style>
+        .row {
+            display: flex;
+            align-items: center;
+            margin-left: 10%;
+            margin-right: 10%;
+        }
+        .column {
+            flex: 50%;
+            align-items: center;
+            padding-left: 10px;
+            padding-right: 10px;
+        }
+        img {
+            display: block;
+            margin: auto;
+        }
+    </style>
     <site-header></site-header>
   </head>
   <body>
-    Home
+    <div class="row">
+        <div class="column">
+            <h1>Welcome to Halfheart.net!</h1>
+            <p style="text-align: center;">Welcome to Halfheart.net! This website is home to the Halfheart minecraft servers, my personal projects, and really anything else I want. Have fun.</p>
+            <br>
+            <p style="text-align: center;">This page is actively being worked on! Most things are probobly broken or incomplete. Don't tell me that they are, I know.</p>
+        </div>
+    </div>
+    <div class="row">
+        <iframe width="560" height="315" style="margin-left: auto; margin-right: auto;" src="https://www.youtube.com/embed/BuKft9LpL_0?si=ZBioDC66lEvgbuIg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+    </div>
   </body>
 </html>
diff --git a/mcservers.html b/mc-servers.html
similarity index 82%
rename from mcservers.html
rename to mc-servers.html
index 490a790..4efc466 100644
--- a/mcservers.html
+++ b/mc-servers.html
@@ -9,7 +9,11 @@
     <site-header></site-header>
     <style>
       body { 
+        height: 100vh;
+        width: 100vw;
+        margin: 0;
         background: url(media/mc\ header.png) no-repeat top center; 
+        background-size: cover;
       }
     </style>
   </head>
diff --git a/media/2026-06-14_20.24.02.png b/media/2026-06-14_20.24.02.png
new file mode 100644
index 0000000..09afbae
Binary files /dev/null and b/media/2026-06-14_20.24.02.png differ
diff --git a/media/2026-06-14_20.25.44.png b/media/2026-06-14_20.25.44.png
new file mode 100644
index 0000000..cf097dc
Binary files /dev/null and b/media/2026-06-14_20.25.44.png differ
diff --git a/media/bonard.jpg b/media/bonard.jpg
new file mode 100644
index 0000000..7ebc2e7
Binary files /dev/null and b/media/bonard.jpg differ
diff --git a/site-header.html b/site-header.html
index 0cbf7c0..a82aa6f 100644
--- a/site-header.html
+++ b/site-header.html
@@ -1,9 +1,14 @@
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 <style>
+    :host {
+        display: block;
+        width: 100%;
+    }
+
     :root {
       --primary-glow: #ff2a2a;
       --active-bg: #aa0404;
-      --header-height: 60px; 
+      --header-height: 60px;
     }
     
     body {
@@ -15,7 +20,7 @@
         display: flex;
         align-items: center;
         gap: 15px; 
-        margin: 20px auto;
+        margin: 0 auto;
         width: 92%;
         max-width: 1920px;
         position: relative;
@@ -64,11 +69,10 @@
         align-items: stretch;
         position: relative;
         flex-grow: 1; 
-      
         height: var(--header-height); 
         border-radius: 20px;
         overflow: hidden;
-        z-index: 5;
+        border: 2px solid #ff2a2a66
     }
       
     .topnav a {
@@ -82,6 +86,7 @@
         position: relative;
         transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
         border-radius: 20px; 
+        flex-grow: 1;
     }
     
     .topnav a::after {
@@ -191,7 +196,7 @@
         }
     }
 </style>
-
+<br>
 <div class="header-container" id="headerContainer">
     
     <div class="logo-capsule">
@@ -202,12 +207,13 @@
 
     <div class="topnav" id="myTopnav">
         <a href="index.html" id="home" class="inactive">Home</a>
-        <a href="about.html" id="about-me" class="inactive">About Me</a>
+        <a href="about-me.html" id="about-me" class="inactive">About Me</a>
         <a href="projects.html" id="projects" class="inactive">Projects</a>
-        <a href="mcservers.html" id="minecraft-servers" class="inactive">Minecraft Server</a>
+        <a href="mc-servers.html" id="minecraft-servers" class="inactive">Minecraft Server</a>
         <a href="javascript:void(0);" class="icon" onclick="toggleMobileMenu()">
             <i class="fa fa-bars"></i>
         </a>
     </div>
 
-</div>
\ No newline at end of file
+</div>
+<br>
\ No newline at end of file
diff --git a/site.webmanifest b/site.webmanifest
new file mode 100644
index 0000000..ce0b4d9
--- /dev/null
+++ b/site.webmanifest
@@ -0,0 +1 @@
+{"name":"Halfheart.net","short_name":"Halfheart","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..c3ad186
--- /dev/null
+++ b/style.css
@@ -0,0 +1,34 @@
+@import url(https://fonts.googleapis.com/css?family=Audiowide);
+
+h1 {
+  font-family: "Audiowide", serif;
+  font-weight: 400;
+  font-style: normal;
+  color: red;
+  text-align: center;
+}
+p {
+  font-family: Arial, Helvetica, sans-serif;
+  font-weight: normal;
+  color: white;
+}
+body {
+  height: 100vh;
+  background-color: #1e1d20;
+}
+.row {
+  display: flex;
+  align-items: center;
+  margin-left: 10%;
+  margin-right: 10%;
+}
+.column {
+  flex: 50%;
+  align-items: center;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+img {
+  display: block;
+  margin: auto;
+}
\ No newline at end of file
