diff --git a/README.md b/README.md
index 3a3dbbb..469630b 100644
--- a/README.md
+++ b/README.md
@@ -1,45 +1,35 @@
-<div align="center">
-	<img src="./assets/hilbish-flower.png" width=128><br>
-	<img src="./assets/hilbish-text.png" width=256><br>
-	<blockquote>
-	🌺 The flower shell. A comfy and nice little shell for Lua fans!
-	</blockquote>
-	<p align="center">
-		<img alt="GitHub commit activity" src="https://img.shields.io/github/commit-activity/m/Rosettea/Hilbish?style=flat-square">
-		<img alt="GitHub commits since latest release (by date)" src="https://img.shields.io/github/commits-since/Rosettea/Hilbish/latest?style=flat-square">
-		<img alt="GitHub contributors" src="https://img.shields.io/github/contributors/Rosettea/Hilbish?style=flat-square"><br>
-		<a href="https://github.com/Rosettea/Hilbish/issues?q=is%3Aissue+is%3Aopen+label%3A%22help+wanted%22"><img src="https://img.shields.io/github/issues/Hilbis/Hilbish/help%20wanted?style=flat-square&color=green" alt="help wanted"></a>
-		<a href="https://github.com/Rosettea/Hilbish/blob/master/LICENSE"><img alt="GitHub license" src="https://img.shields.io/github/license/Rosettea/Hilbish?style=flat-square"></a>
-		<a href="https://discord.gg/3PDdcQz"><img alt="Discord" src="https://img.shields.io/discord/732357621503229962?color=blue&style=flat-square"></a>
-	</p>
-</div>
+<img src="./assets/hilbish-logo-and-text.png" width=512><br>
+<blockquote>
+🌓 The Moon-powered shell! A comfy and extensible shell for Lua fans! 🌺 ✨
+</blockquote>
 
-Hilbish is a extensible shell (framework). It was made to be very customizable
-via the Lua programming language. It aims to be easy to use for the casual
-people but powerful for those who want to tinker more with their shell,
-the thing used to interface with most of the system.  
+<img alt="GitHub commit activity" src="https://img.shields.io/github/commit-activity/m/Rosettea/Hilbish?style=flat-square"><img alt="GitHub commits since latest release (by date)" src="https://img.shields.io/github/commits-since/Rosettea/Hilbish/latest?style=flat-square"><img alt="GitHub contributors" src="https://img.shields.io/github/contributors/Rosettea/Hilbish?style=flat-square"><br>
+<a href="https://github.com/Rosettea/Hilbish/issues?q=is%3Aissue+is%3Aopen+label%3A%22help+wanted%22"><img src="https://img.shields.io/github/issues/Hilbis/Hilbish/help%20wanted?style=flat-square&color=green" alt="help wanted"></a>
+<a href="https://github.com/Rosettea/Hilbish/blob/master/LICENSE"><img alt="GitHub license" src="https://img.shields.io/github/license/Rosettea/Hilbish?style=flat-square"></a>
+<a href="https://discord.gg/3PDdcQz"><img alt="Discord" src="https://img.shields.io/discord/732357621503229962?color=blue&style=flat-square"></a>
+<br>
+
+Hilbish is an extensible shell designed to be highly customizable.
+It is configured in Lua and provides a good range of features.
+It aims to be easy to use for anyone but powerful enough for
+those who need it.
 
 The motivation for choosing Lua was that its simpler and better to use
 than old shell script. It's fine for basic interactive shell uses,
 but that's the only place Hilbish has shell script; everything else is Lua
 and aims to be infinitely configurable. If something isn't, open an issue!
 
-# Table of Contents
-- [Screenshots](#Screenshots)
-- [Getting Hilbish](#Getting-Hilbish)
-- [Contributing](#Contributing)
-
 # Screenshots
 <div align="center">
-<img src="gallery/terminal.png"><br><br>
-<img src="gallery/tab.png"><br><br>
+<img src="gallery/tab.png">
 <img src="gallery/pillprompt.png">
 </div>
 
 # Getting Hilbish
 **NOTE:** Hilbish is not guaranteed to work properly on Windows, starting
 from the 2.0 version. It will still be able to compile, but functionality
-may be lacking.
+may be lacking. If you want to contribute to make the situation better,
+comment on the Windows discussion.
 
 You can check the [install page](https://rosettea.github.io/Hilbish/install/)
 on the website for distributed binaries from GitHub or other package repositories.
diff --git a/assets/hilbish-flower.png b/assets/hilbish-flower.png
index b4fb0f7..866e57e 100644
Binary files a/assets/hilbish-flower.png and b/assets/hilbish-flower.png differ
diff --git a/assets/hilbish-logo-and-text.png b/assets/hilbish-logo-and-text.png
new file mode 100644
index 0000000..325034c
Binary files /dev/null and b/assets/hilbish-logo-and-text.png differ
diff --git a/assets/hilbish-text.png b/assets/hilbish-text.png
deleted file mode 100644
index 16412c4..0000000
Binary files a/assets/hilbish-text.png and /dev/null differ
diff --git a/website/content/_index.md b/website/content/_index.md
index 2b1087b..4421798 100644
--- a/website/content/_index.md
+++ b/website/content/_index.md
@@ -8,11 +8,11 @@ description: 'Something Unique. Hilbish is the new interactive shell for Lua fan
 <div class="text-center">
 	<h1 class="fw-light">Something Unique.</h1>
 		<p>
-			<strong>Hilbish</strong> is the new interactive shell for Lua fans.<br>
-			Extensible, scriptable, configurable: All in Lua.
+			<strong>🌺 Hilbish</strong> is the new Moon-powered interactive shell for Lua fans!<br>
+			Extensible, scriptable, configurable: All in Lua. ✨
 		</p>
 	<a href="install" class="btn btn-primary">Install</a>
-	<a href="https://github.com/Rosettea/Hilbish" class="btn btn-secondary" target="_blank">Github</a>
+	<a href="https://github.com/Rosettea/Hilbish" class="btn btn-secondary" target="_blank">GitHub</a>
 </div>
 
 <hr>
@@ -108,14 +108,28 @@ description: 'Something Unique. Hilbish is the new interactive shell for Lua fan
 
 <hr>
 
+<h1 class="fw-light">Screenshots</h1>
+<div class="row row-cols-1 row-cols-md-2 g-4">
+	<div class="col">
+		<img src="/Hilbish/pillprompt.png">
+	</div>
+	<div class="col">
+		<img src="/Hilbish/default.png">
+	</div>
+	<div class="col">
+		<img src="/Hilbish/tab.png">
+	</div>
+</div>
+<br>
+
 <h1 class="fw-light">Why not just Lua?</h1>
 <p>
 	Hilbish is your interactive shell as well as a just a Lua interpreter
 	and enhanced REPL.<br>
 </p>
-<ul class="list-group" style="max-width: 64em;">
+<ul class="list-group">
 	<li class="list-group-item"><i class="fa-solid fa-battery-full"></i> Batteries included Lua runtime that's also your user shell!</li>
-	<li class="list-group-item"><i class="fa-solid fa-network-wired"></i> Hilbish is easily cross platform. It has OS agnostic interfaces for easy cross platform Lua code.</li>
+	<li class="list-group-item"><i class="fa-solid fa-network-wired"></i> Provides cross-platform and OS agnostic APIs to ensure your Lua code works everywhere Hilbish does, as expected.</li>
 </ul>
 
 <hr>
@@ -123,11 +137,10 @@ description: 'Something Unique. Hilbish is the new interactive shell for Lua fan
 <h1 class="fw-light">Try It Today!</h1>
 <p>
 	Hilbish is known to run on the 3 major platforms (Windows, MacOS, Linux)
-	but likely builds on other Unixes!
-	<br>
-	Windows doesn't work as well as it should, so if you're a Windows user,
+	but likely builds on other Unixes! Windows doesn't work as well as it should,
+	so if you're a Windows user,
 	<a href="https://github.com/Rosettea/Hilbish/discussions/165">say something</a>!
-	<ul class="list-group" style="max-width: 64em;">
+	<ul class="list-group">
 		<li class="list-group-item"><i class="fa-solid fa-cloud-arrow-down"></i> <a href="/Hilbish/install" style="text-decoration: none;"><strong>Download</strong></a> the binary</li>
 		<li class="list-group-item"><i class="fa-solid fa-screwdriver-wrench"></i> <a href="https://github.com/Rosettea/Hilbish#manual-build" style="text-decoration: none;"><strong>Build</strong></a> from source</li>
 	</ul>
diff --git a/website/content/blog/improving-this-website.md b/website/content/blog/improving-this-website.md
new file mode 100644
index 0000000..0cff464
--- /dev/null
+++ b/website/content/blog/improving-this-website.md
@@ -0,0 +1,66 @@
+---
+title: "Improving Hilbish's Branding"
+date: 2023-04-13T22:15:31-04:00
+draft: false
+---
+
+Happy birthday Hilbish! As of last month, Hilbish is now 2 years old.
+Unfortunately I missed the official date, but I will still make a more
+focused post on the date (19st).
+
+I decided to fix up this website and Hilbish's logo, so that can
+be thought of as something for the 2 years milestone?
+
+# Logo
+Hilbish's old logo was.. not that good. It definitely functioned
+as a logo, but the yellow part of it looked ugly (sorry old logo).
+
+<img src="https://safe.kashima.moe/4c6e9q484pcy.png" width=256>
+<br>
+
+You would have definitely seen the new logo, since it is currently
+in use on the navigation bar and footer. Here it is in a bigger view:
+	
+<img src="https://safe.kashima.moe/oy72vpev2yi4.png" width=256>
+<br>
+	
+# Website
+Ever since this website was first made, from the release of v2.0, it has
+been doing it's job of being a website good enough, but there were a few issues.
+
+# Padding
+Padding is very important! The edges of your screen need space to do nothing,
+after all. On mobile or screens small enough, there would not be enough space
+for the auto margin to fill, and since there was no padding besides that,
+it means things would look a bit cramped. This was simple to fix.
+
+Here it is before:  
+![Before](https://safe.kashima.moe/nupzzalt2oa4.png)
+
+and after:  
+![After](https://safe.kashima.moe/r0ox4nazfi0q.png)
+
+# Docs Navigation
+On the docs page, the pages are on the left on desktop. Since
+phones are too small to have this content on the side, it stays at the top.
+This is a bit counter intuitive since it brings in extra scrolling
+when navigating to every page for docs and just doesn't look that good.
+
+A few months ago I made it collapse with the site wide navigation, but it
+was not hidden by default. So a few improvements were made:
+- Make the doc navigation hidden by default on mobile, just like site wide navigation
+- Make doc navigation have the same look as site wide navigation
+
+Here's a before:  
+![](https://safe.kashima.moe/krn0a6qwegdj.png)
+
+and after:  
+![](https://safe.kashima.moe/sk11ighz47yb.png)
+
+Looks a lot better now.
+
+# Other Changes
+If you haven't noticed, I have made other changes to the website.
+This includes:
+- Borders! Something this simple makes the website look a lot better, especially on mobile.
+- More padding and margin everywhere. Home, doc pages, blog post listing.
diff --git a/website/content/docs/getting-started.md b/website/content/docs/getting-started.md
index f0fe56d..de7607e 100644
--- a/website/content/docs/getting-started.md
+++ b/website/content/docs/getting-started.md
@@ -15,9 +15,10 @@ To exit, you can either run the `exit` command or hit Ctrl+D.
 There are a few ways to make Hilbish your default shell. A simple way is 
 to make it your user/login shell.
 
-{{< warning `It is not recommended to set Hilbish as your login shell. That is expected to be a 
-POSIX compliant shell, which Hilbish is not. At most, there will just be a 
-few variables missing in your environment` >}}
+{{< warning `It is not recommended to set Hilbish as your login shell. That
+is expected to be a POSIX compliant shell, which Hilbish is not. Though if
+you still decide to do it, there will just be a few variables missing in
+your environment` >}}
 
 To do that, simply run `chsh -s /usr/bin/hilbish`.
 Some distros (namely Fedora) might have `lchsh` instead, which is used like `lchsh <user>`.
diff --git a/website/content/install.md b/website/content/install.md
index 1ae103f..392ded0 100644
--- a/website/content/install.md
+++ b/website/content/install.md
@@ -15,7 +15,12 @@ have breaking changes.
 For the latest **stable release**, check here: https://github.com/Rosettea/Hilbish/releases/latest  
 For a **development build**: https://nightly.link/Rosettea/Hilbish/workflows/build/master
 
+## Compiling
+To read the steps for compiling Hilbish, head over to the [GitHub repository.](https://github.com/Rosettea/Hilbish#build)
+
 ## Package Repositories
+Methods of installing Hilbish for your Linux distro.
+
 ### Fedora (COPR)
 An official COPR is offered to install Hilbish easily on Fedora.
 Enable the repo:
diff --git a/website/static/default.png b/website/static/default.png
new file mode 100644
index 0000000..d2cb2c6
Binary files /dev/null and b/website/static/default.png differ
diff --git a/website/static/hilbish-flower.png b/website/static/hilbish-flower.png
index b4fb0f7..866e57e 100644
Binary files a/website/static/hilbish-flower.png and b/website/static/hilbish-flower.png differ
diff --git a/website/static/hilbish-logo-and-text.png b/website/static/hilbish-logo-and-text.png
new file mode 100644
index 0000000..325034c
Binary files /dev/null and b/website/static/hilbish-logo-and-text.png differ
diff --git a/website/static/pillprompt.png b/website/static/pillprompt.png
new file mode 100644
index 0000000..c50d675
Binary files /dev/null and b/website/static/pillprompt.png differ
diff --git a/website/static/tab.png b/website/static/tab.png
new file mode 100644
index 0000000..409d796
Binary files /dev/null and b/website/static/tab.png differ
diff --git a/website/static/terminal.png b/website/static/terminal.png
new file mode 100644
index 0000000..b2ff38c
Binary files /dev/null and b/website/static/terminal.png differ
diff --git a/website/themes/hsh/layouts/_default/doc.html b/website/themes/hsh/layouts/_default/doc.html
index 2748a23..fa7c6b9 100644
--- a/website/themes/hsh/layouts/_default/doc.html
+++ b/website/themes/hsh/layouts/_default/doc.html
@@ -1,31 +1,43 @@
 {{ define "main" }}
-<div class="container py-3 row">
-	<div class="container" style="width: 240px;">
-		<div class="p-3 col">
-			<ul class="nav nav-pills mb-auto-collapse" id="navbarSupportedContent">
-				{{ $currentPage := . }}
-				{{ range .Site.Menus.docs.ByWeight.Reverse }}
-					<li class="nav-item">
-						<a href="{{ .URL }}" class="nav-link">
-							<strong>{{ .Title }}</strong>
-						</a>
-					</li>
-					{{ if .Children }}
-						<ul style="list-style: none;">
-							{{ range .Children }}
-								<li class="nav-item">
-									<a href="{{ .URL }}" class="nav-link">
-										{{ .Title }}
-									</a>
-								</li>
+	<style>
+		@media (min-width: 768px) {
+			.sidenav {
+				width: 240px;
+			}
+		}
+	</style>
+<div class="row">
+	<nav class="navbar-expand-md bg-light sidenav border-end">
+		<div class="container">
+			<div class="collapse navbar-collapse" id="navbarSupportedContent">
+				<nav class="navbar navbar-expand-md bg-light sidenav col" style="margin-top: -20px;">
+					<ul class="navbar-nav me-auto mb-2 mb-lg-0 flex-column col mt-4">
+						{{ $currentPage := . }}
+						{{ range .Site.Menus.docs.ByWeight.Reverse }}
+							<li class="nav-item">
+								<a href="{{ .URL }}" class="nav-link">
+									<strong>{{ .Title }}</strong>
+								</a>
+							</li>
+							{{ if .Children }}
+								<ul style="list-style: none;">
+									{{ range .Children }}
+										<li class="nav-item">
+											<a href="{{ .URL }}" class="nav-link">
+												{{ .Title }}
+											</a>
+										</li>
+									{{ end }}
+								</ul>
 							{{ end }}
-						</ul>
-					{{ end }}
-				{{ end }}
-			</ul>
+						{{ end }}
+					</ul>
+				</nav>
+			</div>
 		</div>
-	</div>
-	<div class="p-3 col">
+	</nav>
+
+	<container class="col mt-2" style="padding-left: 20px; padding-right: 20px;">
 		<div>
 			<h1>{{ .Title }}</h1>
 			<p><em>
@@ -47,7 +59,7 @@
 				Want to help improve this page? <a href="https://github.com/Rosettea/Hilbish/issues/new/choose">Create an issue.</a>
 			</p>
 		</div>
-	</div>
+	</container>
 </div>
 {{ end }}
 
diff --git a/website/themes/hsh/layouts/_default/list.html b/website/themes/hsh/layouts/_default/list.html
index bbb9e8a..ac6ea4b 100644
--- a/website/themes/hsh/layouts/_default/list.html
+++ b/website/themes/hsh/layouts/_default/list.html
@@ -1,5 +1,5 @@
 {{ define "main" }}
-<main>
+<main class="mt-4 mb-4">
   <div class="row row-cols-1 row-cols-md-1 g-4">
     {{ range where .Site.RegularPages "Section" "in" "blog" }}
       <div class="col d-flex justify-content-center">
diff --git a/website/themes/hsh/layouts/index.html b/website/themes/hsh/layouts/index.html
index a9f64d2..ef646ab 100644
--- a/website/themes/hsh/layouts/index.html
+++ b/website/themes/hsh/layouts/index.html
@@ -1,6 +1,8 @@
 {{ define "main" }}
-<main style="max-width: 80em; margin: auto;">
-	{{.Content}}
-</main>
+<div>
+	<main style="padding-left: 20px; padding-right: 20px; padding-top: 15px; max-width: 84em; margin: auto;">
+		{{.Content}}
+	</main>
+</div>
 {{ end }}
 
diff --git a/website/themes/hsh/layouts/partials/footer.html b/website/themes/hsh/layouts/partials/footer.html
index 15aa193..210538a 100644
--- a/website/themes/hsh/layouts/partials/footer.html
+++ b/website/themes/hsh/layouts/partials/footer.html
@@ -1,24 +1,11 @@
-<footer class="footer mt-auto mt-auto py-3 bg-light row">
+<footer class="footer mt-auto mt-auto py-3 bg-light row border-top">
 	<div class="col mb-3">
 	</div>
 
 	<div class="col mb-3">
 		<a href="/Hilbish" class="d-flex align-items-center mb-3 link-dark text-decoration-none">
-		<img src="/Hilbish/hilbish-flower.png" alt="" height="48" class="d-inline-block align-text-top">
+			<img src="/Hilbish/hilbish-logo-and-text.png" alt="" height="48" class="d-inline-block align-text-top" style="margin-left: -20px">
 		</a>
-		<p class="text-muted">
-			Rosettea &copy; 2022
-			<br>
-			Made with <i class="fa-solid fa-heart" style="color: #f6345b;"></i>
-		</p>
-	</div>
-
-	<div class="col mb-3"></div>
-	<div class="col mb-3"></div>
-	<div class="col mb-3"></div>
-
-	<div class="col mb-3">
-		<h5>Hilbish</h5>
 		<ul class="nav flex-column">
 			<li class="nav-item mb-2"><a href="/Hilbish" class="nav-link p-0 text-muted">Home</a></li>
 			<li class="nav-item mb-2"><a href="/Hilbish/docs/faq" class="nav-link p-0 text-muted">FAQ</a></li>
@@ -29,4 +16,16 @@
 	</div>
 
 	<div class="col mb-3"></div>
+
+	<div class="col mb-3"></div>
+	<div class="col mb-3"></div>
+	<div class="col mb-3">
+		<p class="text-muted mt-4">
+			Rosettea &copy; 2022-2023
+			<br>
+			Made with <i class="fa-solid fa-heart" style="color: #f6345b;"></i>
+		</p>
+	</div>
+
+	<div class="col mb-3"></div>
 </footer>
diff --git a/website/themes/hsh/layouts/partials/header.html b/website/themes/hsh/layouts/partials/header.html
index 281b602..e8309c4 100644
--- a/website/themes/hsh/layouts/partials/header.html
+++ b/website/themes/hsh/layouts/partials/header.html
@@ -1,9 +1,8 @@
 <header>
-	<nav class="navbar navbar-expand-md sticky-top bg-light">
+	<nav class="navbar navbar-expand-md sticky-top bg-light border-bottom">
 		<div class="container-fluid">
 			<a class="navbar-brand" href="/Hilbish">
-				<img src="/Hilbish/hilbish-flower.png" alt="" height="24" class="d-inline-block align-text-top">
-				Hilbish
+				<img src="/Hilbish/hilbish-logo-and-text.png" alt="" height="48">
 			</a>
 			<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 				<span class="navbar-toggler-icon"></span>