docs: remove toc and image alignment

README.md

@@ -1,4 +1,4 @@
-<img src="./assets/hilbish-flower.png" width=128><img src="./assets/hilbish-text.png" width=256><br>
+<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>
@@ -19,15 +19,9 @@ 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>
 

website/content/_index.md

@@ -12,7 +12,7 @@ description: 'Something Unique. Hilbish is the new interactive shell for Lua fan
 			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,6 +108,20 @@ 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

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.

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:

website/themes/hsh/layouts/_default/doc.html

@@ -37,7 +37,7 @@
 		</div>
 	</nav>
 
-	<container class="col mt-2" style="padding-left: 15px; padding-right: 15px">
+	<container class="col mt-2" style="padding-left: 20px; padding-right: 20px;">
 		<div>
 			<h1>{{ .Title }}</h1>
 			<p><em>

website/themes/hsh/layouts/index.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 <div>
-	<main style="padding-left: 20px; padding-right: 20px; padding-top: 15px; max-width: 80em; margin: auto;">
+	<main style="padding-left: 20px; padding-right: 20px; padding-top: 15px; max-width: 84em; margin: auto;">
 		{{.Content}}
 	</main>
 </div>

website/themes/hsh/layouts/partials/footer.html

@@ -4,21 +4,8 @@
 
 	<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>

website/themes/hsh/layouts/partials/header.html

@@ -2,8 +2,7 @@
 	<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>