Tags, fixes, better ESL flag image

Ungeziefi · Ungeziefi · commit 5099201ccb70 · 2025-05-10T15:29:37.000+02:00
diff --git a/avoid-mods.html b/avoid-mods.html
@@ -15,7 +15,7 @@
     Fast, Easy, Beginner,
     Nexus, Nexus Mods, NexusMods,
     Wabbajack, WJ, Installer,
-    Mod Organizer, Mod Organizer, MO2,
+    Mod Manager, Mod Organizer, MO2,
     Fallout, The Elder Scrolls, Bethesda, Bethesda Game Studios, BGS,
     Fallout New Vegas, Fallout NV, New Vegas, FNV, 
     Fallout 4, FO4,
diff --git a/avoid-tools.html b/avoid-tools.html
@@ -15,7 +15,7 @@
     Fast, Easy, Beginner,
     Nexus, Nexus Mods, NexusMods,
     Wabbajack, WJ, Installer,
-    Mod Organizer, Mod Organizer, MO2,
+    Mod Manager, Mod Organizer, MO2,
     Fallout, The Elder Scrolls, Bethesda, Bethesda Game Studios, BGS,
     Fallout New Vegas, Fallout NV, New Vegas, FNV, 
     Fallout 4, FO4,
diff --git a/basefinish.html b/basefinish.html
@@ -15,7 +15,7 @@
     Fast, Easy, Beginner,
     Nexus, Nexus Mods, NexusMods,
     Wabbajack, WJ, Installer,
-    Mod Organizer, Mod Organizer, MO2,
+    Mod Manager, Mod Organizer, MO2,
     Fallout, The Elder Scrolls, Bethesda, Bethesda Game Studios, BGS,
     Fallout New Vegas, Fallout NV, New Vegas, FNV, 
     Fallout 4, FO4,
diff --git a/bugfix.html b/bugfix.html
@@ -15,7 +15,7 @@
     Fast, Easy, Beginner,
     Nexus, Nexus Mods, NexusMods,
     Wabbajack, WJ, Installer,
-    Mod Organizer, Mod Organizer, MO2,
+    Mod Manager, Mod Organizer, MO2,
     Fallout, The Elder Scrolls, Bethesda, Bethesda Game Studios, BGS,
     Fallout New Vegas, Fallout NV, New Vegas, FNV, 
     Fallout 4, FO4,
diff --git a/changelog.html b/changelog.html
@@ -15,7 +15,7 @@
     Fast, Easy, Beginner,
     Nexus, Nexus Mods, NexusMods,
     Wabbajack, WJ, Installer,
-    Mod Organizer, Mod Organizer, MO2,
+    Mod Manager, Mod Organizer, MO2,
     Fallout, The Elder Scrolls, Bethesda, Bethesda Game Studios, BGS,
     Fallout New Vegas, Fallout NV, New Vegas, FNV, 
     Fallout 4, FO4,
diff --git a/content.html b/content.html
@@ -15,7 +15,7 @@
     Fast, Easy, Beginner,
     Nexus, Nexus Mods, NexusMods,
     Wabbajack, WJ, Installer,
-    Mod Organizer, Mod Organizer, MO2,
+    Mod Manager, Mod Organizer, MO2,
     Fallout, The Elder Scrolls, Bethesda, Bethesda Game Studios, BGS,
     Fallout New Vegas, Fallout NV, New Vegas, FNV, 
     Fallout 4, FO4,
diff --git a/css/imageSlider.css b/css/imageSlider.css
@@ -1,5 +1,7 @@
 .image-slider {
   margin: 20px 0;
+  position: relative;
+  z-index: 0;
 }
 
 .slider-container {
@@ -34,6 +36,7 @@
   transform: translateX(0);
   left: 0;
   top: 0;
+  max-width: none;
 }
 
 .slider-img {
@@ -49,6 +52,12 @@
   -webkit-user-drag: none;
 }
 
+@media (max-width: 470px) {
+  .slider-before img {
+    width: 100vw;
+    max-width: none;
+  }
+}
 .slider-handle {
   position: absolute;
   top: 0;
diff --git a/css/imageSlider.css.map b/css/imageSlider.css.map
diff --git a/css/imageSlider.scss b/css/imageSlider.scss
@@ -1,5 +1,7 @@
 .image-slider {
   margin: 20px 0;
+  position: relative;
+  z-index: 0;
 }
 
 .slider-container {
@@ -31,6 +33,7 @@
   transform: translateX(0);
   left: 0;
   top: 0;
+  max-width: none;
 }
 
 .slider-img {
@@ -43,6 +46,13 @@
   -webkit-user-drag: none;
 }
 
+@media (max-width: 470px) {
+  .slider-before img {
+    width: 100vw;
+    max-width: none;
+  }
+}
+
 .slider-handle {
   position: absolute;
   top: 0;
diff --git a/esl.html b/esl.html
@@ -15,7 +15,7 @@
     Fast, Easy, Beginner,
     Nexus, Nexus Mods, NexusMods,
     Wabbajack, WJ, Installer,
-    Mod Organizer, Mod Organizer, MO2,
+    Mod Manager, Mod Organizer, MO2,
     Fallout, The Elder Scrolls, Bethesda, Bethesda Game Studios, BGS,
     Fallout New Vegas, Fallout NV, New Vegas, FNV, 
     Fallout 4, FO4,
diff --git a/faq.html b/faq.html
@@ -15,7 +15,7 @@
     Fast, Easy, Beginner,
     Nexus, Nexus Mods, NexusMods,
     Wabbajack, WJ, Installer,
-    Mod Organizer, Mod Organizer, MO2,
+    Mod Manager, Mod Organizer, MO2,
     Fallout, The Elder Scrolls, Bethesda, Bethesda Game Studios, BGS,
     Fallout New Vegas, Fallout NV, New Vegas, FNV, 
     Fallout 4, FO4,
diff --git a/finish.html b/finish.html
@@ -15,7 +15,7 @@
     Fast, Easy, Beginner,
     Nexus, Nexus Mods, NexusMods,
     Wabbajack, WJ, Installer,
-    Mod Organizer, Mod Organizer, MO2,
+    Mod Manager, Mod Organizer, MO2,
     Fallout, The Elder Scrolls, Bethesda, Bethesda Game Studios, BGS,
     Fallout New Vegas, Fallout NV, New Vegas, FNV, 
     Fallout 4, FO4,
diff --git a/gameplay.html b/gameplay.html
@@ -15,7 +15,7 @@
     Fast, Easy, Beginner,
     Nexus, Nexus Mods, NexusMods,
     Wabbajack, WJ, Installer,
-    Mod Organizer, Mod Organizer, MO2,
+    Mod Manager, Mod Organizer, MO2,
     Fallout, The Elder Scrolls, Bethesda, Bethesda Game Studios, BGS,
     Fallout New Vegas, Fallout NV, New Vegas, FNV, 
     Fallout 4, FO4,
diff --git a/hud.html b/hud.html
@@ -15,7 +15,7 @@
     Fast, Easy, Beginner,
     Nexus, Nexus Mods, NexusMods,
     Wabbajack, WJ, Installer,
-    Mod Organizer, Mod Organizer, MO2,
+    Mod Manager, Mod Organizer, MO2,
     Fallout, The Elder Scrolls, Bethesda, Bethesda Game Studios, BGS,
     Fallout New Vegas, Fallout NV, New Vegas, FNV, 
     Fallout 4, FO4,
diff --git a/img/Others/ESL Flag.webp b/img/Others/ESL Flag.webp
diff --git a/index.html b/index.html
@@ -15,7 +15,7 @@
     Fast, Easy, Beginner,
     Nexus, Nexus Mods, NexusMods,
     Wabbajack, WJ, Installer,
-    Mod Organizer, Mod Organizer, MO2,
+    Mod Manager, Mod Organizer, MO2,
     Fallout, The Elder Scrolls, Bethesda, Bethesda Game Studios, BGS,
     Fallout New Vegas, Fallout NV, New Vegas, FNV, 
     Fallout 4, FO4,
diff --git a/intro.html b/intro.html
@@ -15,7 +15,7 @@
     Fast, Easy, Beginner,
     Nexus, Nexus Mods, NexusMods,
     Wabbajack, WJ, Installer,
-    Mod Organizer, Mod Organizer, MO2,
+    Mod Manager, Mod Organizer, MO2,
     Fallout, The Elder Scrolls, Bethesda, Bethesda Game Studios, BGS,
     Fallout New Vegas, Fallout NV, New Vegas, FNV, 
     Fallout 4, FO4,
diff --git a/js/imageSlider.js b/js/imageSlider.js
@@ -106,7 +106,16 @@ function initImageSliders() {
                         beforeDiv.style.width = (position * 100) + '%';
                         handle.style.transform = `translateX(${position * sliderContainer.offsetWidth}px) translateX(-50%)`;
                         handle.style.left = '0';
-                        beforeImg.style.width = sliderContainer.offsetWidth + 'px';
+
+                        const containerWidth = sliderContainer.offsetWidth;
+                        beforeImg.style.width = `${containerWidth}px`;
+                        beforeImg.style.maxWidth = 'none';
+
+                        const beforeImgRightPosition = containerWidth * (1 - position);
+                        if (window.innerWidth <= 470) {
+                            beforeImg.style.width = `${containerWidth}px`;
+                            beforeImg.style.left = '0';
+                        }
                     }
                 });
             }
@@ -156,29 +165,33 @@ function initImageSliders() {
                 isDragging = false;
             });
 
-            // Prevent image dragging
             sliderContainer.addEventListener('dragstart', e => e.preventDefault());
             beforeImg.addEventListener('dragstart', e => e.preventDefault());
             afterImg.addEventListener('dragstart', e => e.preventDefault());
 
-            // Handle window resize
+            // Window resize
             let resizeTimeout;
             window.addEventListener('resize', function () {
                 clearTimeout(resizeTimeout);
                 resizeTimeout = setTimeout(function () {
                     if (afterImg.complete) {
                         const aspectRatio = afterImg.naturalHeight / afterImg.naturalWidth;
                         sliderContainer.style.height = (sliderContainer.offsetWidth * aspectRatio) + 'px';
-                        beforeImg.style.width = sliderContainer.offsetWidth + 'px';
+
+                        // Make sure image width is always correct on resize
+                        const containerWidth = sliderContainer.offsetWidth;
+                        beforeImg.style.width = `${containerWidth}px`;
+                        beforeImg.style.maxWidth = 'none';
 
                         // Update handle position on resize
-                        handle.style.transform = `translateX(${lastPosition * sliderContainer.offsetWidth}px) translateX(-50%)`;
+                        handle.style.transform = `translateX(${lastPosition * containerWidth}px) translateX(-50%)`;
                     }
                 }, 100);
             });
 
-            // Set initial width
+            // Set initial width and make sure maxWidth doesn't interfere
             beforeImg.style.width = sliderContainer.offsetWidth + 'px';
+            beforeImg.style.maxWidth = 'none';
         }
     });
 }
diff --git a/lod.html b/lod.html
@@ -15,7 +15,7 @@
     Fast, Easy, Beginner,
     Nexus, Nexus Mods, NexusMods,
     Wabbajack, WJ, Installer,
-    Mod Organizer, Mod Organizer, MO2,
+    Mod Manager, Mod Organizer, MO2,
     Fallout, The Elder Scrolls, Bethesda, Bethesda Game Studios, BGS,
     Fallout New Vegas, Fallout NV, New Vegas, FNV, 
     Fallout 4, FO4,
diff --git a/mo2.html b/mo2.html
@@ -15,7 +15,7 @@
     Fast, Easy, Beginner,
     Nexus, Nexus Mods, NexusMods,
     Wabbajack, WJ, Installer,
-    Mod Organizer, Mod Organizer, MO2,
+    Mod Manager, Mod Organizer, MO2,
     Fallout, The Elder Scrolls, Bethesda, Bethesda Game Studios, BGS,
     Fallout New Vegas, Fallout NV, New Vegas, FNV, 
     Fallout 4, FO4,
diff --git a/resources.html b/resources.html
@@ -15,7 +15,7 @@
     Fast, Easy, Beginner,
     Nexus, Nexus Mods, NexusMods,
     Wabbajack, WJ, Installer,
-    Mod Organizer, Mod Organizer, MO2,
+    Mod Manager, Mod Organizer, MO2,
     Fallout, The Elder Scrolls, Bethesda, Bethesda Game Studios, BGS,
     Fallout New Vegas, Fallout NV, New Vegas, FNV, 
     Fallout 4, FO4,
diff --git a/setup.html b/setup.html
@@ -15,7 +15,7 @@
     Fast, Easy, Beginner,
     Nexus, Nexus Mods, NexusMods,
     Wabbajack, WJ, Installer,
-    Mod Organizer, Mod Organizer, MO2,
+    Mod Manager, Mod Organizer, MO2,
     Fallout, The Elder Scrolls, Bethesda, Bethesda Game Studios, BGS,
     Fallout New Vegas, Fallout NV, New Vegas, FNV, 
     Fallout 4, FO4,
diff --git a/tweaks.html b/tweaks.html
@@ -15,7 +15,7 @@
     Fast, Easy, Beginner,
     Nexus, Nexus Mods, NexusMods,
     Wabbajack, WJ, Installer,
-    Mod Organizer, Mod Organizer, MO2,
+    Mod Manager, Mod Organizer, MO2,
     Fallout, The Elder Scrolls, Bethesda, Bethesda Game Studios, BGS,
     Fallout New Vegas, Fallout NV, New Vegas, FNV, 
     Fallout 4, FO4,
diff --git a/utilities.html b/utilities.html
@@ -15,7 +15,7 @@
     Fast, Easy, Beginner,
     Nexus, Nexus Mods, NexusMods,
     Wabbajack, WJ, Installer,
-    Mod Organizer, Mod Organizer, MO2,
+    Mod Manager, Mod Organizer, MO2,
     Fallout, The Elder Scrolls, Bethesda, Bethesda Game Studios, BGS,
     Fallout New Vegas, Fallout NV, New Vegas, FNV, 
     Fallout 4, FO4,
@@ -367,7 +367,7 @@ <h3 class="install">Installation instructions</h3>
                         <li><b>Main Files</b> - High FPS Physics Fix <strong>0.8.11</strong> (2nd file)</li>
                         <ol>
                             <li>Once the mod has been installed, double-click it in the left pane of MO2.</li>
-                            <li>In the <strong>INI-Files</strong> tab, open <span class="card-basic">F4SE/Plugins/HighFPSPhysicsFix.ini</span></li>
+                            <li>In the <strong>INI Files</strong> tab, open <span class="card-basic">F4SE/Plugins/HighFPSPhysicsFix.ini</span></li>
                             <li>Change only the following options<sup><a title="Warning" href="#annotation1">[1]</a></sup>:</li>
                             <ul>
                                 <li>Set <b>DisableBlackLoadingScreens</b> to <b>true</b> (line 37).</li>
@@ -381,7 +381,7 @@ <h3 class="install">Installation instructions</h3>
                                     <div class="card-yellow">
                                         <p>Some examples:
                                         <ul>
-                                            <li>60Hz: 59.995 (VRR wouldn't be a thing)</li>
+                                            <li>60Hz: 59.995, as it most likely won't have VRR.</li>
                                             <li>144Hz: any value between 48 and 134 if VRR is enabled, 72 or 143.995 if using fixed refresh rate.</li>
                                             <li>165Hz: anywhere between 48 and 154 if VRR is enabled, changing the refresh rate<a title="CustomResolution" href="#annotation5">[5]</a></sup> to 144 is recommened if using fixed refresh rate.</li>
                                             <li>240Hz: anywhere between 48 and 224 if VRR is enabled, 60 or 119.995 if using fixed refresh rate.</li>
diff --git a/visuals.html b/visuals.html
@@ -15,7 +15,7 @@
     Fast, Easy, Beginner,
     Nexus, Nexus Mods, NexusMods,
     Wabbajack, WJ, Installer,
-    Mod Organizer, Mod Organizer, MO2,
+    Mod Manager, Mod Organizer, MO2,
     Fallout, The Elder Scrolls, Bethesda, Bethesda Game Studios, BGS,
     Fallout New Vegas, Fallout NV, New Vegas, FNV, 
     Fallout 4, FO4,
diff --git a/wabbajack.html b/wabbajack.html
@@ -15,7 +15,7 @@
     Fast, Easy, Beginner,
     Nexus, Nexus Mods, NexusMods,
     Wabbajack, WJ, Installer,
-    Mod Organizer, Mod Organizer, MO2,
+    Mod Manager, Mod Organizer, MO2,
     Fallout, The Elder Scrolls, Bethesda, Bethesda Game Studios, BGS,
     Fallout New Vegas, Fallout NV, New Vegas, FNV, 
     Fallout 4, FO4,
@@ -374,7 +374,7 @@ <h3 onclick="location.href='#GameConfiguration'">Game Settings</h3>
                     <h3 onclick="location.href='#PhysicsFixConfiguration'">High FPS Physics Fix Configuration</h3>
                     <ol>
                         <li><strong>Locate High FPS Physics Fix</strong> in the Utilities separator, then double-click it.</li>
-                        <li>In the <strong>INI-Files</strong> tab, open <span class="card-basic">F4SE/Plugins/HighFPSPhysicsFix.ini</span></li>
+                        <li>In the <strong>INI Files</strong> tab, open <span class="card-basic">F4SE/Plugins/HighFPSPhysicsFix.ini</span></li>
                         <li>Follow <a href="./utilities.html#PhysicsFix" target="_blank">the steps</a> in the manual guide, then return to this page.</li>
                     </ol>
                     </p>
