Added FAQ to Downloads

lethal-extended/beta.html

@@ -51,6 +51,70 @@
                 <a href="https://thunderstore.io/c/lethal-company/p/PenguCC/Lethal_Extended_Beta/"><img alt="thunderstore" src="https://cdn.galactiq.net/lethalextended/website/icons/thunderstore-compact_vector.svg"></a>
             </div>
         </div>
+
+        <section>
+            <div class="max-w-7xl mx-auto py-16 px-4 sm:px-6 mt-20 lg:mt-28">
+                <div class="lg:grid lg:grid-cols-3 lg:gap-20">
+                    <div>
+                        <h2 class="text-4xl uppercase tracking-wider font-extrabold text-red-500">
+                            Frequently asked questions
+                        </h2>
+                        <p class="mt-4 text-lg text-gray-100">Can't find the answer you're looking for? Join the <a
+                                    href="https://discord.gg/BkmEarDQxq" class="font-medium text-red-500 hover:text-red-600">Discord</a></p>
+                    </div>
+                    <div class="mt-12 lg:mt-0 lg:col-span-2">
+                        <dl class="space-y-12 pb-6">
+                            <div>
+                                <button onclick="showElement(11)"
+                                        class="text-lg leading-6 font-medium text-white py-6 bg-gray-800 rounded-md w-full text-left focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 focus:ring-offset-gray-900 focus:ring-inset">
+                                    <span class="ml-4 inline-block bg-red-500 rounded-full py-0.5 px-2.5 text-white text-xl font-bold">+</span>
+                                    <span class="ml-2 inline-block">Can't install! SSL Revocation error?</span>
+                                </button>
+                                <dd id="clicker-11" class="hidden mt-4 text-base text-gray-300 pl-6">
+                                    If you've run into the SSL Revocation error then try using the SSL Installer, that should resolve your issue.
+                                </dd>
+                            </div>
+                        </dl>
+                        <dl class="space-y-12 pb-6">
+                            <div>
+                                <button onclick="showElement(12)"
+                                        class="text-lg leading-6 font-medium text-white py-6 bg-gray-800 rounded-md w-full text-left focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 focus:ring-offset-gray-900 focus:ring-inset">
+                                    <span class="ml-4 inline-block bg-red-500 rounded-full py-0.5 px-2.5 text-white text-xl font-bold">+</span>
+                                    <span class="ml-2 inline-block">What Drive letter do I choose?</span>
+                                </button>
+                                <dd id="clicker-12" class="hidden mt-4 text-base text-gray-300 pl-6">
+                                    If you have more than one storage drive, go to steam -> Right Click on Lethal Company -> Manage -> Browse local files. Whatever drive letter shows up in the very top bar is the one you should use to install. (Capital Letter Only)
+                                </dd>
+                            </div>
+                        </dl>
+                        <dl class="space-y-12 pb-6">
+                            <div>
+                                <button onclick="showElement(13)"
+                                        class="text-lg leading-6 font-medium text-white py-6 bg-gray-800 rounded-md w-full text-left focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 focus:ring-offset-gray-900 focus:ring-inset">
+                                    <span class="ml-4 inline-block bg-red-500 rounded-full py-0.5 px-2.5 text-white text-xl font-bold">+</span>
+                                    <span class="ml-2 inline-block">Game broken after updating with r2modman!</span>
+                                </button>
+                                <dd id="clicker-13" class="hidden mt-4 text-base text-gray-300 pl-6">
+                                    r2modman isn't very smart, and does not check to see what mods were removed for a release. You'll need to completely delete all your mods (or just delete your mod profile) and re-download the pack when updating.
+                                </dd>
+                            </div>
+                        </dl>
+                        <dl class="space-y-12 pb-6">
+                            <div>
+                                <button onclick="showElement(14)"
+                                        class="text-lg leading-6 font-medium text-white py-6 bg-gray-800 rounded-md w-full text-left focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 focus:ring-offset-gray-900 focus:ring-inset">
+                                    <span class="ml-4 inline-block bg-red-500 rounded-full py-0.5 px-2.5 text-white text-xl font-bold">+</span>
+                                    <span class="ml-2 inline-block">Installation taking forever!</span>
+                                </button>
+                                <dd id="clicker-14" class="hidden mt-4 text-base text-gray-300 pl-6">
+                                    Our new installer downloads every individual mod and packages it on your system, this process takes longer than a pre-packaged solution but we need to maintain a good standing with mod developers.
+                                </dd>
+                            </div>
+                        </dl>
+                    </div>
+                </div>
+            </div>
+        </section>
     
         <link href="https://fonts.googleapis.com/icon?family=Material+Icons"rel="stylesheet">
         <script src="static/js/downloadConstants.js"></script>

lethal-extended/credits.html

@@ -90,11 +90,6 @@
             <a class="main2_feature_headline">Custom Boombox Music</a>
             <a class="main2_feature_text" href="https://thunderstore.io/c/lethal-company/p/Steven/Custom_Boombox_Music/">Thunderstore Page</a>
           </div>
-          <div class="main2_feature">
-            <img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/Giltong-LethalCompanyDRP-1.3.6.png.128x128_q95.jpg">
-            <a class="main2_feature_headline">LethalCompanyDRP</a>
-            <a class="main2_feature_text" href="https://thunderstore.io/c/lethal-company/p/Giltong/LethalCompanyDRP/">Thunderstore Page</a>
-          </div>
           <div class="main2_feature">
             <img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/x753-Mimics-2.3.1.png.128x128_q95.jpg">
             <a class="main2_feature_headline">Mimics</a>
@@ -230,11 +225,6 @@
             <a class="main2_feature_headline">TooManyEmotes</a>
             <a class="main2_feature_text" href="https://thunderstore.io/c/lethal-company/p/FlipMods/TooManyEmotes/">Thunderstore Page</a>
           </div>
-          <div class="main2_feature">
-            <img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/xCeezy-LethalEscape-0.8.5.png.128x128_q95.jpg">
-            <a class="main2_feature_headline">LethalEscape</a>
-            <a class="main2_feature_text" href="https://thunderstore.io/c/lethal-company/p/xCeezy/LethalEscape/">Thunderstore Page</a>
-          </div>
           <div class="main2_feature">
             <img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/TheFluff-FairAI-1.2.7.png.128x128_q95.jpg">
             <a class="main2_feature_headline">FairAI</a>
@@ -310,11 +300,6 @@
             <a class="main2_feature_headline">Coroner</a>
             <a class="main2_feature_text" href="https://thunderstore.io/c/lethal-company/p/EliteMasterEric/Coroner/">Thunderstore Page</a>
           </div>
-          <div class="main2_feature">
-            <img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/Ryokune-Better_Lobbies-1.0.5.png.128x128_q95.png">
-            <a class="main2_feature_headline">Better Lobbies</a>
-            <a class="main2_feature_text" href="https://thunderstore.io/c/lethal-company/p/Ryokune/Better_Lobbies/">Thunderstore Page</a>
-          </div>
           <div class="main2_feature">
             <img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/Theronguard-Emergency_Dice-1.1.4.png.128x128_q95.png">
             <a class="main2_feature_headline">Emergency Dice</a>
@@ -350,11 +335,6 @@
             <a class="main2_feature_headline">Peepers</a>
             <a class="main2_feature_text" href="https://thunderstore.io/c/lethal-company/p/x753/Peepers/">Thunderstore Page</a>
           </div>
-          <div class="main2_feature">
-            <img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/Bobbie-MetalRecharging-1.0.0.png.128x128_q95.png">
-            <a class="main2_feature_headline">MetalRecharging</a>
-            <a class="main2_feature_text" href="https://thunderstore.io/c/lethal-company/p/Bobbie/MetalRecharging/">Thunderstore Page</a>
-          </div>
           <div class="main2_feature">
             <img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/mrgrm7-LethalCasino-0.2.2.png.128x128_q95.jpg">
             <a class="main2_feature_headline">LethalCasino</a>
@@ -775,6 +755,11 @@
             <a class="main2_feature_headline">WesleysInteriorsAddon</a>
             <a class="main2_feature_text" href="https://thunderstore.io/c/lethal-company/p/Zehs/WesleysInteriorsAddon/">Thunderstore Page</a>
           </div>
+          <div class="main2_feature"></div>
+            <img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/mrov-LethalRichPresence-0.5.9.png.128x128_q95.png">
+            <a class="main2_feature_headline">LethalRichPresence</a>
+            <a class="main2_feature_text" href="https://thunderstore.io/c/lethal-company/p/mrov/LethalRichPresence/">Thunderstore Page</a>
+          </div>
         </div>
       </div>
     </div>

lethal-extended/js/defaultf700.js

@@ -0,0 +1,33 @@
+const $ = q => document.querySelector(q);
+const $$ = q => document.querySelectorAll(q);
+
+function toggleClassClicker(i, clazz) {
+    document.getElementById("clicker-" + i).classList.toggle(clazz);
+}
+
+function toggleClass(i, clazz) {
+    document.getElementById(i).classList.toggle(clazz);
+}
+
+function showElement(i) {
+    toggleClassClicker(i, "hidden")
+}
+
+const toggleFAQ = id => $('#faq-' + id).parentElement.querySelector('button>span').innerHTML = $('#faq-' + id).classList.toggle('hidden')?'+':'-';
+
+const closeAnnouncementHandler = (el) => {
+    el.addEventListener('click', e => {
+        console.log('click!');
+        console.log(e.target.parentElement);
+        e.target.parentElement.classList.toggle('hidden');
+    })
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+    let els = $$('#announcement .close');
+    els.forEach(el => {
+        if(el) closeAnnouncementHandler(el);
+    });
+});
+
+

lethal-extended/js/locations.js

@@ -0,0 +1,31 @@
+const europeButton = document.getElementById("eu-button");
+const usButton = document.getElementById("us-button");
+
+const europeSection = document.getElementById("eu")
+const usSection = document.getElementById("us")
+
+europeButton.onclick = ev => {
+    if (!europeButton.classList.contains("bg-gray-700"))
+        europeButton.classList.add("bg-gray-700");
+
+    if (usButton.classList.contains("bg-gray-700"))
+        usButton.classList.remove("bg-gray-700")
+
+    if (europeSection.classList.contains("hidden")) {
+        europeSection.classList.remove("hidden")
+        usSection.classList.add("hidden")
+    }
+};
+
+usButton.onclick = ev => {
+    if (!usButton.classList.contains("bg-gray-700"))
+        usButton.classList.add("bg-gray-700")
+
+    if (europeButton.classList.contains("bg-gray-700"))
+        europeButton.classList.remove("bg-gray-700");
+
+    if (usSection.classList.contains("hidden")) {
+        europeSection.classList.add("hidden")
+        usSection.classList.remove("hidden")
+    }
+};

lethal-extended/js/navbarec92.js

@@ -0,0 +1,19 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const root_elements = $$(".desktop-navbar-root");
+
+    root_elements.forEach(root_element => {
+        const dropdown = root_element.querySelector(".navbar-dropdown");
+        if(dropdown) {
+            function show_dropdown() {
+                dropdown.classList.remove("hidden");
+            }
+
+            function hide_dropdown() {
+                dropdown.classList.add("hidden");
+            }
+
+            root_element.addEventListener("mouseover", show_dropdown);
+            root_element.addEventListener("mouseleave", hide_dropdown);
+        }
+    });
+});

lethal-extended/stable.html

@@ -50,8 +50,73 @@
             <a href="https://thunderstore.io/c/lethal-company/p/PenguCC/LethalExtendedModManager/"><img alt="thunderstore" src="https://cdn.galactiq.net/lethalextended/website/icons/thunderstore-compact_vector.svg"></a>
         </div>
     </div>
+
+    <section>
+        <div class="max-w-7xl mx-auto py-16 px-4 sm:px-6 mt-20 lg:mt-28">
+            <div class="lg:grid lg:grid-cols-3 lg:gap-20">
+                <div>
+                    <h2 class="text-4xl uppercase tracking-wider font-extrabold text-red-500">
+                        Frequently asked questions
+                    </h2>
+                    <p class="mt-4 text-lg text-gray-100">Can't find the answer you're looking for? Join the <a
+                                href="https://discord.gg/BkmEarDQxq" class="font-medium text-red-500 hover:text-red-600">Discord</a></p>
+                </div>
+                <div class="mt-12 lg:mt-0 lg:col-span-2">
+                    <dl class="space-y-12 pb-6">
+                        <div>
+                            <button onclick="showElement(11)"
+                                    class="text-lg leading-6 font-medium text-white py-6 bg-gray-800 rounded-md w-full text-left focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 focus:ring-offset-gray-900 focus:ring-inset">
+                                <span class="ml-4 inline-block bg-red-500 rounded-full py-0.5 px-2.5 text-white text-xl font-bold">+</span>
+                                <span class="ml-2 inline-block">Can't install! SSL Revocation error?</span>
+                            </button>
+                            <dd id="clicker-11" class="hidden mt-4 text-base text-gray-300 pl-6">
+                                If you've run into the SSL Revocation error then try using the SSL Installer, that should resolve your issue.
+                            </dd>
+                        </div>
+                    </dl>
+                    <dl class="space-y-12 pb-6">
+                        <div>
+                            <button onclick="showElement(12)"
+                                    class="text-lg leading-6 font-medium text-white py-6 bg-gray-800 rounded-md w-full text-left focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 focus:ring-offset-gray-900 focus:ring-inset">
+                                <span class="ml-4 inline-block bg-red-500 rounded-full py-0.5 px-2.5 text-white text-xl font-bold">+</span>
+                                <span class="ml-2 inline-block">What Drive letter do I choose?</span>
+                            </button>
+                            <dd id="clicker-12" class="hidden mt-4 text-base text-gray-300 pl-6">
+                                If you have more than one storage drive, go to steam -> Right Click on Lethal Company -> Manage -> Browse local files. Whatever drive letter shows up in the very top bar is the one you should use to install. (Capital Letter Only)
+                            </dd>
+                        </div>
+                    </dl>
+                    <dl class="space-y-12 pb-6">
+                        <div>
+                            <button onclick="showElement(13)"
+                                    class="text-lg leading-6 font-medium text-white py-6 bg-gray-800 rounded-md w-full text-left focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 focus:ring-offset-gray-900 focus:ring-inset">
+                                <span class="ml-4 inline-block bg-red-500 rounded-full py-0.5 px-2.5 text-white text-xl font-bold">+</span>
+                                <span class="ml-2 inline-block">Game broken after updating with r2modman!</span>
+                            </button>
+                            <dd id="clicker-13" class="hidden mt-4 text-base text-gray-300 pl-6">
+                                r2modman isn't very smart, and does not check to see what mods were removed for a release. You'll need to completely delete all your mods (or just delete your mod profile) and re-download the pack when updating.
+                            </dd>
+                        </div>
+                    </dl>
+                    <dl class="space-y-12 pb-6">
+                        <div>
+                            <button onclick="showElement(14)"
+                                    class="text-lg leading-6 font-medium text-white py-6 bg-gray-800 rounded-md w-full text-left focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 focus:ring-offset-gray-900 focus:ring-inset">
+                                <span class="ml-4 inline-block bg-red-500 rounded-full py-0.5 px-2.5 text-white text-xl font-bold">+</span>
+                                <span class="ml-2 inline-block">Installation taking forever!</span>
+                            </button>
+                            <dd id="clicker-14" class="hidden mt-4 text-base text-gray-300 pl-6">
+                                Our new installer downloads every individual mod and packages it on your system, this process takes longer than a pre-packaged solution but we need to maintain a good standing with mod developers.
+                            </dd>
+                        </div>
+                    </dl>
+                </div>
+            </div>
+        </div>
+    </section>
     
         <link href="https://fonts.googleapis.com/icon?family=Material+Icons"rel="stylesheet">
+        <script src="js/defaultf700.js?v=1.0.1"></script>
         <script src="static/js/downloadConstants.js"></script>
         <script src="static/js/download.js"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/page-accelerator/0.1.1/page-accelerator.min.js" integrity="sha512-YZMsq9hQOwRuYLHDE3xu5Fuqc7dsw8JW93koppkyK4dxD963sMKZkZQFF62HpQIA74nmG8mK4lzKQf0IpFOU2Q==" crossorigin="anonymous"></script>

lethal-extended/static/css/home.css

@@ -10,7 +10,7 @@ body {
     animation: fadeIn 2s;
     padding: 0;
     margin: 0;
-    background: rgba(0, 0, 0, .5) url('../../media/branches.avif');
+    background: rgba(0, 0, 0, .5) url('../../media/downloads.webp');
     background-blend-mode: darken;
     background-size: cover;
 }