From 0e76b8e36229be8a1ceee15092e3248d794531ed Mon Sep 17 00:00:00 2001
From: Ungeziefi <163609976+Ungeziefi@users.noreply.github.com>
Date: Sat, 14 Dec 2024 10:13:44 +0100
Subject: [PATCH] Comment cleanup and formatting

---
 avoid-mods.html  |  1 -
 avoid-tools.html |  1 -
 basefinish.html  |  3 ++-
 bugfix.html      |  5 +++--
 changelog.html   |  1 -
 content.html     |  1 -
 esl.html         |  1 -
 faq.html         |  1 -
 finish.html      |  1 -
 gameplay.html    |  1 -
 hud.html         |  1 -
 intro.html       |  4 +++-
 lod.html         |  1 -
 mo2.html         | 23 ++---------------------
 resources.html   |  1 -
 setup.html       | 28 ++++++----------------------
 tweaks.html      |  1 -
 utilities.html   |  1 -
 visuals.html     |  1 -
 wabbajack.html   |  5 +----
 20 files changed, 17 insertions(+), 65 deletions(-)

diff --git a/avoid-mods.html b/avoid-mods.html
index f975167..b9c20b6 100644
--- a/avoid-mods.html
+++ b/avoid-mods.html
@@ -368,7 +368,6 @@ <h3>The BiRaitBec modlist</h3>
                 </div>
             </span>
 
-            <!-- Arrows -->
             <div class="navigationArrowContainer">
                 <a href="#" id="previous" rel="prev" class="navigationArrow">
                     <img class="mirror" src="./img/UI/Arrow.svg" alt="Back Arrow">
diff --git a/avoid-tools.html b/avoid-tools.html
index d53bd13..03f6aa8 100644
--- a/avoid-tools.html
+++ b/avoid-tools.html
@@ -250,7 +250,6 @@ <h3>FO4 Crash Log Auto Scanner And Setup Integrity Checker (CLASSIC)</h3>
                 </div>
             </span>
 
-            <!-- Arrows -->
             <div class="navigationArrowContainer">
                 <a href="#" id="previous" rel="prev" class="navigationArrow">
                     <img class="mirror" src="./img/UI/Arrow.svg" alt="Back Arrow">
diff --git a/basefinish.html b/basefinish.html
index 3ef283a..14d1aab 100644
--- a/basefinish.html
+++ b/basefinish.html
@@ -233,13 +233,14 @@ <h3>Going beyond Vanilla</h3>
 
                         </p>
                     </div>
+
                     <div>
                         <img src="./img/Coco/FullExtended.webp" alt="Full TMRE Coco">
                     </div>
+
                 </div>
             </span>
 
-            <!-- Arrows -->
             <div class="navigationArrowContainer">
                 <a href="#" id="previous" rel="prev" class="navigationArrow">
                     <img class="mirror" src="./img/UI/Arrow.svg" alt="Back Arrow">
diff --git a/bugfix.html b/bugfix.html
index 6e36174..0f03e11 100644
--- a/bugfix.html
+++ b/bugfix.html
@@ -387,7 +387,9 @@ <h3 class="install">Installation instructions</h3>
                             <li>Change the following option:</li>
                             <ul>
                                 <li>Set <strong>bBrownFace</strong> to <b>1</b> (line 5).</li>
-                                <!-- <li>Set <strong>bPlayerEyesStuckAtDialogueTarget</strong> to <b>1</b> (line 6).</li> -->
+                                <!-- Enable this when the feature is not in beta anymore
+                                <li>Set <strong>bPlayerEyesStuckAtDialogueTarget</strong> to <b>1</b> (line 6).</li>
+                                -->
                             </ul>
                         </ol>
                     </ul>
@@ -598,7 +600,6 @@ <h3 class="install">Installation instructions</h3>
                 </div>
             </span>
 
-            <!-- Arrows -->
             <div class="navigationArrowContainer">
                 <a href="#" id="previous" rel="prev" class="navigationArrow">
                     <img class="mirror" src="./img/UI/Arrow.svg" alt="Back Arrow">
diff --git a/changelog.html b/changelog.html
index c0407b7..299bf18 100644
--- a/changelog.html
+++ b/changelog.html
@@ -1942,7 +1942,6 @@ <h2><strong>Whole Guide</strong></h2>
                 </div>
             </span>
 
-            <!-- Arrows -->
             <div class="navigationArrowContainer">
                 <a href="#" id="previous" rel="prev" class="navigationArrow">
                     <img class="mirror" src="./img/UI/Arrow.svg" alt="Back Arrow">
diff --git a/content.html b/content.html
index b4c3866..f839f9b 100644
--- a/content.html
+++ b/content.html
@@ -211,7 +211,6 @@ <h3 class="install">Installation instructions</h3>
                 </div>
             </span>
 
-            <!-- Arrows -->
             <div class="navigationArrowContainer">
                 <a href="#" id="previous" rel="prev" class="navigationArrow">
                     <img class="mirror" src="./img/UI/Arrow.svg" alt="Back Arrow">
diff --git a/esl.html b/esl.html
index 3efae07..291f59d 100644
--- a/esl.html
+++ b/esl.html
@@ -225,7 +225,6 @@ <h3>Batch Flagging</h3>
                 </div>
             </span>
 
-            <!-- Arrows -->
             <div class="navigationArrowContainer">
                 <a href="#" id="previous" rel="prev" class="navigationArrow">
                     <img class="mirror" src="./img/UI/Arrow.svg" alt="Back Arrow">
diff --git a/faq.html b/faq.html
index 501fb82..1effee6 100644
--- a/faq.html
+++ b/faq.html
@@ -700,7 +700,6 @@ <h3>How can I start Automatron when using TMRE?</h3>
                 </div>
             </span>
 
-            <!-- Arrows -->
             <div class="navigationArrowContainer">
                 <a href="#" id="previous" rel="prev" class="navigationArrow">
                     <img class="mirror" src="./img/UI/Arrow.svg" alt="Back Arrow">
diff --git a/finish.html b/finish.html
index 5adbeba..888f47d 100644
--- a/finish.html
+++ b/finish.html
@@ -233,7 +233,6 @@ <h3>Want More?</h3>
                 </div>
             </span>
 
-            <!-- Arrows -->
             <div class="navigationArrowContainer">
                 <a href="#" id="previous" rel="prev" class="navigationArrow">
                     <img class="mirror" src="./img/UI/Arrow.svg" alt="Back Arrow">
diff --git a/gameplay.html b/gameplay.html
index 434f581..f80a648 100644
--- a/gameplay.html
+++ b/gameplay.html
@@ -356,7 +356,6 @@ <h3 class="install">Installation instructions</h3>
                 </div>
             </span>
 
-            <!-- Arrows -->
             <div class="navigationArrowContainer">
                 <a href="#" id="previous" rel="prev" class="navigationArrow">
                     <img class="mirror" src="./img/UI/Arrow.svg" alt="Back Arrow">
diff --git a/hud.html b/hud.html
index 4d4d2fc..3da21ad 100644
--- a/hud.html
+++ b/hud.html
@@ -220,7 +220,6 @@ <h3 class="install">Installation instructions</h3>
                 </div>
             </span>
 
-            <!-- Arrows -->
             <div class="navigationArrowContainer">
                 <a href="#" id="previous" rel="prev" class="navigationArrow">
                     <img class="mirror" src="./img/UI/Arrow.svg" alt="Back Arrow">
diff --git a/intro.html b/intro.html
index 7ce999a..978d887 100644
--- a/intro.html
+++ b/intro.html
@@ -190,10 +190,13 @@ <h3>Overview</h3>
                         Although you don't need any modding experience to use this guide, it is expected for you to be relatively experienced with operating a computer in general.
                         </p>
                     </div>
+
                     <div>
                         <img src="img/Coco/Full.webp" alt="Logo of a Coco - a dog mascot of ModdingLinked">
                     </div>
+
                 </div>
+
                 <div class="card" id="Features">
                     <p>
                     <h3 onclick="location.href='#Features'">Features</h3>
@@ -287,7 +290,6 @@ <h3 onclick="location.href='#RecommendedSpecs'">Recommended Specs</h3>
                 </div>
             </span>
 
-            <!-- Arrows -->
             <div class="navigationArrowContainer">
                 <a href="#" id="previous" rel="prev" class="navigationArrow">
                     <img class="mirror" src="./img/UI/Arrow.svg" alt="Back Arrow">
diff --git a/lod.html b/lod.html
index 49eecf7..8548ceb 100644
--- a/lod.html
+++ b/lod.html
@@ -582,7 +582,6 @@ <h3>LoadOrder</h3>
                 </div>
             </span>
 
-            <!-- Arrows -->
             <div class="navigationArrowContainer">
                 <a href="#" id="previous" rel="prev" class="navigationArrow">
                     <img class="mirror" src="./img/UI/Arrow.svg" alt="Back Arrow">
diff --git a/mo2.html b/mo2.html
index 53af6f9..37a1b5b 100644
--- a/mo2.html
+++ b/mo2.html
@@ -163,7 +163,6 @@
             <span id="MO2" class="section">
                 <h2 onclick="location.href='#MO2'">Mod Organizer 2</h2>
 
-                <!-- What is MO2 -->
                 <div class="card" id="WhatIsMO2" title="What is MO2?">
                     <p>
                     <h3>What is Mod Organizer 2?</h3>
@@ -217,7 +216,6 @@ <h3>What is Mod Organizer 2?</h3>
                     </p>
                 </div>
 
-                <!-- Why MO2 -->
                 <div class="card" id="WhyMO2" title="Why MO2?">
                     <p>
                     <h3>Why Mod Organizer 2?</h3>
@@ -235,7 +233,6 @@ <h3>Why Mod Organizer 2?</h3>
             <span id="Installation" class="section">
                 <h2 onclick="location.href='#Installation'">Installation</h2>
 
-                <!-- Installing MO2 -->
                 <div class="card" id="InstallingMO2" title="Installing MO2">
                     <p>
                     <h3>Installing Mod Organizer 2</h3>
@@ -288,11 +285,9 @@ <h3>Installing Mod Organizer 2</h3>
                 </div>
             </span>
 
-            <!-- Setup -->
             <span id="Setup" class="section">
                 <h2 onclick="location.href='#Setup'">Setup</h2>
 
-                <!-- Configuration -->
                 <div class="card" id="Configuration">
                     <p>
                     <h3>Configuring Mod Organizer 2</h3>
@@ -326,12 +321,9 @@ <h3>Configuring Mod Organizer 2</h3>
                     </p>
                 </div>
 
-                <!-- Settings -->
                 <div class="card" id="MO2Settings" title="MO2 Settings">
                     <p>
                     <h3>Configuring Settings</h3>
-                    </p>
-                    <p>
                     <ol>
                         <li>Click the <b>X</b> in the bottom right of MO2 to close the log window.</li>
                         <li>Click the <img class="mo2-icon" src="./img/MO2/Settings.webp" alt="MO2 settings"> button at the top of MO2 to open the settings.</li>
@@ -359,9 +351,7 @@ <h3>Configuring Settings</h3>
                 <div class="card" id="GameSettings">
                     <p>
                     <h3>Game Settings</h3>
-                    </p>
-                    <p>
-                        In this step, we will download and run Bethini Pie, which will allow choosing optimized presets and more specific options all through an easy to use interface.
+                    In this step, we will download and run Bethini Pie, which will allow choosing optimized presets and more specific options all through an easy to use interface.
                     <ol>
                         <li>Download <a href="https://www.nexusmods.com/site/mods/631" target="_blank">Bethini Pie</a>.</li>
                         <li>Extract the archive anywhere outside of the default Windows folders, such as <span class="card-basic">C:\Modding Tools</span>.</li>
@@ -407,18 +397,13 @@ <h3>Game Settings</h3>
                 </div>
             </span>
 
-            <!-- Instructions -->
             <span id="Instructions" class="section">
                 <h2 onclick="location.href='#Instructions'">Mod Installation Instructions</h2>
 
                 <div class="card" id="HowToUse?">
                     <p>
                     <h3>How to use Nexus and MO2?</h3>
-                    </p>
-                    <p>
-                        When the guide says to install a mod, it will be formatted as <strong>Main File - Example 1.5</strong>, this is referring to the mod's category on Nexus and file name.
-                        <br>
-                        <br>
+                    When the guide says to install a mod, it will be formatted as <strong>Main File - Example 1.5</strong>, this is referring to the mod's category on Nexus and file name.
 
                     <div class="card-yellow" style="display: flex; align-items: center;">
                         <div>
@@ -430,9 +415,6 @@ <h3>How to use Nexus and MO2?</h3>
                         </div>
                     </div>
 
-                    <br>
-                    <br>
-
                     <div class="image-container">
                         <img class="content-img" src="./img/Others/Download Example.webp" alt="Download example">
                         <div class="resize-overlay expand"></div>
@@ -465,7 +447,6 @@ <h3>How to use Nexus and MO2?</h3>
                 </div>
             </span>
 
-            <!-- Arrows -->
             <div class="navigationArrowContainer">
                 <a href="#" id="previous" rel="prev" class="navigationArrow">
                     <img class="mirror" src="./img/UI/Arrow.svg" alt="Back Arrow">
diff --git a/resources.html b/resources.html
index ab0bf51..6894e5b 100644
--- a/resources.html
+++ b/resources.html
@@ -208,7 +208,6 @@ <h3><a href="https://nemal34.github.io/grebHorizonEssential/tmr.html">Horizon Co
 
             </span>
 
-            <!-- Arrows -->
             <div class="navigationArrowContainer">
                 <a href="#" id="previous" rel="prev" class="navigationArrow">
                     <img class="mirror" src="./img/UI/Arrow.svg" alt="Back Arrow">
diff --git a/setup.html b/setup.html
index 9f47d8c..ba9d5da 100644
--- a/setup.html
+++ b/setup.html
@@ -160,11 +160,9 @@
 
         <div class="content">
 
-            <!-- Preparation -->
             <span id="Preparation" class="section">
                 <h2 onclick="location.href='#Preparation'">Preparation</h2>
 
-                <!-- File Extensions -->
                 <div class="card" id="FileExtensions" title="Enabling File Extensions">
                     <p>
                     <h3>Enabling File Extensions</h3>
@@ -188,14 +186,12 @@ <h3>Enabling File Extensions</h3>
 
             <span id="Installation" class="section">
                 <h2 onclick="location.href='#Installation'">Installation</h2>
-                <!-- Recommended Location -->
+
                 <div class="card" id="InstallLocation">
                     <p>
                     <h3>Choosing a Location</h3>
-                    </p>
-                    <p>
-                        <strong>A clean installation</strong> is not only required to get rid of any potential leftover mod files, but also to make sure the game is installed in a safe location. Here is what you need to know when choosing where to install your game:
-                        <br>
+                    <strong>A clean installation</strong> is not only required to get rid of any potential leftover mod files, but also to make sure the game is installed in a safe location. Here is what you need to know when choosing where to install your game:
+                    <br>
                     <ul>
                         <li>
                             <b>Avoid any default Windows folders</b>: This includes but is not limited to <span class="card-basic">C:\Program Files</span>, <span class="card-basic">C:\Program Files x86</span>, your <span class="card-basic">Desktop</span> and your <span class="card-basic">Documents</span> folders.
@@ -212,12 +208,9 @@ <h3>Choosing a Location</h3>
                     </p>
                 </div>
 
-                <!-- Uninstall -->
                 <div class="card" id="Uninstall">
                     <p>
                     <h3>Uninstalling the Game</h3>
-                    </p>
-                    <p>
 
                     <div class="card-yellow">
                         <p>
@@ -238,15 +231,12 @@ <h3>Uninstalling the Game</h3>
                         <li>Navigate to <span class="card-basic">Steam\steamapps\common</span> and, if present, delete the <strong>Fallout 4</strong> folder.</li>
                         <li>Navigate to <span class="card-basic">Documents\My Games\Fallout 4</span> and delete all INI files inside it.</li>
                     </ol>
-
                     </p>
                 </div>
 
                 <div class="card" id="SteamLibrary">
                     <p>
                     <h3>Creating a new Steam library</h3>
-                    </p>
-                    <p>
 
                     <div class="card-yellow">
                         <p>
@@ -272,12 +262,9 @@ <h3>Creating a new Steam library</h3>
                     </p>
                 </div>
 
-                <!-- Install -->
                 <div class="card" id="Install">
                     <p>
                     <h3>Installing the Game</h3>
-                    </p>
-                    <p>
 
                     <ol>
                         <li>Open Steam and go to your <strong>Library</strong>.</li>
@@ -300,10 +287,10 @@ <h3>Installing the Game</h3>
                 </div>
             </span>
 
-            <!-- Post-Installation -->
+
             <span id="PostInstallation" class="section">
                 <h2 onclick="location.href='#PostInstallation'">Post-Installation</h2>
-                <!-- Key Terminology -->
+
                 <div class="card" id="Terminology">
                     <p>
                     <h3>Key Terminology</h3>
@@ -326,9 +313,7 @@ <h3>Key Terminology</h3>
                 <div class="card" id="DisablingUpdates">
                     <p>
                     <h3>Disabling Automatic Steam Updates</h3>
-                    </p>
-                    <p>
-                        This will prevent Steam from automatically installing Fallout 4 updates, which will break modding support considerably until they gain wide modding support (and the guide's).
+                    This will prevent Steam from automatically installing Fallout 4 updates, which will break modding support considerably until they gain wide modding support (and the guide's).
                     <ol>
                         <li>In your Steam Library, <b>right-click</b> on Fallout 4, and click on <strong>Properties</strong> in the resulting context menu.</li>
                         <li>In the resulting new window, click on the drop-down at the top of the right pane underneath <strong>Automatic Updates</strong>.</li>
@@ -369,7 +354,6 @@ <h3>Wabbajack Users!</h3>
                 </div>
             </span>
 
-            <!-- Arrows -->
             <div class="navigationArrowContainer">
                 <a href="#" id="previous" rel="prev" class="navigationArrow">
                     <img class="mirror" src="./img/UI/Arrow.svg" alt="Back Arrow">
diff --git a/tweaks.html b/tweaks.html
index 003fe16..aa15561 100644
--- a/tweaks.html
+++ b/tweaks.html
@@ -309,7 +309,6 @@ <h3 class="install">Installation instructions</h3>
                 </div>
             </span>
 
-            <!-- Arrows -->
             <div class="navigationArrowContainer">
                 <a href="#" id="previous" rel="prev" class="navigationArrow">
                     <img class="mirror" src="./img/UI/Arrow.svg" alt="Back Arrow">
diff --git a/utilities.html b/utilities.html
index 0011ebc..a4598b5 100644
--- a/utilities.html
+++ b/utilities.html
@@ -510,7 +510,6 @@ <h3 class="install">Installation instructions</h3>
                 </div>
             </span>
 
-            <!-- Arrows -->
             <div class="navigationArrowContainer">
                 <a href="#" id="previous" rel="prev" class="navigationArrow">
                     <img class="mirror" src="./img/UI/Arrow.svg" alt="Back Arrow">
diff --git a/visuals.html b/visuals.html
index 2ead8d9..afcb5f7 100644
--- a/visuals.html
+++ b/visuals.html
@@ -343,7 +343,6 @@ <h3 class="install">Installation instructions</h3>
                 </div>
             </span>
 
-            <!-- Arrows -->
             <div class="navigationArrowContainer">
                 <a href="#" id="previous" rel="prev" class="navigationArrow">
                     <img class="mirror" src="./img/UI/Arrow.svg" alt="Back Arrow">
diff --git a/wabbajack.html b/wabbajack.html
index a00706f..69f7ec8 100644
--- a/wabbajack.html
+++ b/wabbajack.html
@@ -289,7 +289,7 @@ <h3 onclick="location.href='#ModOrganizer2Setup'">Mod Organizer 2 Setup</h3>
                     <h3 onclick="location.href='#GameConfiguration'">Game Settings</h3>
                     <ol>
                         <li>Open the game launcher using the <strong>Fallout Launcher</strong> option in MO2.</li>
-                        <!--
+                        <!-- Uncomment this when the picture is added
                         <div class="image-container width-60">
                             <img class="content-img" src="./img/Others/Start Launcher.webp" alt="Run the launcher through MO2">
                             <div class="resize-overlay expand"></div>
@@ -465,11 +465,8 @@ <h3 onclick="location.href='#UpdatingTheList'">Updating The List</h3>
 
                     </p>
                 </div>
-
-
             </span>
 
-            <!-- Arrows -->
             <div class="navigationArrowContainer">
                 <a href="#" id="previous" rel="prev" class="navigationArrow">
                     <img class="mirror" src="./img/UI/Arrow.svg" alt="Back Arrow">