diff --git a/favicon.ico b/favicon.ico
index 8e9f970..731116e 100644
Binary files a/favicon.ico and b/favicon.ico differ
diff --git a/images/favicon.png b/images/favicon.png
index 2799ef6..fd37e27 100644
Binary files a/images/favicon.png and b/images/favicon.png differ
diff --git a/images/logo/favicon.xcf b/images/logo/favicon.xcf
new file mode 100644
index 0000000..331cdce
Binary files /dev/null and b/images/logo/favicon.xcf differ
diff --git a/images/logo/full-xl.png b/images/logo/full-xl.png
new file mode 100644
index 0000000..2b0695b
Binary files /dev/null and b/images/logo/full-xl.png differ
diff --git a/images/logo/full.xcf b/images/logo/full.xcf
new file mode 100644
index 0000000..f57b289
Binary files /dev/null and b/images/logo/full.xcf differ
diff --git a/images/logo/short-xl.png b/images/logo/short-xl.png
new file mode 100644
index 0000000..603077f
Binary files /dev/null and b/images/logo/short-xl.png differ
diff --git a/images/logo/short.xcf b/images/logo/short.xcf
new file mode 100644
index 0000000..de77bc8
Binary files /dev/null and b/images/logo/short.xcf differ
diff --git a/new_index.html b/new_index.html
new file mode 100644
index 0000000..82527d6
--- /dev/null
+++ b/new_index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="author" content="Frederick Boniface">
+    <link rel="icon" type="image/png" href="/images/favicon.png">
+    <link rel="stylesheet" href="./style/fonts.css">
+    <link rel="stylesheet" href="./style/new_style.css">
+    <title>Home</title>
+  </head>
+  <body>
+    <div class="menubar">
+      <script src="/js/navbar.js"></script>
+      <div class="menubar_logo">
+        <picture>
+          <source srcset="/images/logo/full.png" type="image/png">
+          <img src="/images/logo/short-xl.png" alt="Fred Boniface logo">
+        </picture>
+      </div>
+      <div class="menubar_hamburger">
+        <span class="menubar_longtext">Menu </span>
+        <span class="menubar_shorttext"> &#9776;</span>
+      </div>
+    </div>
+    <div id="sidebar" class="sidebar">
+      <button class="sidebar_close">&times;</button>
+      <a href="/">Home</a>
+      <a href="/gpg.php">GPG/PGP</a>
+      <a href="/projects.php">Things I Do</a>
+      <a href="/contact.php">Contact</a>
+      <a href="/about.php">About</a>
+      <picture>
+        <source srcset="/images/logo/short-xl.png" type="image/png">
+      </picture>
+      <div class="sidebar_social">
+        SOCIAL_LINKS
+      </div>
+    </div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/style/new_style.css b/style/new_style.css
new file mode 100644
index 0000000..e69de29
