Added FAQ to Downloads
This commit is contained in:
parent
0533902f20
commit
e27d62e665
|
|
@ -52,6 +52,70 @@
|
|||
</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>
|
||||
<script src="static/js/download.js"></script>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -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);
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
|
@ -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")
|
||||
}
|
||||
};
|
||||
|
|
@ -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);
|
||||
}
|
||||
});
|
||||
});
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 MiB |
|
|
@ -51,7 +51,72 @@
|
|||
</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>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue