Add #main ID to main on each page

This is so the skip to content has a target to skip to

404.html

@@ -30,7 +30,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<h2>You broke the internet</h2>
 				<p>This page probably doesn't exist, but if it's supposed to a developer will be looking into why it's borked.</p>

about.html

@@ -30,7 +30,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="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>

blog/blog-thoughts-220822.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p class="intro">I've been having some thoughts about potential changes to the blog, including layouts, moving existing content, and such.</p>
 

blog/burger-menu.html

@@ -30,7 +30,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="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>
 

blog/index.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p>You may be looking for my <a href="/guides/">guides</a>, or <a href="/recipes/">recipes</a>.</p>
 			</section>

blog/ive-started-a-blog.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p>To preface, I am not an author. In fact my skill with the pen was much more proficient when I was a youngling, but alas I have returned to write.</p>
 				<h2>Why?</h2>

blog/my-steamdeck-arrived.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p class="intro">The title does not decieve you, my SteamDeck has in fact arrived! Well actually it arrived on the 15th of August, and I've been using it since.</p>
 

blog/reducing-homelab.html

@@ -30,7 +30,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p>Homelabbing, and with it self-hosting, has been a great exploration into server maintance, dabbling with new technologies, and has overall (sometimes it's been a hassle, but it comes with the territory) been an enjoyable little hobby.</p>
 				<p>As the title implies, however, I have reduced the amount of services, and horsepower in my homelab, at least for the time being, starting from 24/09/2022.</p>

cv.html

@@ -30,7 +30,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="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 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>

equipment.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<h2>My everyday tech</h2>
 				<p>This is what I use basically every day. It's either at my desk, in my bag, or within arms reach.</p>

guides/add-domain-to-server.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p class="intro">To avoid needing to remember an IP, this guide will help to link your domain name to your server.</p>
 				<h2>Login to your domain name registrar</h2>

guides/add-php-to-nginx.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p class="intro">PHP is one of the highest used programming languages for websites, and it allows you to add practically any functionality you'd ever want to your sites.</p>
 

guides/adminer-setup.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p>Adminer is a simple front-end for your database server that can be access through the browser</p>
 				<h2>Pre-Requirements</h2>

guides/backup-mysql-mariadb.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p>A database if a huge part of many projects, services, and servers. If something goes wrong, data is wrongly updated/deleted there could be many problems. Thankfully we can make backups to make sure our data is safe.</p>
 				<h2>Manual Backup of a DB</h2>

guides/backup-with-cron.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p class="intro">Backups are wonderful things that save hours upon hours of work, and stress, so long as they're actually made in the first place!</p>
 				<p>Automatically taking backups allows for peace of mind that your work won't be lost forever whilst you go about your normal workflow..</p>

guides/backup-with-rdiff.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p class="intro">Like rsync, rdiff-backup is a tool used for incremental backups. Unlike rsync however, rdiff keeps the most-recent file change, along with any previous changes, deletions, etc.</p>
 				<h2>Install</h2>

guides/backup-with-rsync.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p class="intro">Rsync is a program that allows for incremental backups. This means that rsync will not create an additional copy of the data when backing up, it will only backup changes to the files/directories, saving bandwidth and storage space.</p>
 

guides/certbot-ssl.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p>An SSL certificate is used to secure a domain, preventing people from seeing many things, including those entered into forms (username, password, etc.).</p>
 				<h2>Install Certbot</h2>

guides/get-a-domain-name.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p>A domain name, as many will know is what people typing into their browser, e.g. google.com, facebook.com, etc.</p>
 				<p>The primary use for these is to have a memorable thing for users, instead of needing to type the IP address of the server</p>

guides/guide-to-server-hosting.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p class="intro">If you want to start getting into server hosting, system administration, or just want to get a basic minecraft/web server up for you and your friends, then welcome. We all start somewhere, and I would love if I could get your foot in the door.</p>
 				<h2>Notice</h2>

guides/index.html

@@ -30,7 +30,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 
 				<h2>Pinned</h2>

guides/initial-server-setup.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p>This section assumes you have a fresh Debian 11 install on a server (either physical or VPS)</p>
 				<p>It will cover installing the essentials for access, and basic security so you don't need to worry in the future. This section may seem a little daunting for a first-time linux user, but most of it is copy/paste, hopefully with enough description to understand what is being done. Just remember not to copy the $/root$ they're there to show what user/directory we're in. </p>

guides/install-kvm-virtual-machine.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p class="intro">This is an intro, you gotta believe me</p>
 				<h2>Heading</h2>

guides/install-mysql-mariadb.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p>MySQL is a well known free, open-source relational database service, and it's great. MariaDB is just MySQL (a fork of it), but better.</p>
 

guides/nginx-install.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p>NGINX (engine X) is one of the top webservers. It has relatively easy learning curve, is fast, and <a href="">secure</a>. It's a great step into web hosting, and a good first service for many servers.</p>
 				<h2>Install</h2>

guides/nginx-proxy.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p class="intro">This is an intro, you gotta believe me</p>
 				<h2>Install</h2>

guides/nginx-web-optimisation.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p>Optimisations for the nginx configs will increase both the security, and performance of your website
 				<h2>TODO: Headers</h2>

guides/password-protect-webpage.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p class="intro">This is an intro, you gotta believe me</p>
 				<h2>Heading</h2>

guides/server-install-debian.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p class="intro">Debian is a fantastic linux distrubution that works, and rarely causes issues. Due to this, it is a common canditate for a server OS, and is what this guide will walkthrough how to install on a PC.</p>
 				<h2>Assumptions</h2>

guides/set-static-ip.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p class="intro">For those that don't know a static IP is an IP address that doesn't change on reboots, etc. The opposite of a dynamic IP, which can change on reboots, and is the default mode for computers to get an IP (via DHCP).</p>
 

guides/setup-git-server.html

@@ -30,7 +30,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p class="intro">Self-hosted version control is great way to not be dependant of a third party to keep your git server up, or your code secure.</p>
 

guides/setup-kvm-bridge.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p class="intro">A bridge network is a means to connect/bridge different networks together to act like a single network. In this case, it allows any connections to the bridge network to get their own internal IPs, as if plugged into the network directly, and work as you'd expect a completely new physical PC to work. i.e. Accessble to other clients outside of the host.</p>
 				<h2>Install bridge-utils</h2>

guides/setup-nginx-website.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p>Nginx has the ability to host multiple websites, all at different domains/sub-domains. This guide will show you how to point a domain at the server, and display a different website than the default NGINX page.</p>
 				<h2>Make the domain point to the server</h2>

guides/setup-qemu-kvm.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p class="intro">This is an intro, you gotta believe me</p>
 				<h2>Heading</h2>

guides/sql-cheatsheet.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p>SQL is a great, simple to use language to manipulate data within a database. This cheatsheet is aimed at basic SQL for MySQL/MariaDB.</p>
 

guides/virsh-cheatsheet.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p class="intro">Virsh is an extremely powerful tool for managing KVM/QEMU virtual machines. From restarting, to changing hardware, snapshotting, and cloning machines. I'll cover the basics of Virsh here, as it's all I personally use.</p>
 				<h2>List VMs</h2>

guides/vm-seperation-of-concerns.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p class="intro">Seperation of Concerns is a principle used in Computer Science that helps seperate functionality, making things easier to work with, and avoiding issues that could occur with too much going on in one place</p>
 				<h2>Why seperate concerns for a server?</h2>

guides/web-dev-101.html

@@ -30,7 +30,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p>Interested in web development, but don't know where to begin? Don't worry, I've got you covered.</p>
 

guides/webpage-to-website.html

@@ -30,7 +30,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="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>
 

guides/your-first-webpage.html

@@ -30,7 +30,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="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>
 

index.html

@@ -30,7 +30,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<h2>I'm Aney</h2>
 				<p>Somehow you've landed on my website, welcome!</p>

projects.html

@@ -30,7 +30,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section id="projects">
 				<h2>Current Projects</h2>
 				<p>Here to hold me accountable, as I cannot finish my own projects</p>

recipes/index.html

@@ -30,7 +30,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p>A collection of recipes I use, mostly budget oriented, but always tastee.</p>
 			</section>

recipes/woky-beef-stew.html

@@ -30,7 +30,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<aside class="page-nav">
 				<ul>
 					<li><a href="#requirements">Requirements</a></li>

sitemap.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<ul>
 					<li><a href="/">home</a></li>

support.html

@@ -30,7 +30,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<p>If you'd like to support me, the site, or any projects I'm working on, thank you.</p>
 			</section>

websites.html

@@ -31,7 +31,7 @@
 			<hr/>
 		</header>
 
-		<main>
+		<main id="main">
 			<section>
 				<h2>Websites I frequent</h2>
 				<p>I use these, but maybe I should stop.</p>