some cool changes

- Full-sized website window for a modern look.
- Added transitions to everything.
- Added a new Legacy badge.
- Provided a Hugo executable file like `gradlew` (fixes #33).
- Fixed the single-lined code block on notices to look unreadable in light mode.
- Covered some more IDEs in `.gitignore`.

.gitignore

@@ -1,3 +1,6 @@
 public/
 .hugo_build.lock
 .idea
+*.sublime-project
+*.sublime-workspace
+.vscode/*

assets/js/neoforge.js

@@ -14,18 +14,21 @@ async function loadLatestVersions(minecraftVersions) {
         let dropDown_VAL;
         let badges_beta;
         let badges_new;
+        let badges_legacy;
         if (mcVersion.startsWith("1.20.1")) {
             gav = LEGACY_GAV;
             fn = "forge";
             mcvers = "1.20.1";
             badges_new = "";
+            badges_legacy = `<font class="badges_legacy">LEGACY</font>`;
             badges_beta = "";
             dropDown_VAL = "";
         } else {
             gav = FORGE_GAV;
             fn = "neoforge";
             badges_beta = "";
             badges_new = `<font class="badges_new">NEW</font>`;
+            badges_legacy = "";
             dropDown_VAL = ` open="open"`;
         }
 
@@ -63,7 +66,7 @@ async function loadLatestVersions(minecraftVersions) {
 
             document.querySelector(vs).innerHTML = `
                 <details${dropDown_VAL}>
-                <summary class="fileinfo__header">${badges_beta} ${badges_new} NeoForge ${version} for Minecraft ${mcvers}</summary>
+                <summary class="fileinfo__header">${badges_beta} ${badges_new} ${badges_legacy} NeoForge ${version} for Minecraft ${mcvers}</summary>
                 <div class="fileinfo__body">
                 <a href="${installerUrl}"><span class="fileinfo__icon"><i class="bi-file-earmark-zip-fill" style="font-size: 2rem;"></i></span>
 			    <span class="fileinfo__content"><span>Latest <em>NeoForge</em> Installer</span><span>${fn}-${version}-installer.jar</span></span></a>

themes/mainroad/assets/css/style.css

@@ -9,10 +9,7 @@
 *::before,
 *::after {
 	box-sizing: border-box;
-}
-
-html, body, .container--outer {
-	height: 100%;
+	transition: all 0.5s;
 }
 
 article,
@@ -68,15 +65,6 @@ body {
 	margin: 0 auto;
 }
 
-.container--outer {
-	display: flex;
-	flex-direction: column;
-	margin: auto;
-	width: 80%;
-	max-width: 1920px;
-	min-width: 1380px;
-}
-
 .wrapper {
 	padding: 25px;
 	flex-grow: 1;
@@ -1135,11 +1123,7 @@ summary:hover {
 }
 
 /* Installer Badges */
-.badges_beta {
-	padding: 0 5px;
-}
-
-.badges_new {
+.badges_beta, .badges_new, .badges_legacy {
 	padding: 0 5px;
 }
 
@@ -1350,6 +1334,10 @@ summary:hover {
 	--color-background: #d5e0df;
 	--color-badges-beta: #d7742f;
 	--color-badges-new: #e57;
+	--color-badges-legacy: #13cace;
+	--color-border-badges-beta: #dd9460;
+	--color-border-badges-new: #e2899c;
+	--color-border-badges-legacy: #4cd2d4;
 	--color-download: #e68c37;
 	--color-download-highlight: #e5b04c;
 	--color-box: #bdc7c7;
@@ -1360,7 +1348,7 @@ summary:hover {
 	--color-code: #b12a48;
 	--color-code-background: #bdc7c7;
 	--color-code-notice: #e57;
-	--color-code-notice-background: #bdc7c7;
+	--color-code-notice-background: #fff;
 	--color-code-block-background: #2e3135;
 	--color-footer-text: #aab0b3;
 	--color-footer-link-text: #bdc7c7;
@@ -1375,6 +1363,10 @@ summary:hover {
 	--color-highlight: #d7742f;
 	--color-badges-beta: #d7742f;
 	--color-badges-new: #e57;
+	--color-badges-legacy: #13cace;
+	--color-border-badges-beta: #875938;
+	--color-border-badges-new: #8b5460;
+	--color-border-badges-legacy: #218384;
 	--color-background: #222427;
 	--color-download: #d7742f;
 	--color-download-highlight: #e68c37;

themes/mainroad/layouts/partials/colors.css

@@ -381,10 +381,17 @@ details:hover {
 /* Installer Badges */
 .badges_beta {
 	background-color: var(--color-badges-beta);
+	border: 2px solid var(--color-border-badges-beta);
 }
 
 .badges_new {
 	background-color: var(--color-badges-new);
+	border: 2px solid var(--color-border-badges-new);
+}
+
+.badges_legacy {
+	background-color: var(--color-badges-legacy);
+	border: 2px solid var(--color-border-badges-legacy);
 }
 
 /* News Section */