diff --git a/404.html b/404.html
index 0a12ffa..f67d98a 100644
--- a/404.html
+++ b/404.html
@@ -15,10 +15,12 @@
 	<body>
 		<header>
 			<h1>Error 404</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -34,7 +36,7 @@
 				<p>Use the navigation above, or below to head to somewhere a little more, functional</p>
 				<ul>
 					<li><a href="/">Home</a></li>
-					<li><a href="/blog/guide-to-server-hosting.php">Guide to server hosting</a></li>
+					<li><a href="/guides/guide-to-server-hosting.php">Guide to server hosting</a></li>
 					<li><a href="/projects.html">My projects</a></li>
 				</ul>
 			</section>
diff --git a/README.md b/README.md
index 7feea1d..45a1814 100644
--- a/README.md
+++ b/README.md
@@ -15,14 +15,23 @@ semantic, accessable, and snappy.
 - Finalise Content
 - Add Pages
  - Software
- - About Me
  - OneBag
  - Design Choices (for website)
- - Recipes
-- A blog with RSS
+ - Living Room
+ - Kitchen
+ - Collectables
+- Add RSS to blog
 
 ## Release Notes
 
+### v0.8.0
+
+- Add about page
+- Add burger nav
+- Change nav links
+- Content changes
+- Seperate blog into blog/guides/recipes
+
 ### v0.7.0
 
 - Add bulk blog articles (mainly server guide)
diff --git a/about.html b/about.html
new file mode 100644
index 0000000..a86208b
--- /dev/null
+++ b/about.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<meta name="description" content="An introduction to who I am, and what I do.">
+		<meta name="author" content="Nathan (Aney) Steel">
+		<meta name="theme-color" content="white">
+		<meta name="theme-color" content="black">
+		<link rel="stylesheet" type="text/css" href="/main.css">
+		<link rel="icon" type="image/png" href="/images/favicon.svg">
+		<title>About me</title>
+	</head>
+
+	<body>
+		<header>
+			<h1>About me</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
+			<hr/>
+			<nav>
+				<a href="/">home</a>
+				<a href="/about.html">about</a>
+				<a href="/projects.html">projects</a>
+				<a href="/blog/">blog</a>
+				<a href="/sitemap.html">misc</a>
+				<a href="/support.html">support</a>
+			</nav>
+			<hr/>
+		</header>
+
+		<main>
+			<section>
+				<h2>Who are you</h2>
+				<p>I'm Aney, a developer, and self-hoster that enjoys art/design, automation, Unix, and those pesky Japanese cartoons. Yes, that's a straight up rip from the homepage, why re-invent the wheel right?</p>
+
+				<p>I set this website up as a means to share information to educate, and help people, as well as to easily point people to my answers for common questions.</p>
+
+				<h2>What do you do?</h2>
+				<p>I'm currently employed as a web developer, and I enjoy it to an extent. I love solving problems, optimising sites, and creating designs/experiences, but building the guts, not so much.</p>
+				<p>Outside of work I practise minimalism, frugalism (to an extent), and work towards Financial Independance (FI/RE). I also love the idea of OneBagging, self-sufficiency, and travelling, so these are things I'm trying to work towards.</p>
+
+				<h2>What else do you do?</h2>
+				<p>Ok sure, I'm (extremely) slowly working on the basic infrastructure, and website for <a href="https://anetwork.uk" target="_blank" rel="noopener">aNetwork</a>, a gaming community, and public game server host. I'm also working on writing <a href="/guides/">guides</a> on <a href="/guides/guide-to-server-hosting.html">server hosting</a>, and <a href="/guides/web-dev-101.html">web development</a>.</p>
+				<p>If there's ever anything else, you can find out more on my <a href="/projects.html">projects</a> page, or on my <a href="/blog/">blog</a>.</p>
+
+				<h2>What do you own?</h2>
+				<p>Following up on the minimalism, it seem you've almost got to do an "everything I own" to prove you only have 6 items in your possession. I'm not that bad, yet, but I honestly feel like that's like my little hidden goal.</p>
+				<p>I've got a few pages about this on the site, so if you do want to know, check out:</p>
+				<ul>
+					<li>My <a href="/equipment.html">hardware/tech</a></li>
+					<li>My kitchen</li>
+					<li>Living Room and Bedroom</li>
+					<li>Collectables and Sentimental</li>
+					<li>Misc</li>
+				</ul>
+
+				<h2>Why are you telling me this?</h2>
+				<p>I figured it'd make for an easy introduction for anyone who stumbles across my site.</p>
+			</section>
+		</main>
+
+		<footer>
+			<hr/>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+		</footer>
+	</body>
+</html>
+
diff --git a/blog/blog-thoughts-220822.html b/blog/blog-thoughts-220822.html
index 89db3ae..88bbbf4 100644
--- a/blog/blog-thoughts-220822.html
+++ b/blog/blog-thoughts-220822.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>Blog Thoughts</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -56,7 +58,7 @@
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/burger-menu.html b/blog/burger-menu.html
new file mode 100644
index 0000000..5459801
--- /dev/null
+++ b/blog/burger-menu.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<meta name="description" content="Burger menu, who dis? I've added a burger menu to the site, and figured I'd write a piece about it as it's currently the only 'advanced' piece of funtionality that exists here.">
+		<meta name="author" content="Nathan (Aney) Steel">
+		<meta name="theme-color" content="white">
+		<meta name="theme-color" content="black">
+		<link rel="stylesheet" type="text/css" href="/main.css">
+		<link rel="icon" type="image/png" href="/images/favicon.svg">
+		<title>Hello, Burger menu!</title>
+	</head>
+
+	<body>
+		<header>
+			<h1>Hello, Burger menu!</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
+			<hr/>
+			<nav>
+				<a href="/">home</a>
+				<a href="/about.html">about</a>
+				<a href="/projects.html">projects</a>
+				<a href="/blog/">blog</a>
+				<a href="/sitemap.html">misc</a>
+				<a href="/support.html">support</a>
+			</nav>
+			<hr/>
+		</header>
+
+		<main>
+			<section>
+				<p class="intro">On Friday 18th of November 2022, I released version 0.8.0 of this website. With that a large, and very noticable change occured. The addition of a burger menu.</p>
+
+				<h2>What is a burger menu?</h2>
+				<p>A burger menu is simply a type of navigational menu. It's typically hidden by default with just a visible icon, but when (the icon is) clicked the navigational content becomes visible, and accessible.</p>
+				<h3>Why is it called a burger menu?</h3>
+				<p>The name burger/hamburger comes from the appearance of the icon. It consists of 3 horizontal lines, ordered vertically, so at a glance it sort of looks like the top of a bun, a patty, and the bottom of a bun.</p>
+
+				<h2>Why add a burger menu?</h2>
+				<p>Simple, I wasn't a fan of how the site showed the navigational menu on mobiles. I felt it took up too much of the screen real estate, and the requirement for some users to scroll down to get to the content is terrible design. With the implimentation of the burger menu I believe the site looks much cleaner, with a better user-experience on mobiles. So an overall great success, all without losing any navigational control.</p>
+
+				<h2>CSS only</h2>
+				<p>Unlike many of the burger menus you'll spot in the wild, the burger menu on my site is written with pure CSS. It makes use of a checkbox input for toggling, so those of you with Javascript disabled can still benefit from the better user experience.</p>
+				<p>The only downside to this is in the case that CSS doesn't load, as there will be a random visible checkbox atop of the navigation.</p>
+
+				<h2>What? I don't see it?</h2>
+				<p>This could be one of two reasons, your browser isn't small enough (try resizing it), or you've got the old CSS cached. If you've got the old CSS you'll notice the random checkbox I mentioned, try hitting CTRL+F5 to perform a hard-reload.</p>
+
+				<h2>Inspiration</h2>
+				<p>Like many things, I started by googling similar implementations, and found this <a href="https://codepen.io/alvarotrigo/pen/MWEJEWG" target="_blank" rel="noopener">snippet by Alvaro</a>. I used this as the starting point, stripping it down, and making my own changes to make it work for my site in a way I liked.</p>
+			</section>
+		</main>
+
+		<footer>
+			<hr/>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+		</footer>
+	</body>
+</html>
+
diff --git a/blog/index.html b/blog/index.html
index 4800ca5..9a8b762 100644
--- a/blog/index.html
+++ b/blog/index.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>Aney's Blog</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -29,44 +31,17 @@
 		</header>
 
 		<main>
+			<section>
+				<p>You may be looking for my <a href="/guides/">guides</a>, or <a href="/recipes/">recipes</a>.</p>
+			</section>
 			<section>
 
-				<h2>Pinned</h2>
-				<ul>
-					<li><a href="/blog/guide-to-server-hosting.html">Aney's guide to server hosting</a></li>
-				</ul>
-				
 				<h2>2022</h2>
 				<ul>
+					<li><a href="/blog/burger-menu.html">Hello, Burger menu!</a> - 21/11/2022</li>
 					<li><a href="/blog/reducing-homelab.html">Reducing my Homelab</a> - 26/09/2022</li>
-					<li><a href="/blog/password-protect-webpage.html">Password protect webpages</a> - (WIP)14/09/2022</li>
-					<li><a href="/blog/nginx-proxy.html">Proxy services with Nginx</a> - (WIP)14/09/2022</li>
-					<li><a href="/blog/install-kvm-virtual-machine.html">Install a KVM Virtual Machine</a> - (WIP)14/09/2022</li>
-					<li><a href="/blog/setup-git-server.html">Setup git server</a> - 13/09/2022</li>
-					<li><a href="/blog/backup-with-cron.html">Automate Backups with Cron</a> - 26/08/2022</li>
 					<li><a href="/blog/blog-thoughts-220822.html">Blog Thoughts (Layout/Articles)</a> - 22/08/2022</li>
 					<li><a href="/blog/my-steamdeck-arrived.html">My SteamDeck Arrived!</a> - 22/08/2022</li>
-					<li><a href="/blog/server-install-debian.html">Debian Install Guide (for Server)</a> - 22/08/2022</li>
-					<li><a href="/blog/set-static-ip.html">How to set a static IP</a> - 22/08/2022</li>
-					<li><a href="/blog/vm-seperation-of-concerns.html">VM Seperation of Concerns</a> - 29/07/2022</li>
-					<li><a href="/blog/setup-kvm-bridge.html">Setup a KVM bridge</a> - 29/07/2022</li>
-					<li><a href="/blog/virsh-cheatsheet.html">Virsh Cheatsheet</a> - 29/07/2022</li>
-					<li><a href="/blog/setup-qemu-kvm.html">Install KVM for virtualisation</a> - 29/07/2022</li>
-					<li><a href="/blog/backup-with-rdiff.html">Backup files with rdiff</a> - 17/07/2022</li>
-					<li><a href="/blog/backup-with-rsync.html">Backup files with rsync</a> - 17/07/2022</li>
-					<li><a href="/blog/add-php-to-nginx.html">PHP on Nginx setup</a> - 10/06/2022</li>
-					<li><a href="/blog/sql-cheatsheet.html">SQL Cheatsheet</a> - 09/06/2022</li>
-					<li><a href="/blog/adminer-setup.html">Adminer Setup</a> - 09/06/2022</li>
-					<li><a href="/blog/backup-mysql-mariadb.html">Backing Up MySQL/MariaDB</a> - 09/06/2022</li>
-					<li><a href="/blog/install-mysql-mariadb.html">MySQL/MariaDB Setup Guide</a> - 09/06/2022</li>
-					<li><a href="/blog/nginx-web-optimisation.html">NGINX web optimisation</a> - 30/05/2022</li>
-					<li><a href="/blog/certbot-ssl.html">Setup SSL with Certbot</a> - 30/05/2022</li>
-					<li><a href="/blog/setup-nginx-website.html">How to setup an nginx website</a> - 30/05/2022</li>
-					<li><a href="/blog/nginx-install.html">How to install an nginx webserver</a> - 30/05/2022</li>
-					<li><a href="/blog/get-a-domain-name.html">How to purchase a domain name</a> - 30/05/2022</li>
-					<li><a href="/blog/add-domain-to-server.html">Link your domain name to your server</a> - 24/05/2022</li>
-					<li><a href="/blog/initial-server-setup.html">Debian Server Setup</a> - 24/05/2022</li>
-					<li><a href="/blog/guide-to-server-hosting.html">Aney's guide to server hosting</a> - 24/05/2022</li>
 				</ul>
 
 				<h2>2021</h2>
@@ -79,7 +54,7 @@
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/ive-started-a-blog.html b/blog/ive-started-a-blog.html
index 0c8604e..29c72bf 100644
--- a/blog/ive-started-a-blog.html
+++ b/blog/ive-started-a-blog.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>I've started a blog</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -46,7 +48,7 @@
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/my-steamdeck-arrived.html b/blog/my-steamdeck-arrived.html
index 3a09808..3886b20 100644
--- a/blog/my-steamdeck-arrived.html
+++ b/blog/my-steamdeck-arrived.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>My SteamDeck Arrived!</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -77,7 +79,7 @@
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/reducing-homelab.html b/blog/reducing-homelab.html
index 863b11f..e984e56 100644
--- a/blog/reducing-homelab.html
+++ b/blog/reducing-homelab.html
@@ -15,10 +15,12 @@
 	<body>
 		<header>
 			<h1>Reducing my Homelab</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -103,7 +105,7 @@
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/cv.html b/cv.html
index af53f9c..bfa079c 100644
--- a/cv.html
+++ b/cv.html
@@ -4,7 +4,6 @@
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<meta name="description" content="The course of life, employment history, and skillset of Aney.">
-		<meta name="keywords" content="Web Design, Development, Education, Job History, Hobbies">
 		<meta name="author" content="Nathan (Aney) Steel">
 		<meta name="theme-color" content="white">
 		<meta name="theme-color" content="green">
@@ -16,10 +15,12 @@
 	<body>
 		<header>
 			<h1>Aney's CV</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -31,14 +32,14 @@
 		<main>
 			<section id="about">
 				<h2>About Me</h2>
-				<p>I'm a helpful and well-mannered person that can work both alone, and as part of a team. I have a willingness to learn and I have great logical and problem-solving skills. I also aim to help people to the best of my ability, and always attempt to improve myself, and my skills wherever possible.</p>
+				<p>I'm a helpful and well-mannered person that can work both alone, and as part of a team. I have a willingness to learn, and a proficiency with post-optimisation, and problem-solving. A goal of mine is to always help people to the best of my ability, and to improve myself wherever possible.</p>
 			</section>
 
 			<section id="experience">
 				<h2>Experience/Employment History</h2>
 				<section>
 					<h3><a href="https://www.tjs.co.uk/" target="_blank" rel="noopener">TJS</a></h3>
-					<p>April 2021 - Current</p>
+					<p>April 2021 - January 2023</p>
 					<p>Position: Developer</p>
 					<p>My time at TJS online is spent developing, and maintaining both the front, and back-end of the dozens of client websites, primarily using a Symfony based stack.</p>
 					<p>Skills: <span class="tag">PHP</span> <span class="tag">Symfony</span> <span class="tag">SCSS</span> <span class="tag">Git</span> <span class="tag">Linux</span> <span class="tag">NGINX</span> <span class="tag">SEO</span></p>
@@ -47,26 +48,26 @@
 					<h3><a href="https://www.advantage-finance.co.uk/" target="_blank" rel="noopener">Advantage Finance Ltd</a></h3>
 					<p>Time: October 2018 - March 2021</p>
 					<p>Position: System Developer and Technician</p>
-					<p>I worked as part of the DevOps team at the car financing company, Advantage Finance. Whilst there I worked full-stack on the numerous bespoke systems; adding features, working on bug fixes and rewriting legacy code for both desktop and web applications. I also assumed the position of IT support, aiding with general AD and PC issues, along with assisting in the training of new starters.</p>
+					<p>I worked as part of the DevOps team at the car financing company, Advantage Finance. Whilst there I worked full-stack on the numerous bespoke systems; adding features, working on bug fixes, and rewriting legacy code for both desktop and web applications. I also assumed the position of IT support, aiding with general AD and PC issues, along with assisting in the training of new starters.</p>
 					<p>Skills: <span class="tag">VB6</span> <span class="tag">VB.net</span> <span class="tag">ASP Classic</span> <span class="tag">SVN</span> <span class="tag">SQL</span> <span class="tag">Active Directory</span></p>
 				</section>
 				<section>
 					<h3><a href="https://www.oxfam.org.uk/" target="_blank" rel="noopener">Oxfam</a></h3>
 					<p>Time: January 2014 - September 2018</p>
 					<p>Position: Volunteer</p>
-					<p>While at the renowned charity organisation’s store I handled a multitude of tasks; ranging from working the till, cash handling, tidying and stocking the shop. I was also entrusted with additional tasks such as making bank deposits, opening the store and supervising Saturday’s staff tasks. I also enjoyed holding conversations with many of the customers, helping them feel welcome in the store.</p>
+					<p>While at the renowned charity organisation’s shop I handled a multitude of tasks; ranging from working the till, cash handling, tidying and stocking the shop. I was also entrusted with additional tasks such as making bank deposits, opening the shop, and supervising Saturday’s staff. I enjoyed holding conversations with the customers, learning the familiar faces, and helping everyone feel welcom in the shop.</p>
 				</section>
 				<section>
 					<h3><a href="https://www.tesco.com/" target="_blank" rel="noopener">Tesco</a></h3>
 					<p>Time: March 2014 - April 2014</p>
 					<p>Position: Personal Picker</p>
-					<p>Whilst on the Prince's Trust I did a month’s work experience at a large Tesco store. This involved making 'picks' that were all completed without any errors or customer complaints. I also assisted a number of customers find their desired products and way around the shop.</p>
+					<p>Whilst on the Prince's Trust I did a month’s work experience at a large Tesco shop. This involved making 'picks' that were all completed without any errors or customer complaints. I also assisted a number of customers find their desired products and way around the shop.</p>
 				</section>
 				<section>
 					<h3>Lake Marketing and Events</h3>
 					<p>Time: January 2013 - December 2013</p>
 					<p>Position: (Apprentice) Graphic Designer</p>
-					<p>During my apprenticeship I designed a multitude of various prints such as posters, business cards, flyers, etc. for a wide array of local and regional businesses ranging from small start-ups to larger brands such as Subway. I also designed, and wireframed a number of websites, and aided in the development of a few; including the company's own website, and the Lincolnshire Food Festival’s using Wordpress.</p>
+					<p>During my apprenticeship I designed a multitude of various prints such as posters, business cards, flyers, etc. for a wide array of local and regional businesses ranging from small start-ups to larger brands such as <a href="https://www.subway.com/en-GB" target="_blank" rel="noopener">Subway</a>. I also designed, and wireframed a number of websites, and aided in the development of a few; including the company's own website, and the Lincolnshire Food Festival’s using Wordpress.</p>
 					<p>Skills: <span class="tag">Photoshop</span> <span class="tag">Illustrator</span> <span class="tag">Wordpress</span></p>
 				</section>
 			</section>
diff --git a/equipment.html b/equipment.html
index 2d5e590..e595968 100644
--- a/equipment.html
+++ b/equipment.html
@@ -10,16 +10,18 @@
 		<meta name="theme-color" content="black">
 		<link rel="stylesheet" type="text/css" href="/main.css">
 		<link rel="icon" type="image/png" href="/images/favicon.svg">
-		<title>Computng equipment, and Hardware</title>
+		<title>Computing equipment, and Hardware</title>
 	</head>
 
 	<body>
 		<header>
 			<h1>Aney's Hardware</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -35,8 +37,7 @@
 
 				<section id="pc">
 					<h3>Daily Driver</h3>
-					<p>Steam Deck</p>
-					<p>My everyday driver is now a SteamDeck, as I'm doing reduced work with development, and VMs at home, and instead opting for some more gaming. I've yet to use it as a laptop, so if it's non-functional for minor "out-of-office" server fixes, etc. I'll need to rethink this.</p>
+					<p>Undetermined. I'm looking for something super thin, and light that runs linux for dev, and ~3-5 VMs.</p>
 				</section>
 
 				<section id="peripherals">
@@ -64,6 +65,8 @@
 				<h2>Gaming PC</h2>
 				<p>Red, a custom built machine sporting an R5 2600X, 16GB RAM, a 500GB EVO 970 NVME, and a Vega 64. This is my only device running Windows.</p>
 				<p>I currently still have this to play Windows exclusive games/games without Linux Anti-Cheat enabled (Smite namely) with friends. Once HiRez sort their shit, it's gone.</p>
+				<h2>Steam Deck</h2>
+				<p>I also have a Steamdeck, which will 100% be my gaming PC once games I need Windows for get sorted.</p>
 			</section>
 
 			<section id="media">
@@ -88,7 +91,7 @@
 				<h2>Servers</h2>
 				<section>
 					<h3>lilman</h3>
-					<p>An HP 290 G1 MT, with an i5-7500, and 32GB RAM. This is my primary server, acting as my virtualisation host, NAS, adBlock, and media server. It also runs git, my game servers, and anything else I feel like hosting at the time. A consideration is upgrading to a 7700/7700K, but energy concerns have me thinking of switching to RPIs for a while, then rebuilding some current-gen beast in the coming years.</p>
+					<p>An HP 290 G1 MT, with an i5-7500, and 32GB RAM. This <a href="/blog/reducing-homelab.html" target="_blank">was my primary server</a>, acting as my virtualisation host, NAS, adBlock, and media server. It also runs git, my game servers, and anything else I feel like hosting at the time. A consideration is upgrading to a 7700/7700K, but UK energy issues had me switching to RPIs for a while.</p>
 				</section>
 			</section>
 
diff --git a/blog/add-domain-to-server.html b/guides/add-domain-to-server.html
similarity index 84%
rename from blog/add-domain-to-server.html
rename to guides/add-domain-to-server.html
index c46d70b..04a9d45 100644
--- a/blog/add-domain-to-server.html
+++ b/guides/add-domain-to-server.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>Link your domain name to your server</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -58,7 +60,7 @@
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/add-php-to-nginx.html b/guides/add-php-to-nginx.html
similarity index 81%
rename from blog/add-php-to-nginx.html
rename to guides/add-php-to-nginx.html
index 4131972..dfec5c4 100644
--- a/blog/add-php-to-nginx.html
+++ b/guides/add-php-to-nginx.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>Adding PHP to NGINX server</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -61,14 +63,14 @@
 				<h2>Make nginx use index.php as homepage/root</h2>
 				<p>Now we'll set nginx to load up index.php as the root of the website, if it exists. Open the site's config with an editor</p>
 				<pre><code>vim /etc/nginx/sites-available/<WEBSITE></code></pre>
-				<p>Change the index line to rad as below. This will then tell the server to load index.php, and if it doesn't exists, load index.html in it's stead</p>
-				<pre><code>index index.php index.html</code><pre>
+				<p>Change the index line to read as below. This will then tell the server to load index.php, and if it doesn't exists, load index.html in it's stead</p>
+				<pre><code>index index.php index.html</code></pre>
 			</section>
 		</main>
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/adminer-setup.html b/guides/adminer-setup.html
similarity index 82%
rename from blog/adminer-setup.html
rename to guides/adminer-setup.html
index f8c9b6a..b80c5e8 100644
--- a/blog/adminer-setup.html
+++ b/guides/adminer-setup.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>Adminer Setup</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -34,8 +36,8 @@
 				<h2>Pre-Requirements</h2>
 				<p>To run adminer, you'll need a webserver with php set up. Thankfully I'm a great guy, and have written about these topics before.</p>
 				<ul>
-					<li><a href="/blog/nginx-install.html">Nginx Webserver Setup</a></li>
-					<li><a href="/blog/add-php-to-nginx.html">PHP setup for NGINX</a></li>
+					<li><a href="/guides/nginx-install.html">Nginx Webserver Setup</a></li>
+					<li><a href="/guides/add-php-to-nginx.html">PHP setup for NGINX</a></li>
 				</ul>
 
 				<h2>Download the latest release</h2>
@@ -78,7 +80,7 @@ auth_basic_user_file /home/<USER>/.htpasswd ;</code></pre>
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/backup-mysql-mariadb.html b/guides/backup-mysql-mariadb.html
similarity index 76%
rename from blog/backup-mysql-mariadb.html
rename to guides/backup-mysql-mariadb.html
index 65f8b02..7515ff8 100644
--- a/blog/backup-mysql-mariadb.html
+++ b/guides/backup-mysql-mariadb.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>Backup MySQL/MariaDB</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -45,7 +47,7 @@
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/backup-with-cron.html b/guides/backup-with-cron.html
similarity index 88%
rename from blog/backup-with-cron.html
rename to guides/backup-with-cron.html
index 5c06530..fd368f9 100644
--- a/blog/backup-with-cron.html
+++ b/guides/backup-with-cron.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>Automating Backups with Cronjobs</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -37,7 +39,7 @@
 				<p>You can just call rsync, etc. in cron, but I recommend making a backup script (or a few) for each specific type of backup you want to make.</p>
 				<p>Create the file where-ever you want to keep them, for the sake of this, it'll be a scripts directory in your home directory</p>
 				<pre><code>vim ~/scripts/backup_script.sh</code></pre>
-				<p>And add whatever your backup scripts wants to do. If you've no idea, check out my <a href="/blog/backup-with-rsync.html" target="_blank">rsync</a>, and <a href="/blog/backup-with-rdiff.html" target="_blank">rdiff</a> articles first.</p>
+				<p>And add whatever your backup scripts wants to do. If you've no idea, check out my <a href="/guides/backup-with-rsync.html" target="_blank">rsync</a>, and <a href="/guides/backup-with-rdiff.html" target="_blank">rdiff</a> articles first.</p>
 <pre><code>rdiff-backup $DIRECTORY_TO_BACKUP $DIRECTORY_TO_BACKUP_TO
 rdiff-backup --force --remove-older-than 2W $DIRECTORY_TO_BACKUP_TO</code></pre>
 				<p>The above example will backup a directory, and remove any changes from 2 weeks ago.</p>
@@ -106,7 +108,7 @@ fi
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/backup-with-rdiff.html b/guides/backup-with-rdiff.html
similarity index 77%
rename from blog/backup-with-rdiff.html
rename to guides/backup-with-rdiff.html
index 139fa32..fe27a96 100644
--- a/blog/backup-with-rdiff.html
+++ b/guides/backup-with-rdiff.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>Backup with rdiff-backup</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -46,7 +48,7 @@
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/backup-with-rsync.html b/guides/backup-with-rsync.html
similarity index 86%
rename from blog/backup-with-rsync.html
rename to guides/backup-with-rsync.html
index f84267e..6d359e2 100644
--- a/blog/backup-with-rsync.html
+++ b/guides/backup-with-rsync.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>Backup with rsync</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -70,14 +72,14 @@
 </code></pre>
 
 				<h2>Downsides</h2>
-				<p>Rsync only keeps one copy of the data, and doesn't keep the changes that were made, making it impossible* to restore a file's contents from the day previous. If this is what you're after, look at <a href="/blog/backup-with-rdiff.html">rdiff-backup</a>.</p>
+				<p>Rsync only keeps one copy of the data, and doesn't keep the changes that were made, making it impossible* to restore a file's contents from the day previous. If this is what you're after, look at <a href="/guides/backup-with-rdiff.html">rdiff-backup</a>.</p>
 				<p>* Not impossible, as you <em>can</em> set rsync to do this, but it requires a bit of scripting, and isn't as easy as just running the program</p>
 			</section>
 		</main>
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/certbot-ssl.html b/guides/certbot-ssl.html
similarity index 85%
rename from blog/certbot-ssl.html
rename to guides/certbot-ssl.html
index ed4b57b..db1da6b 100644
--- a/blog/certbot-ssl.html
+++ b/guides/certbot-ssl.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>Setup SSL with Certbot</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -57,7 +59,7 @@
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/get-a-domain-name.html b/guides/get-a-domain-name.html
similarity index 82%
rename from blog/get-a-domain-name.html
rename to guides/get-a-domain-name.html
index 7d4e894..243ac88 100644
--- a/blog/get-a-domain-name.html
+++ b/guides/get-a-domain-name.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>Get a domain name</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -48,7 +50,7 @@
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/guide-to-server-hosting.html b/guides/guide-to-server-hosting.html
similarity index 57%
rename from blog/guide-to-server-hosting.html
rename to guides/guide-to-server-hosting.html
index 3436da8..ba83b0e 100644
--- a/blog/guide-to-server-hosting.html
+++ b/guides/guide-to-server-hosting.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>Aney' guide to server hosting</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -36,40 +38,40 @@
 
 				<h2>Basic Server setup</h2>
 				<ul>
-					<li>Get a server and <a href="/blog/server-install-debian.html">Install Debian</a></li>
-					<li><a href="/blog/initial-server-setup.html">Basic Debian Server setup (with some security)</a></li>
-					<li>TODO:<a href="/blog/get-a-domain-name.html">Get a domain name</a></li>
-					<li><a href="/blog/add-domain-to-server.html">Connect your server and domain name</a></li>
-					<li>TODO:<a href="/blog/port-forwarding.html">Port Forwarding (home server)</a></li>
+					<li>Get a server and <a href="/guides/server-install-debian.html">Install Debian</a></li>
+					<li><a href="/guides/initial-server-setup.html">Basic Debian Server setup (with some security)</a></li>
+					<li>TODO:<a href="/guides/get-a-domain-name.html">Get a domain name</a></li>
+					<li><a href="/guides/add-domain-to-server.html">Connect your server and domain name</a></li>
+					<li>TODO:Port Forwarding (home server)</li>
 				</ul>
 				<p>Now you officially own, and have setup a server. Currently all you can do is SSH into it though, so let's get some services on there</p>
 
 				<h2>Nginx Webserver</h2>
 				<p>A great first service for any server is a website, even if it's just a little page to let people know you own the server/domain name</p>
 				<ul>
-					<li><a href="/blog/nginx-install.html">Install nginx</a></li>
-					<li><a href="/blog/setup-nginx-website.html">Setup an nginx website</a></li>
-					<li><a href="/blog/certbot-ssl.html">Add an SSL certificate w/Certbot</a></li>
-					<li><a href="/blog/nginx-web-optimisation.html">TODO: Nginx web optimisation</a></li>
-					<li>TODO:<a href="/blog/add-php-to-nginx.html">(Optional) Add PHP to your webserver</a></li>
+					<li><a href="/guides/nginx-install.html">Install nginx</a></li>
+					<li><a href="/guides/setup-nginx-website.html">Setup an nginx website</a></li>
+					<li><a href="/guides/certbot-ssl.html">Add an SSL certificate w/Certbot</a></li>
+					<li><a href="/guides/nginx-web-optimisation.html">TODO: Nginx web optimisation</a></li>
+					<li>TODO:<a href="/guides/add-php-to-nginx.html">(Optional) Add PHP to your webserver</a></li>
 					<li>TODO:Guide to front-end web development</li>
 				</ul>
 
 				<h2>MariaDB Database</h2>
 				<p>A database is a great tool to store, access, and filter data. Typically used alongside a website, or other services, but can be useful standalone if you know what you're doing</p>
 				<ul>
-					<li><a href="/blog/install-mysql-mariadb.html">Install mariaDB</a></li>
-					<li>TODO:<a href="/blog/sql-cheatsheet.html">SQL cheatsheet</a></li>
-					<li>TODO:<a href="/blog/adminer-setup.html">(Optional) Adminer setup</a></li>
-					<li>TODO:<a href="/blog/backup-mysql-mariadb.html">(Optional) Backup databases</a></li>
+					<li><a href="/guides/install-mysql-mariadb.html">Install mariaDB</a></li>
+					<li>TODO:<a href="/guides/sql-cheatsheet.html">SQL cheatsheet</a></li>
+					<li>TODO:<a href="/guides/adminer-setup.html">(Optional) Adminer setup</a></li>
+					<li>TODO:<a href="/guides/backup-mysql-mariadb.html">(Optional) Backup databases</a></li>
 				</ul>
 
 				<h2>Backup your server!</h2>
 				<p>Backups are super useful. If something breaks, or gets accidentally deleted you can always use a backup to get it back</p>
 				<ul>
-					<li>TODO:<a href="/blog/backup-with-rsync.html">Backup with rsync</a></li>
-					<li>TODO:<a href="/blog/backup-with-rdiff.html">Backup with rdiff-backup</a></li>
-					<li>TODO:<a href="/blog/backup-with-cron.html">Setup backup cronjob(s)</a></li>
+					<li>TODO:<a href="/guides/backup-with-rsync.html">Backup with rsync</a></li>
+					<li>TODO:<a href="/guides/backup-with-rdiff.html">Backup with rdiff-backup</a></li>
+					<li>TODO:<a href="/guides/backup-with-cron.html">Setup backup cronjob(s)</a></li>
 				</ul>
 
 
@@ -77,24 +79,24 @@
 				<h2>Run virtual machines</h2>
 				<p>Virtual machines allow you to use your server as multiple servers at once, with different operating systems, services, files, etc. If you're self-hosting this is a great way to separate concerns, having one system for each distinct task.</p>
 				<ul>
-					<li>TODO:<a href="/blog/setup-qemu-kvm.html">Setup Qemu/KVM</a></li>
-					<li>TODO:<a href="/blog/setup-kvm-bridge.html">Setup a bridged adapter</a></li>
-					<li>TODO:<a href="/blog/install-kvm-virtual-machine.html">Install a virtual machine</a></li>
-					<li>TODO:<a href="/blog/virsh-cheatsheet.html">Virsh cheatsheet</a></li>
-					<li>TODO:<a href="/blog/vm-seperation-of-concerns">Example of Separation of Concerns (SoC)</a></li>
+					<li>TODO:<a href="/guides/setup-qemu-kvm.html">Setup Qemu/KVM</a></li>
+					<li>TODO:<a href="/guides/setup-kvm-bridge.html">Setup a bridged adapter</a></li>
+					<li>TODO:<a href="/guides/install-kvm-virtual-machine.html">Install a virtual machine</a></li>
+					<li>TODO:<a href="/guides/virsh-cheatsheet.html">Virsh cheatsheet</a></li>
+					<li>TODO:<a href="/guides/vm-seperation-of-concerns">Example of Separation of Concerns (SoC)</a></li>
 				</ul>
 
 				<h2>Additional services/potential guides</h2>
 				<p>Unless there is an anchor, these are all "TODO", and may just be omitted from this list</p>
 				<h3>Useful tidbits</h3>
 				<ul>
-					<li><a href="/blog/nginx-proxy.html">Proxy services with NGINX proxy pass</a></li>
-					<li><a href="/blog/password-protect-webpage.html">Password protect webpages</a></li>
+					<li><a href="/guides/nginx-proxy.html">Proxy services with NGINX proxy pass</a></li>
+					<li><a href="/guides/password-protect-webpage.html">Password protect webpages</a></li>
 				</ul>
 
 				<h3>Additional Services</h3>
 				<ul>
-					<li><a href="/blog/setup-git-server.html">git</a></li>
+					<li><a href="/guides/setup-git-server.html">git</a></li>
 					<li>samba</li>
 					<li>Open Media Vault</li>
 					<li>umami</li>
@@ -124,7 +126,7 @@
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/guides/index.html b/guides/index.html
new file mode 100644
index 0000000..5276c81
--- /dev/null
+++ b/guides/index.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<meta name="description" content="A collection of typically tech related guides, authored by Aney.">
+		<meta name="author" content="Nathan (Aney) Steel">
+		<meta name="theme-color" content="white">
+		<meta name="theme-color" content="black">
+		<link rel="stylesheet" type="text/css" href="/main.css">
+		<link rel="icon" type="image/png" href="/images/favicon.svg">
+		<title>Aney's Guides</title>
+	</head>
+
+	<body>
+		<header>
+			<h1>Aney's Guides</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
+			<hr/>
+			<nav>
+				<a href="/">home</a>
+				<a href="/about.html">about</a>
+				<a href="/projects.html">projects</a>
+				<a href="/blog/">blog</a>
+				<a href="/sitemap.html">misc</a>
+				<a href="/support.html">support</a>
+			</nav>
+			<hr/>
+		</header>
+
+		<main>
+			<section>
+
+				<h2>Pinned</h2>
+				<ul>
+					<li><a href="/guides/guide-to-server-hosting.html">Guide to server hosting</a></li>
+					<li><a href="/guides/web-dev-101.html">Web Development 101</a></li>
+				</ul>
+				<h2>2022</h2>
+				<ul>
+					<li><a href="/guides/webpage-to-website.html">Webpage to website</a> - 22/11/2022</li>
+					<li><a href="/guides/your-first-webpage.html">Your first webpage</a> - 18/11/2022</li>
+					<li><a href="/guides/web-dev-101.html">Web Development 101</a> - (WIP)18/11/2022</li>
+					<li><a href="/guides/password-protect-webpage.html">Password protect webpages</a> - (WIP)14/09/2022</li>
+					<li><a href="/guides/nginx-proxy.html">Proxy services with Nginx</a> - (WIP)14/09/2022</li>
+					<li><a href="/guides/install-kvm-virtual-machine.html">Install a KVM Virtual Machine</a> - (WIP)14/09/2022</li>
+					<li><a href="/guides/setup-git-server.html">Setup git server</a> - 13/09/2022</li>
+					<li><a href="/guides/backup-with-cron.html">Automate Backups with Cron</a> - 26/08/2022</li>
+					<li><a href="/guides/server-install-debian.html">Debian Install Guide (for Server)</a> - 22/08/2022</li>
+					<li><a href="/guides/set-static-ip.html">How to set a static IP</a> - 22/08/2022</li>
+					<li><a href="/guides/vm-seperation-of-concerns.html">VM Seperation of Concerns</a> - 29/07/2022</li>
+					<li><a href="/guides/setup-kvm-bridge.html">Setup a KVM bridge</a> - 29/07/2022</li>
+					<li><a href="/guides/virsh-cheatsheet.html">Virsh Cheatsheet</a> - 29/07/2022</li>
+					<li><a href="/guides/setup-qemu-kvm.html">Install KVM for virtualisation</a> - 29/07/2022</li>
+					<li><a href="/guides/backup-with-rdiff.html">Backup files with rdiff</a> - 17/07/2022</li>
+					<li><a href="/guides/backup-with-rsync.html">Backup files with rsync</a> - 17/07/2022</li>
+					<li><a href="/guides/add-php-to-nginx.html">PHP on Nginx setup</a> - 10/06/2022</li>
+					<li><a href="/guides/sql-cheatsheet.html">SQL Cheatsheet</a> - 09/06/2022</li>
+					<li><a href="/guides/adminer-setup.html">Adminer Setup</a> - 09/06/2022</li>
+					<li><a href="/guides/backup-mysql-mariadb.html">Backing Up MySQL/MariaDB</a> - 09/06/2022</li>
+					<li><a href="/guides/install-mysql-mariadb.html">MySQL/MariaDB Setup Guide</a> - 09/06/2022</li>
+					<li><a href="/guides/nginx-web-optimisation.html">NGINX web optimisation</a> - 30/05/2022</li>
+					<li><a href="/guides/certbot-ssl.html">Setup SSL with Certbot</a> - 30/05/2022</li>
+					<li><a href="/guides/setup-nginx-website.html">How to setup an nginx website</a> - 30/05/2022</li>
+					<li><a href="/guides/nginx-install.html">How to install an nginx webserver</a> - 30/05/2022</li>
+					<li><a href="/guides/get-a-domain-name.html">How to purchase a domain name</a> - 30/05/2022</li>
+					<li><a href="/guides/add-domain-to-server.html">Link your domain name to your server</a> - 24/05/2022</li>
+					<li><a href="/guides/initial-server-setup.html">Debian Server Setup</a> - 24/05/2022</li>
+					<li><a href="/guides/guide-to-server-hosting.html">Aney's guide to server hosting</a> - 24/05/2022</li>
+				</ul>
+
+			</section>
+		</main>
+
+		<footer>
+			<hr/>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+		</footer>
+	</body>
+</html>
+
diff --git a/blog/initial-server-setup.html b/guides/initial-server-setup.html
similarity index 95%
rename from blog/initial-server-setup.html
rename to guides/initial-server-setup.html
index eb9c424..d7baebd 100644
--- a/blog/initial-server-setup.html
+++ b/guides/initial-server-setup.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>Initial Server Setup</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -179,7 +181,7 @@ alias ipe="curl ifconfig.co"</code></pre>
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/install-kvm-virtual-machine.html b/guides/install-kvm-virtual-machine.html
similarity index 71%
rename from blog/install-kvm-virtual-machine.html
rename to guides/install-kvm-virtual-machine.html
index 2ee5c6a..9e9f252 100644
--- a/blog/install-kvm-virtual-machine.html
+++ b/guides/install-kvm-virtual-machine.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>Template for Blog</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -42,7 +44,7 @@
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/install-mysql-mariadb.html b/guides/install-mysql-mariadb.html
similarity index 83%
rename from blog/install-mysql-mariadb.html
rename to guides/install-mysql-mariadb.html
index 8dc1eb5..2caedd5 100644
--- a/blog/install-mysql-mariadb.html
+++ b/guides/install-mysql-mariadb.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>MySQL (actually MariaDB) Setup Guide</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -61,7 +63,7 @@ password=<PASSWORD></code></pre>
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/nginx-install.html b/guides/nginx-install.html
similarity index 76%
rename from blog/nginx-install.html
rename to guides/nginx-install.html
index c6a619d..d55ee13 100644
--- a/blog/nginx-install.html
+++ b/guides/nginx-install.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>How to install an NGINX web server</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -42,7 +44,7 @@
 sudo systemctl start nginx</code></pre>
 
 				<h2>Enable the http port</h2>
-				<p>If you have UFW installed ala the <a href="/blog/initial-server-setup.html">initial server setup</a> guide you'll need to open the http port on the server</p>
+				<p>If you have UFW installed ala the <a href="/guides/initial-server-setup.html">initial server setup</a> guide you'll need to open the http port on the server</p>
 				<pre><code>sudo ufw allow 80</code></pre>
 				<p>or</p>
 				<pre><code>sudo ufw allow http</code></pre>
@@ -63,13 +65,13 @@ sudo systemctl start nginx</code></pre>
 
 			<section>
 				<h2>Next...</h2>
-				<p><a href="/blog/setup-nginx-website.html">Setup an nginx website</a></p>
+				<p><a href="/guides/setup-nginx-website.html">Setup an nginx website</a></p>
 			</section>
 		</main>
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/nginx-proxy.html b/guides/nginx-proxy.html
similarity index 69%
rename from blog/nginx-proxy.html
rename to guides/nginx-proxy.html
index 95ce47f..6eeeea8 100644
--- a/blog/nginx-proxy.html
+++ b/guides/nginx-proxy.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>Template for Blog</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -38,7 +40,7 @@
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/nginx-web-optimisation.html b/guides/nginx-web-optimisation.html
similarity index 89%
rename from blog/nginx-web-optimisation.html
rename to guides/nginx-web-optimisation.html
index a157d5b..2f7bd60 100644
--- a/blog/nginx-web-optimisation.html
+++ b/guides/nginx-web-optimisation.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>NGINX web optimisation</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -109,7 +111,7 @@ gzip_types
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/password-protect-webpage.html b/guides/password-protect-webpage.html
similarity index 70%
rename from blog/password-protect-webpage.html
rename to guides/password-protect-webpage.html
index 0670088..af2214b 100644
--- a/blog/password-protect-webpage.html
+++ b/guides/password-protect-webpage.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>Template for Blog</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -38,7 +40,7 @@
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/server-install-debian.html b/guides/server-install-debian.html
similarity index 90%
rename from blog/server-install-debian.html
rename to guides/server-install-debian.html
index 4a405db..984c20c 100644
--- a/blog/server-install-debian.html
+++ b/guides/server-install-debian.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>Debian Install Guide for Servers</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -102,14 +104,14 @@
 				<h2>Setup Swap</h2>
 
 				<h2>Next steps</h2>
-				<p>Now that you've got a basic Debian install, you'll need to configure, and install a few things. I've written a little something, somthing like that, so check <a href="/blog/initial-server-setup.html">how to setup a new server install</a></p> 
+				<p>Now that you've got a basic Debian install, you'll need to configure, and install a few things. I've written a little something, somthing like that, so check <a href="/guides/initial-server-setup.html">how to setup a new server install</a></p> 
 
 			</section>
 		</main>
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/set-static-ip.html b/guides/set-static-ip.html
similarity index 90%
rename from blog/set-static-ip.html
rename to guides/set-static-ip.html
index c57d421..865be9b 100644
--- a/blog/set-static-ip.html
+++ b/guides/set-static-ip.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>How to set a static IP</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -84,7 +86,7 @@ iface enp2s0 inet static
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/setup-git-server.html b/guides/setup-git-server.html
similarity index 87%
rename from blog/setup-git-server.html
rename to guides/setup-git-server.html
index cd3ecad..50fb7a2 100644
--- a/blog/setup-git-server.html
+++ b/guides/setup-git-server.html
@@ -15,10 +15,12 @@
 	<body>
 		<header>
 			<h1>Git server setup</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -74,7 +76,7 @@
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/setup-kvm-bridge.html b/guides/setup-kvm-bridge.html
similarity index 87%
rename from blog/setup-kvm-bridge.html
rename to guides/setup-kvm-bridge.html
index 5851d5f..ef128f2 100644
--- a/blog/setup-kvm-bridge.html
+++ b/guides/setup-kvm-bridge.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>Setup a bridge network for KVM</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -39,7 +41,7 @@
 				<pre><code>ip a</code></pre>
 
 				<h2>Bridge it</h2>
-				<p>This will be familiar to those who have <a href="/blog/set-static-ip.html">set a static ip</a> on linux, as it's essentially the same, with a few additional lines related to bridging</p>
+				<p>This will be familiar to those who have <a href="/guides/set-static-ip.html">set a static ip</a> on linux, as it's essentially the same, with a few additional lines related to bridging</p>
 				<p>This can be done by editing <strong>/etc/network/interfaces</strong></p>
 				<pre><code>sudo vim /etc/network/interfaces</code></pre>
 				<p>And setting the following lines<p>
@@ -108,7 +110,7 @@ iface br0 inet static
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/setup-nginx-website.html b/guides/setup-nginx-website.html
similarity index 88%
rename from blog/setup-nginx-website.html
rename to guides/setup-nginx-website.html
index 162109f..e158887 100644
--- a/blog/setup-nginx-website.html
+++ b/guides/setup-nginx-website.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>How to setup an NGINX website</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -76,7 +78,7 @@
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/setup-qemu-kvm.html b/guides/setup-qemu-kvm.html
similarity index 70%
rename from blog/setup-qemu-kvm.html
rename to guides/setup-qemu-kvm.html
index 4b97581..40af569 100644
--- a/blog/setup-qemu-kvm.html
+++ b/guides/setup-qemu-kvm.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>Setup KVM/QEMU virtualisation</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -37,7 +39,7 @@
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/sql-cheatsheet.html b/guides/sql-cheatsheet.html
similarity index 82%
rename from blog/sql-cheatsheet.html
rename to guides/sql-cheatsheet.html
index 7925d31..6d89637 100644
--- a/blog/sql-cheatsheet.html
+++ b/guides/sql-cheatsheet.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>SQL Cheatsheet</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -68,7 +70,7 @@
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/virsh-cheatsheet.html b/guides/virsh-cheatsheet.html
similarity index 90%
rename from blog/virsh-cheatsheet.html
rename to guides/virsh-cheatsheet.html
index 1daac12..4bfdafb 100644
--- a/blog/virsh-cheatsheet.html
+++ b/guides/virsh-cheatsheet.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>Virsh Cheatsheet</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -100,7 +102,7 @@
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/blog/vm-seperation-of-concerns.html b/guides/vm-seperation-of-concerns.html
similarity index 88%
rename from blog/vm-seperation-of-concerns.html
rename to guides/vm-seperation-of-concerns.html
index 839d4ee..750251d 100644
--- a/blog/vm-seperation-of-concerns.html
+++ b/guides/vm-seperation-of-concerns.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>VM/Server Seperation of Concerns</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -80,7 +82,7 @@
 
 		<footer>
 			<hr/>
-			<p>Written by <a href="http://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
 		</footer>
 	</body>
 </html>
diff --git a/guides/web-dev-101.html b/guides/web-dev-101.html
new file mode 100644
index 0000000..0a46a01
--- /dev/null
+++ b/guides/web-dev-101.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<meta name="description" content="A beginners guide to front-end web development, from absolutely no knowledge, to a junior developer.">
+		<meta name="author" content="Nathan (Aney) Steel">
+		<meta name="theme-color" content="white">
+		<meta name="theme-color" content="black">
+		<link rel="stylesheet" type="text/css" href="/main.css">
+		<link rel="icon" type="image/png" href="/images/favicon.svg">
+		<title>Web Development 101. Guide to web development.</title>
+	</head>
+
+	<body>
+		<header>
+			<h1>Web Development 101</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
+			<hr/>
+			<nav>
+				<a href="/">home</a>
+				<a href="/about.html">about</a>
+				<a href="/projects.html">projects</a>
+				<a href="/blog/">blog</a>
+				<a href="/sitemap.html">misc</a>
+				<a href="/support.html">support</a>
+			</nav>
+			<hr/>
+		</header>
+
+		<main>
+			<section>
+				<p>Interested in web development, but don't know where to begin? Don't worry, I've got you covered.</p>
+
+				<h2>My guides</h2>
+				<p>For each of my guides I recommend typing out the code snippets individually instead of copy and pasting, as it'll help you remember and learn.</p>
+			</section>
+
+			<section>
+				<h2>Getting started</h2>
+				<ul>
+					<li><a href="/guides/your-first-webpage.html">Your first webpage</a></li>
+					<li><a href="/guides/webpage-to-website.html">Webpage to website</a></li>
+				</ul>
+			</section>
+
+			<section>
+				<h2>HTML</h2>
+				<ul>
+					<li>What is a tag/element?</li>
+				</ul>
+			</section>
+
+			<section>
+				<h2>CSS</h2>
+				<ul>
+					<li>What is a selector?</li>
+				</ul>
+			</section>
+
+			<section>
+				<h2>Javascript</h2>
+			</section>
+
+			<section>
+				<h2>Snippets</h2>
+			</section>
+		</main>
+
+		<footer>
+			<hr/>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+		</footer>
+	</body>
+</html>
+
diff --git a/guides/webpage-to-website.html b/guides/webpage-to-website.html
new file mode 100644
index 0000000..395b0b6
--- /dev/null
+++ b/guides/webpage-to-website.html
@@ -0,0 +1,130 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<meta name="description" content="Following on from the previous guide, this will cover creating a website from the single webpage we currently have. Links, additional design, all the shebang.">
+		<meta name="author" content="Nathan (Aney) Steel">
+		<meta name="theme-color" content="white">
+		<meta name="theme-color" content="black">
+		<link rel="stylesheet" type="text/css" href="/main.css">
+		<link rel="icon" type="image/png" href="/images/favicon.svg">
+		<title>Webpage to website</title>
+	</head>
+
+	<body>
+		<header>
+			<h1>Webpage to website</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
+			<hr/>
+			<nav>
+				<a href="/">home</a>
+				<a href="/about.html">about</a>
+				<a href="/projects.html">projects</a>
+				<a href="/blog/">blog</a>
+				<a href="/sitemap.html">misc</a>
+				<a href="/support.html">support</a>
+			</nav>
+			<hr/>
+		</header>
+
+		<main>
+			<section>
+				<p>With a <a href="/guides/your-first-webpage.html">basic webpage</a> now created, the next hurdle is to add multiple pages, and get them all linked together into a website of some sort.</p>
+
+				<h2>Create a new page</h2>
+				<p>First off we need a second page, with its own unique name. Let's call it <strong>about.html</strong>.</p>
+				<p>To quickly get this up, copy and paste the <strong>index.html</strong> file from the previous guide, and simply rename it.</p>
+
+				<h2>Link the pages</h2>
+				<p>Next up, creating our links. We're going the <em>traditional</em> route, with a navbar. So at the top of the body tag, above the other content, add the following.</p>
+<pre><code>&lt;nav&gt;
+	&lt;a href="index.html"&gt;Home&lt;/a&gt;
+	&lt;a href="about.html"&gt;About&lt;/a&gt;
+&lt;/nav&gt;</pre></code>
+
+				<p>The key part of the snippet is the <strong>anchor/a</strong> tag, as this tells the browser to create the link to the files in the hrefs.</p>
+
+				<h3>Style the navigation</h3>
+				<p>In the style tag, add the following (I recommend at the bottom of what's already there). Then give the page a reload.</p>
+<pre><code>nav{
+	background-color: white;
+	border-bottom: 1px solid gainsboro;
+	padding: 12px;
+}
+nav a{
+	padding: 12px;
+	text-decoration: none;
+	font-weight: bold;
+}
+nav a:hover{
+	background-color: black;
+	color: white;
+}</code></pre>
+
+				<p>Give each link a click to check everything's alright. Doing this you may spot the nav styling is only on one page, oops, simple mistake. To fix this you'll have to open up the other HTML file, and add the styling in there too.</p>
+
+				<h2>Make the styling global</h2>
+				<p>With multiple pages up, imagine for a second if you had 10-15 more pages. How much of a pain would changing some styling be? Even just a simple colour change would be mega annoying, and time consuming. <em>Open file, change style, save, and repeat...</em></p>
+
+				<p>Thankfully there's a simple solution to this problem, and it's actually best-practice to do this for every website!</p>
+
+				<h3>External CSS</h3>
+				<p>Our current internal stylesheet is now a hindrence as we've got multiple pages. So what we're going to do is take its content, and pop it into its own file.</p>
+
+				<h3>How</h3>
+				<p>First off, create a new file (same place as the .html files) called <strong>main.css</strong>, this will be our external stylesheet.</p>
+				<p>Next, open up one of the .html pages, and copy everything between the style tags, paste it into the CSS file, and save each file.</p>
+
+				<p>Now we've got the styling, we can get rid of the internal CSS entirely. Delete the style tags, and everything between from the .html pages, and replace them with the following snippet.</p>
+				<pre><code>&lt;link rel="stylesheet" type="text/css" href="main.css"&gt;</code></pre>
+				<p>Reload, and voila! The site looks exactly the same. It's just easier to manage now.</p>
+
+				<h2>Footer</h2>
+
+				<p>To finish things off, why not add a quick footer proclaiming our copyright of the site?</p>
+
+				<p>Add the following snippet just before the closing <code>&lt;/body&gt;</code> tag.</p>
+
+<pre><code>&lt;footer&gt;
+	&lt;p&gt;&copy; Aney 2022 | Made with &heartsuit;&lt;/p&gt;
+&lt;/footer&gt;</code></pre>
+
+				<p>And a little styling to the CSS file.</p>
+<pre><code>body{
+	display: flex;
+	flex-direction: column;
+}
+main{
+	flex: 1 0 auto;
+}
+footer{
+	background-color: black;
+	color: white;
+}</code></pre>
+
+				<p>You may notice that body has already been used in the CSS, and that's OK thanks to the cascading nature of CSS. This can become a problem if you have the same selectors scattered around though, as it can begin to override styling. To avoid this problem I recommend having just the one location for each selector. So take the new <strong>body</strong> styling, and add it to the pre-existing body styling near the top of your CSS file.</p>
+
+				<h2>We got a website</h2>
+				<p>A little bit of content here, and there. A couple of styling tweaks, and a few more pages then you've got your very first website.</p>
+
+				<p>From here there are a few different directions. You could:</p>
+				<ol>
+					<li>Follow along to the rest of my <a href="/guides/web-dev-101">web-dev 101</a></li>
+					<li>Venture to the internet and learn everything you can about web development</li>
+					<li><a href="/guides/guide-to-server-hosting.html">Setup a server</a>, pop what you've got on the worldwide web, and call it a day</li>
+				</ol>
+
+				<p>Whatever you choose to do, I offer you the best of luck.</p>
+
+			</section>
+		</main>
+
+		<footer>
+			<hr/>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+		</footer>
+	</body>
+</html>
+
diff --git a/guides/your-first-webpage.html b/guides/your-first-webpage.html
new file mode 100644
index 0000000..e90cad8
--- /dev/null
+++ b/guides/your-first-webpage.html
@@ -0,0 +1,171 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<meta name="description" content="Ever thought of building your own website from scratch? This guide covers the basics of creating a webpage, leading on to learning more about the structure, and functionality needed to create one yourself.">
+		<meta name="author" content="Nathan (Aney) Steel">
+		<meta name="theme-color" content="white">
+		<meta name="theme-color" content="black">
+		<link rel="stylesheet" type="text/css" href="/main.css">
+		<link rel="icon" type="image/png" href="/images/favicon.svg">
+		<title>Your first webpage</title>
+	</head>
+
+	<body>
+		<header>
+			<h1>Your first webpage</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
+			<hr/>
+			<nav>
+				<a href="/">home</a>
+				<a href="/about.html">about</a>
+				<a href="/projects.html">projects</a>
+				<a href="/blog/">blog</a>
+				<a href="/sitemap.html">misc</a>
+				<a href="/support.html">support</a>
+			</nav>
+			<hr/>
+		</header>
+
+		<main>
+			<section>
+				<p>In my opinion learning is done by doing, so where better to start than making your own basic webpage. This assumes you already have a text editor; you can use Notepad, Vim, etc. but if you're learning coding, I recommend <a href="https://code.visualstudio.com/" target="_blank" rel="noopender">Visual Studio Code</a></p>
+
+				<h2>Create your html file</h2>
+
+				<p>First you need to create the file where the code will reside. For this guide (and others) I recommend making a new folder/directory to put your files in. Once you've created the new directory, make a new file inside of it, naming said file <b>index.html</b> (you may need to show filetypes to rename .txt to .html. So check here for <a href="https://support.apple.com/en-az/guide/mac-help/mchlp2304/mac" target="_blank" rel="noopener">MacOS</a>, or <a href="https://knowledge.autodesk.com/support/autocad/learn-explore/caas/sfdcarticles/sfdcarticles/How-to-enable-hidden-file-extensions-in-Windows.html" target="_blank" rel="noopener">Windows</a>).</p>
+
+				<h2>Basic Boilerplate</h2>
+
+				<p>There are some default things that each webpage needs to be 'compliant' with the web, so I recommend starting each page in the same way.</p>
+
+				<p>Add the following code snippet into your file, and save.</p>
+
+<pre><code>&lt;!DOCTYPE html&gt;
+ &lt;html lang="en"&gt;
+  &lt;head&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+  &lt;/body&gt;
+&lt;/html&gt;</pre></code>
+
+				<p>Now if you double click the file it'll open a blank page in your browser (if you've got the .html extension). That's to be expected, as there's no actual content (yet).</p>
+
+				<p>Before we do get to the content, let's break down this snippet a little. The aim is to learn, not to blindly copy/paste, right?</p>
+
+				<h3>Snippet explaination</h3>
+				<p><b><code>&lt;!DOCTYPE html&gt;</code></b> a standalone tag that tells the browser what document type to expect. We're using HTML5, so it's a short and simple declaration.</p>
+				<p><b><code>&lt;html lang="en"&gt;</code></b> this element is a container for (almost) all the rest of the HTML, as it tells the browser everything inside it needs to be rendered as HTML, and which language the content is.</p>
+				<p><b><code>&lt;head&gt;</code></b> is a container for metadata (data about data), it gives the browser all the info it needs, to render the page how we want it. Anything between the <b>head</b> tags will not be <em>directly</em> shown on the webpage.</p>
+				<p><b><code>&lt;body&gt;</code></b> this is a container for the content/body of the webpage. This is where visible elements, and content is applied.</p>
+
+				<h2>Basic Content</h2>
+				<p>So now we'll add some visible content, to make a <em>real</em> webpage, and not just a blank page.</p>
+
+				<p>Between the <b>body</b> tags, we'll add a very simple introduction about ourselves. Change the content between the tags to whatever you want. I'll explain them in a later guide, but for now just play around.</p>
+<pre><code>&lt;main&gt;&lt;div class="layout-wrapper"&gt;
+	&lt;h1&gt;Hi, I'm &lt;em&gt;Aney&lt;/em&gt;&lt;/h1&gt;
+	&lt;p&gt;Welcome to my site, it's pretty cool!&lt;/p&gt;
+	&lt;h2&gt;Skills&lt;/h2&gt;
+	&lt;p&gt;I have an assortment of &lt;em&gt;skills&lt;/em&gt;, including:&lt;/p&gt;
+	&lt;ul&gt;
+		&lt;li&gt;Being swag&lt;/li&gt;
+		&lt;li&gt;Getting the bag&lt;/li&gt;
+	&lt;/ul&gt;
+	&lt;h2&gt;Portfolio&lt;/h2&gt;
+	<!-- Any image on the internet can go here -->
+	&lt;img src="https://via.placeholder.com/200x200/"&gt;
+	&lt;img src="https://via.placeholder.com/200x200/"&gt;
+	&lt;img src="https://via.placeholder.com/200x200/"&gt;
+&lt;/div&gt;&lt;/main&gt;</pre></code>
+
+				<p>Now if you refresh the webpage, tada! We have content.</p>
+
+				<h2>A little styling</h2>
+				<p>With content on the page we're done, right? However those keen eyed of you may notice it doesn't look very good, so we'll spice that up a with some basic CSS styling.</p>
+
+				<p>Between the <b>head</b> tags, we'll add the style tag, allowing us to embed the CSS into the page.</p>
+<pre><code>&lt;style&gt;
+&lt;/style&gt;</pre></code>
+
+				<h3>The CSS</h3>
+				<p>For the actual styling, add the following snippet between the <b>style</b> tags.</p>
+<pre><code>html,body{
+	height: 100%;
+}
+html{
+	font-size: 12px;
+	background: #EEE;
+	background: linear-gradient(0, #DDD 0%, #EEE 35%, #FFF 55%, #EEE 100%);
+}
+body{
+	margin: 0;
+	text-align: center;
+	font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;
+}
+.layout-wrapper{
+	margin: 0 auto;
+	padding: 4px 12px;
+	max-width: 980px;
+}
+h1{
+	font-size: 22px;
+	background-color: #10106b;
+	color: white;
+}
+/* The selector below styles em, but only if it's inside a h1 */
+h1 em{
+	color: #8cecf5;
+}
+h2{
+	font-size: 20px;
+	background-color: #020024;
+	color: white;
+}
+p{
+	font-size: 14px;
+}
+ul{
+	padding: 0;
+	list-style-position: inside;
+	list-style-type: square;
+}
+img{
+	border: 2px solid #10106b;
+	border-style: dashed;
+}
+img:hover{
+	border-color: ##6f6fa5;
+}</pre></code>
+
+				<p>Note how we specify the name of the HTML tags in the CSS. They're a direct one-to-one, so adding styling to ul in the CSS, changes the appearance of ul in the HTML.</p>
+
+				<h4>Customise your site</h4>
+				<p>I've intentionally made the styling <em>"cool"</em> and <em>experimental</em> for those unfamiliar with CSS. That means that there should be some wiggle room for you to figure out, and mess around with it, to find something you like.</p>
+
+				<p>If you're unsure about the #10106b, etc. they're colours, take a quick look <a href="https://www.google.com/search?q=hex+colour+picker&rlz=1C1CHBF_enGB948GB948&oq=hex&aqs=chrome.2.69i57j0i131i433i512l2j46i433i512j0i131i433i512j69i61l3.3688j0j7&sourceid=chrome&ie=UTF-8" target="_blank" rel="noopener" >here</a>.</p>
+
+				<h2>Page title</h2>
+
+				<p>You know those titles that show at the top of your browser/in tabs? We're going to add that in.</p>
+
+				<p>Between the head tags, and above the style tag add the following.</p>
+
+				<pre><code>&lt;title&gt;My website&lt;/title&gt;</pre></code>
+
+				<p>Reload your webpage and you should spot it. It doesn't show on the page itself, but it will show in your browser tab (hover over it if it doesn't all fit).</p>
+
+				<h2>It's done!</h2>
+				<p>Your first webpage is official complete. Before you start applying for jobs in the field, I do recommend looking at the rest of my <a href="/guides/web-dev-101.html">Web Development 101</a> guide. This will cover the most common elements, more CSS styling, a little Javascript for client-side scripting, and a few additional snippets.</p>
+			</section>
+		</main>
+
+		<footer>
+			<hr/>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+		</footer>
+	</body>
+</html>
+
diff --git a/index.html b/index.html
index c511b0e..3b23144 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,6 @@
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<meta name="description" content="The homepage for anyone finding Aney's small, self-hosted network/homelab">
-		<meta name="keywords" content="Self-hosted, Homepage, HTML, CSS">
 		<meta name="author" content="Nathan (Aney) Steel">
 		<meta name="theme-color" content="white">
 		<meta name="theme-color" content="black">
@@ -16,10 +15,12 @@
 	<body>
 		<header>
 			<h1>Aney's Network</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -36,21 +37,16 @@
 				<h3>What this, then?</h3>
 				<p>It's my little place on the world wide web. It serves the purpose of being a one-stop location I can refer people to when they ask things, like:</p>
 				<ul>
-					<li>Who are you?</li>
+					<li><a href="/about.html">Who are you?</a></li>
 					<li><a href="/equipment.html">What hardware do you use?</a></li>
-					<li>How about software?</li>
-					<li>What's in your OneBag?</li>
-					<li>Why does your website look like that?</li>
-					<li>Anime recommendations?</li>
-					<li><a href="/blog/guide-to-server-hosting.html">How can I setup a server?</a></li>
+					<li><a href="/blog/reducing-homelab.html">Why are your servers down?</a></li>
+					<li><a href="/guides/guide-to-server-hosting.html">How can I setup a server?</a></li>
+					<li><a href="/cv.html#contact">Can I hire you?</a></li>
 				</ul>
 
 				<h3>Where are the pictures?</h3>
 				<p>I've written this website with the intention to keep it minimal, quick, small, and easily self-hosted. I decided that there was little reason to bloat the pages with images, that add little value, as all they will do is prevent people with poor internet from visiting.</p>
 
-				<h3>What else do you do?</h3>
-				<p>I'm currently working on the basic infrastructure, and website for <a href="https://anetwork.uk" target="_blank" rel="noopener">aNetwork</a>, a gaming community, and public game server host. If there's ever anything else, you can find out more on my <a href="/projects.html">projects</a> page, or on my <a href="/blog/">blog</a>.</p>
-
 				<h3>Wow! You're so cool, how can I support you?</h3>
 				<p>Thanks, although I disagree.</p>
 				<p>You can support me by sharing any posts, and/or pages you enjoy to your friends, or by donating to me via my <a href="/support.html">Support page</a>.</p>
diff --git a/main.css b/main.css
index 63df49c..db1ced0 100644
--- a/main.css
+++ b/main.css
@@ -1,73 +1,88 @@
-html,body { height:100% }
-html { font-size:14px }
-body {
-margin:.2rem;
-max-width:48rem;
-padding:0 .62rem;
-font:1.2rem/1.62 sans-serif
-}
-nav>a {
+html,body{height:100%}
+html{font-size:14px}
+header{position:relative}
+header hr{display:none}
+body{
+max-width:54rem;
+margin:.2rem;padding:0 .62rem;
+font:1.2rem/1.62 sans-serif;
+display:-webkit-flex;display:-ms-flexbox;display:flex;
+flex-direction:column}
+main{flex:1 0 auto}
+nav>a{
 padding:.2rem 0;
 display:block;
-border-top:1px dotted #000
-}
-nav>a:first-child {border:none}
+border-top:1px dotted #000}
+nav>a:first-child{border:none}
 
-h1,h2,h3,h4,h5,h6 { line-height:1 }
-header h1 { margin: 1.4rem auto 1.2rem }
+h1,h2,h3,h4,h5,h6{line-height:1}
+header h1{margin:1.4rem 52px 1.2rem auto}
 
-a { text-decoration:none }
-a:link,a:visited { color:#087CA7 }
-a:hover,a:visited:hover { color:#09B2DC }
+a{text-decoration:none}
+a:link,a:visited{color:#087CA7}
+a:hover,a:visited:hover{color:#09B2DC}
 
-ul {
-padding-left:0; margin-left:0;
-list-style-position:inside
-}
-ul li{ margin: 0.35rem }
-li>ul { margin-left:1em }
+ul{padding-left:0;margin-left:0;list-style:inside}
+ul li{margin:.35rem}
+li>ul{margin-left:1em}
 
-.tag {
-font-size:.8rem;
+.tag{
+font-size:.8rem;vertical-align:middle;
 padding:.2rem;border-radius:.33rem;
-background-color:#191919;color:#FFF;
-vertical-align:middle
-}
-
+background:#191919;color:#FFF}
 pre{
-background-color: #191919;color: #FFF;
-white-space: pre-wrap;overflow-x: auto;
-padding: 12px; border: 1px solid #FFF;
-}
+background:#191919;color:#FFF;
+white-space:pre-wrap;overflow-x:auto;
+padding:12px;border:1px solid #FFF}
+.page-nav{
+float:right;
+padding:14px;border:1px solid;
+margin:1.4rem;margin-right:auto}
+footer p{margin:0}
 
-table{text-align: left;width: 100%;border-collapse: collapse}
-td, th{border: 1px solid #222;padding: 9px 6px}
-th{padding: 12px;color: white}
-thead th{ background-color: #191919 }
-tbody th{ background-color: #292929 }
-tr:nth-child(even){ background-color: #FEFEFE }
-tr:hover{ background-color: #DEDEDE }
+table{text-align:left;width:100%;border-collapse:collapse}
+td,th{border:1px solid #222;padding:9px 6px}
+th{padding:12px;color:#FFF}
+thead th{background:#191919}
+tbody th{background:#292929}
+tr:nth-child(even){background:#FEFEFE}
+tr:hover{background:#DEDEDE}
 
-footer p { margin:0 }
-body {
-display:-webkit-flex;display:-ms-flexbox;display:flex;
-flex-direction:column
-}
-main { flex:1 0 auto }
+.burger-container{
+position:absolute;height:24px;width:30px;
+cursor:pointer;top:34px;right:10px}
+#burger-toggle,#burger-toggle~nav{display:none}
+.burger,.burger::after,.burger::before{
+position:absolute;background:#000;
+height:4px;width:30px;border-radius:2px;content:"";
+transition:transform 300ms cubic-bezier(.4,1,.5,1)}
+.burger::before{margin-top:-8px}
+.burger::after{margin-top:8px}
+#burger-toggle:checked~nav{display:block}
+#burger-toggle:checked+.burger-container .burger::before{margin-top:0;transform:rotate(45deg)}
+#burger-toggle:checked+.burger-container .burger::after{margin-top:0;transform:rotate(-45deg)}
+#burger-toggle:checked+.burger-container .burger{background:rgba(255,255,255,0)}
 
-@media print {body {max-width:none}}
-
-@media (min-width: 600px) {
-body { margin:.2rem auto; }
-nav>a { margin-left:2rem; padding: auto; display: inline; border: none }
-nav>a:first-child { padding:1rem 0; padding-left:0; margin-left:0 }
-ul li{ margin: auto }
+@media print{body{max-width:none}}
+@media(min-width:720px){
+ body{margin:.2rem auto}
+ nav>a{margin-left:2rem;padding:auto;display:inline;border:none}
+ nav>a:first-child{padding:1rem 0;margin-left:0}
+ ul li{margin:auto}
+ .burger-container{display:none}
+ #burger-toggle~nav,header hr{display:block}
+}
+@media(max-width:320px){
+ #burger-toggle~nav{display:block}
+ .burger-container{display:none}
+ header h1{margin-right:auto}
 }
-@media (prefers-color-scheme: dark) {
-body { color:#FFF; background:#191919 }
-a:link,a:visited {color:#9CF}
-a:hover,a:visited:hover {color:#DA4167}
-nav>a { border-color:#FFF }
-.tag {background-color:#FFF;color:#000}
+@media(prefers-color-scheme:dark){
+ body{color:#FFF;background:#191919}
+ a:link,a:visited{color:#9CF}
+ a:hover,a:visited:hover{color:#DA4167}
+ nav>a{border-color:#FFF}
+ .tag{background:#FFF;color:#000}
+ .burger,.burger::after,.burger::before{background:#FFF}
 }
 
diff --git a/projects.html b/projects.html
index 57366ca..4269f9d 100644
--- a/projects.html
+++ b/projects.html
@@ -4,7 +4,6 @@
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<meta name="description" content="A collection of current, previous, and future (mostly software) projects.">
-		<meta name="keywords" content="Projects, Portfolio">
 		<meta name="author" content="Nathan (Aney) Steel">
 		<meta name="theme-color" content="white">
 		<meta name="theme-color" content="black">
@@ -16,10 +15,12 @@
 	<body>
 		<header>
 			<h1>Aney's Projects</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -31,7 +32,7 @@
 		<main>
 			<section id="projects">
 				<h2>Current Projects</h2>
-				<p>Here to hold me accountable, as I cannot finish things</p>
+				<p>Here to hold me accountable, as I cannot finish my own projects</p>
 
 				<section id="website">
 					<h3><a href="https://aney.co.uk" target="_blank" rel="noopener">Personal Website</a></h3>
diff --git a/recipes/index.html b/recipes/index.html
new file mode 100644
index 0000000..99c7055
--- /dev/null
+++ b/recipes/index.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<meta name="description" content="A collection of recipes used, written, and altered by Aney. Bone jaw, I'm the chef.">
+		<meta name="author" content="Nathan (Aney) Steel">
+		<meta name="theme-color" content="white">
+		<meta name="theme-color" content="black">
+		<link rel="stylesheet" type="text/css" href="/main.css">
+		<link rel="icon" type="image/png" href="/images/favicon.svg">
+		<title>Aney's Recipes</title>
+	</head>
+
+	<body>
+		<header>
+			<h1>Aney's Recipes</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
+			<hr/>
+			<nav>
+				<a href="/">home</a>
+				<a href="/about.html">about</a>
+				<a href="/projects.html">projects</a>
+				<a href="/blog/">blog</a>
+				<a href="/sitemap.html">misc</a>
+				<a href="/support.html">support</a>
+			</nav>
+			<hr/>
+		</header>
+
+		<main>
+			<section>
+				<p>A collection of recipes I use, mostly budget oriented, but always tastee.</p>
+			</section>
+			<section>
+				<ul>
+					<li><a href="/recipes/woky-beef-stew.html">Woky Beef Stew</a></li>
+				</ul>
+			</section>
+		</main>
+
+		<footer>
+			<hr/>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+		</footer>
+	</body>
+</html>
+
diff --git a/recipes/woky-beef-stew.html b/recipes/woky-beef-stew.html
new file mode 100644
index 0000000..5e19caa
--- /dev/null
+++ b/recipes/woky-beef-stew.html
@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<meta name="description" content="A simple, filling, and tasty beef stew cooked in a wok.">
+		<meta name="author" content="Nathan (Aney) Steel">
+		<meta name="theme-color" content="white">
+		<meta name="theme-color" content="black">
+		<link rel="stylesheet" type="text/css" href="/main.css">
+		<link rel="icon" type="image/png" href="/images/favicon.svg">
+		<title>Woky Beef Stew</title>
+	</head>
+
+	<body>
+		<header>
+			<h1>Woky Beef Stew</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
+			<hr/>
+			<nav>
+				<a href="/">home</a>
+				<a href="/about.html">about</a>
+				<a href="/projects.html">projects</a>
+				<a href="/blog/">blog</a>
+				<a href="/sitemap.html">misc</a>
+				<a href="/support.html">support</a>
+			</nav>
+			<hr/>
+		</header>
+
+		<main>
+			<aside class="page-nav">
+				<ul>
+					<li><a href="#requirements">Requirements</a></li>
+					<li><a href="#ingredients">Ingredients</a></li>
+					<li><a href="#preperation">Preperation</a></li>
+					<li><a href="#instructions">Instructions</a></li>
+				</ul>
+			</aside>
+			<section>
+				<p>This is an incomplete recipe, as I still need to get the seasonings down. Feel free to use, but just note it's not in its entirety.</p>
+			</section>
+			<section>
+				<h2 id="requirements">Requirements</h2>
+				<p>Time: ~1.5 hours</p>
+				<ul>
+					<li>Measuring jug</li>
+					<li>Wok</li>
+					<li>Wooden Spoon</li>
+					<li>(Chef's) Knife</li>
+					<li>Cutting Board</li>
+					<li>Tinfoil, or lid for wok</li>
+					<li>Bowl</li>
+				</ul>
+			</section>
+			<section>
+				<h2 id="ingredients">Ingredients</h2>
+				<p>These are the ingredients for two adult portions</p>
+				<ul>
+					<li>200g (Stewing) Steak (Diced)</li>
+					<li>1 Potato (Diced)</li>
+					<li>~1.5 Carrot (Sliced)</li>
+					<li>.5 Onion (Sliced)</li>
+					<li>.5 celery stalk (Sliced)</li>
+					<li>2 tsp Corn starch (mixed with water)</li>
+					<li>~75g Peas (Frozen or not)</li>
+					<li>~75g Corn (Frozen or not)</li>
+					<li>1.5 tbsp tomato puree</li>
+					<li>.5 tin chopped tomatos</li>
+					<li>300ml (boiling) water</li>
+					<li>1 beef/vegetable stock cube</li>
+				</ul>
+				<h3>Seasonings</h3>
+				<ul>
+					<li>1 tsp Salt</li>
+					<li>1 tsp Oregano</li>
+					<li>.5 tsp Basil</li>
+					<li>1 tsp Paprika</li>
+					<li>1 tsp Cinnamon</li>
+					<li>1 tsp Sugar</li>
+					<li>.5 tsp Turmeric</li>
+					<li>1 Garlic clove (Bashed)</li>
+				</ul>
+			</section>
+			<section>
+				<h2 id="preperation">Preperation</h2>
+				<p>Chop the ingredients as stated in the ingredients section.</p>
+				<p>Add stock cube(s) into the measuring jug, then fill with the boiling water. Mix until disolved little.</p>
+				<p>Add cornstarch into a mug/bowl with a little cold water and mix until a paste.</p>
+			</section>
+			<section>
+				<h2 id="instructions">Instructions</h2>
+				<ol>
+					<li>
+						<h3>Brown the beef/steak</h3>
+						<p><em>5-10 minutes</em></p>
+						<p>Add the wok to the stove, and set to a high heat for a few minutes.</p>
+						<p>Add a splash of oil, then the meat.</p>
+						<p>Allow the meat to brown on all sides, 'stirring' occassionally.</p>
+						<p>Once browned drain the fat.</p>
+					</li>
+					<li>
+						<h3>Add the flavour (and celery)</h3>
+						<p><em>3-5 minutes</em></p>
+						<p>Add the onion, celery, seasonings, and puree to the wok.</p>
+						<p>Stir thoroughly so that the puree and seasoning covers everything.</p>
+						<p>Slowly stir-fry for 1-3 minutes.</p>
+					</li>
+					<li>
+						<h3>Add the liquids</h3>
+						<p><em>15-20 minutes</em></p>
+						<p>Add the chopped tomatos, and the stock to the wok.<p> 
+						<p>Mix the contents together.</p>
+						<p>Season to taste with salt/pepper. If unsure, just leave it as is.</p>
+						<p>Bring to a boil, then reduce the stoves heat.</p>
+						<p>Cover the wok with a lid, or some tinfoil, and leave to sit for 15-20 minutes.</p>
+					</li>
+					<li>
+						<h3>Add large veg</h3>
+						<p><em>20-25 minutes</em></p>
+						<p>Add the cornstarch mixture to the stew, and mix through.</p>
+						<p>Add the carrot, and potato to the wok.</p>
+						<p>Bring the stew back to a boil, then reduce the heat.</p>
+						<p>Re-cover the wok and leave for 20-25 minutes.</p>
+					</li>
+					<li>
+						<h3>Add small veg</h3>
+						<p><em>10-15 minutes</em></p>
+						<p>Add the peas, and corn, and mix through the stew.</p>
+						<p>Re-cover the wok again, and leave for another 10-15 minutes.</p>
+					</li>
+					<li>
+						<h3>Simmer or serve</h3>
+						<p><em>0-60 minutes</em></p>
+						<p>The stew should be good to serve now, however if you'd like it a little thicker, or the beef/veg a little softer then leave to simmer for up to an hour.</p>
+					</li>
+				</ol>
+			</section>
+		</main>
+
+		<footer>
+			<hr/>
+			<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
+		</footer>
+	</body>
+</html>
+
diff --git a/robots.txt b/robots.txt
index cd97830..67cbce8 100644
--- a/robots.txt
+++ b/robots.txt
@@ -4,5 +4,5 @@ Disallow: /files/
 User-agent: *
 Allow: *
 
-#Sitemap: https://www.aney.co.uk/sitemap.xml
+Sitemap: https://aney.co.uk/sitemap.xml
 
diff --git a/sitemap.html b/sitemap.html
index 8cc2779..fb1cba5 100644
--- a/sitemap.html
+++ b/sitemap.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>Aney's Sitemap</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -32,6 +34,7 @@
 			<section>
 				<ul>
 					<li><a href="/">home</a></li>
+					<li><a href="/about.html">about</a></li>
 					<li><a href="/equipment.html">equipment</a></li>
 					<li><a href="/projects.html">projects</a></li>
 					<li><a href="/sitemap.html">sitemap/misc</a></li>
@@ -49,6 +52,8 @@
 							<li><a href="/blog/ive-started-a-blog.html">I've started a blog</a></li>
 						</ul>
 					</li>
+					<li><a href="/guides/">guides</a></li>
+					<li><a href="/recipes/">recipes</a></li>
 				</ul>
 			</section>
 		</main>
diff --git a/sitemap.xml b/sitemap.xml
index 7a8184f..f989e24 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -4,90 +4,234 @@
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
             http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
+<!-- created with Free Online Sitemap Generator www.xml-sitemaps.com -->
+
+
 <url>
   <loc>https://aney.co.uk/</loc>
-  <lastmod>2022-05-30T11:48:21+00:00</lastmod>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
   <priority>1.00</priority>
 </url>
 <url>
-  <loc>https://aney.co.uk/equipment</loc>
-  <lastmod>2022-05-24T14:21:37+00:00</lastmod>
+  <loc>https://aney.co.uk/about</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
   <loc>https://aney.co.uk/projects</loc>
-  <lastmod>2022-05-24T14:21:37+00:00</lastmod>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
   <loc>https://aney.co.uk/blog/</loc>
-  <lastmod>2022-05-30T10:15:28+00:00</lastmod>
+  <lastmod>2022-11-21T09:35:03+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
   <loc>https://aney.co.uk/sitemap</loc>
-  <lastmod>2022-05-24T14:21:37+00:00</lastmod>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
   <loc>https://aney.co.uk/support</loc>
-  <lastmod>2022-05-24T14:21:37+00:00</lastmod>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
-  <loc>https://aney.co.uk/blog/guide-to-server-hosting</loc>
-  <lastmod>2022-05-30T09:58:27+00:00</lastmod>
+  <loc>https://aney.co.uk/equipment</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
-  <loc>https://aney.co.uk/blog/nginx-web-optimisation</loc>
-  <lastmod>2022-05-30T10:18:11+00:00</lastmod>
-  <priority>0.64</priority>
+  <loc>https://aney.co.uk/blog/reducing-homelab</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.80</priority>
 </url>
 <url>
-  <loc>https://aney.co.uk/blog/certbot-ssl</loc>
-  <lastmod>2022-05-30T10:15:28+00:00</lastmod>
+  <loc>https://aney.co.uk/guides/guide-to-server-hosting</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/cv</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>https://aney.co.uk/blog/setup-nginx-website</loc>
-  <lastmod>2022-05-30T09:58:27+00:00</lastmod>
+  <loc>https://aney.co.uk/guides/web-dev-101</loc>
+  <lastmod>2022-11-18T12:48:36+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>https://aney.co.uk/blog/nginx-install</loc>
-  <lastmod>2022-05-30T09:58:27+00:00</lastmod>
+  <loc>https://aney.co.uk/recipes/</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>https://aney.co.uk/blog/get-a-domain-name</loc>
-  <lastmod>2022-05-30T09:58:27+00:00</lastmod>
+  <loc>https://aney.co.uk/blog/burger-menu</loc>
+  <lastmod>2022-11-21T09:35:03+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>https://aney.co.uk/blog/add-domain-to-server</loc>
-  <lastmod>2022-05-25T08:36:42+00:00</lastmod>
+  <loc>https://aney.co.uk/blog/blog-thoughts-220822</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>https://aney.co.uk/blog/initial-server-setup</loc>
-  <lastmod>2022-05-26T09:30:39+00:00</lastmod>
+  <loc>https://aney.co.uk/blog/my-steamdeck-arrived</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
   <loc>https://aney.co.uk/blog/ive-started-a-blog</loc>
-  <lastmod>2022-05-24T15:22:25+00:00</lastmod>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
   <loc>https://aney.co.uk/websites</loc>
-  <lastmod>2022-05-24T14:21:37+00:00</lastmod>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>https://aney.co.uk/cv</loc>
-  <lastmod>2022-05-24T14:21:37+00:00</lastmod>
+  <loc>https://aney.co.uk/guides/server-install-debian</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/initial-server-setup</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/get-a-domain-name</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/add-domain-to-server</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/nginx-install</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/setup-nginx-website</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/certbot-ssl</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/nginx-web-optimisation</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/add-php-to-nginx</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/install-mysql-mariadb</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/sql-cheatsheet</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/adminer-setup</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/backup-mysql-mariadb</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/backup-with-rsync</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/backup-with-rdiff</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/backup-with-cron</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/setup-qemu-kvm</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/setup-kvm-bridge</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/install-kvm-virtual-machine</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
   <priority>0.64</priority>
 </url>
-</urlset>
+<url>
+  <loc>https://aney.co.uk/guides/virsh-cheatsheet</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/vm-seperation-of-concerns</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/nginx-proxy</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/password-protect-webpage</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/setup-git-server</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/your-first-webpage</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.51</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/guides/set-static-ip</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.51</priority>
+</url>
+<url>
+  <loc>https://aney.co.uk/recipes/woky-beef-stew</loc>
+  <lastmod>2022-11-18T12:24:40+00:00</lastmod>
+  <priority>0.51</priority>
+</url>
+
 
+</urlset>
\ No newline at end of file
diff --git a/support.html b/support.html
index f1eb8be..1a6e0e0 100644
--- a/support.html
+++ b/support.html
@@ -4,7 +4,6 @@
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<meta name="description" content="A collection of methods you can use to support, and help finance Aney's projects">
-		<meta name="keywords" content="donate, support, funding">
 		<meta name="author" content="Nathan (Aney) Steel">
 		<meta name="theme-color" content="white">
 		<meta name="theme-color" content="black">
@@ -16,10 +15,12 @@
 	<body>
 		<header>
 			<h1>Support Me</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -35,13 +36,23 @@
 
 			<section>
 				<h2>Ko-fi</h2>
-				<p><a href="https://ko-fi.com/siraney" target="_blank" rel="noopener">Donate me a hot choccy</a></a>
+				<p>Donate with <a href="https://ko-fi.com/siraney" target="_blank" rel="noopener">Ko-fi</a></a>
 
 				<h2>BAT (Brave)</h2>
-				<p>If you use the Brave browser, this site is setup to accept BAT.</p>
+				<p>If you use the Brave browser, this site is setup to accept BAT. Press the triangle in the search bar.</p>
 
-				<h2><del>Liberapay</del></h2>
-				<p>I've yet to set this up, but when I do I'll likely push this.</p>
+				<h2>Liberapay</h2>
+				<p>Donate with <a href="https://liberapay.com/aney/donate" target="_blank" rel=noopener">Liberapay</a></p>
+			</section>
+
+			<section>
+				<h2>What the money do?</h2>
+				<p>Your contribution will go towards:</p>
+				<ul>
+					<li>Purchases, such as hosting, domains, hardware, etc.</li>
+					<li>Funding the time it takes to write articles, and guides</li>
+					<li>Any projects I am currently working on</li>
+				</ul>
 			</section>
 		</main>
 
diff --git a/websites.html b/websites.html
index 4547df4..5a8d8e1 100644
--- a/websites.html
+++ b/websites.html
@@ -16,10 +16,12 @@
 	<body>
 		<header>
 			<h1>Aney's Favourite Sites</h1>
+			<input id="burger-toggle" type="checkbox"/>
+			<label class="burger-container" for="burger-toggle"><div class="burger"></div></label>
 			<hr/>
 			<nav>
 				<a href="/">home</a>
-				<a href="/equipment.html">equipment</a>
+				<a href="/about.html">about</a>
 				<a href="/projects.html">projects</a>
 				<a href="/blog/">blog</a>
 				<a href="/sitemap.html">misc</a>
@@ -58,7 +60,6 @@
 					<li><a href="https://lukesmith.xyz" target="_blank" rel="noopener">luksmith.xyz</a></li>
 					<li><a href="https://drewdevault.com" target="_blank" rel="noopener">drewdevault.com</a></li>
 					<li><a href="https://danluu.com/" target="_blank" rel="noopener">danluu.com</a></li>
-					<li><a href="https://uglyduck.ca/" target="_blank" rel="noopener">uglyduck.ca</a></li>
 					<li><a href="https://1mb.club/" target="_blank" rel="noopener">1mb.club</a></li>
 					<li><a href="https://seirdy.one/" target="_blank" rel="noopener">seirdy.one</a></li>
 					<li><a href="https://jeremymaluf.com/" target="_blank" rel="noopener">jeremymaluf.com</a></li>
