Start on Subnautica Site
|
@ -0,0 +1,2 @@
|
||||||
|
# Auto detect text files and perform LF normalization
|
||||||
|
* text=auto
|
|
@ -0,0 +1,143 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>SE | About Us</title>
|
||||||
|
<link rel="icon" type="image/png" href="media/Logo.png">
|
||||||
|
<link rel="stylesheet" href="media/style.css">
|
||||||
|
<link href="https://fonts.bunny.net/css?family=Space+Grotesk:wght@500&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
<meta content="Subnuatica-Expanded" property="og:title" />
|
||||||
|
<meta content="Subnautica, but fishier." property="og:description" />
|
||||||
|
<meta content="https://lethal-extended.com/subnautica-expanded" property="og:url" />
|
||||||
|
<meta content="https://lethal-extended.com/media/projects/SubnuaticaExpanded.png" property="og:image" />
|
||||||
|
<meta content="#db5b04" data-react-helmet="true" name="theme-color" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||||||
|
<nav class="desktop_navbar">
|
||||||
|
<a href="index.html"><img class="desktop_navbar_logo_img" src="media/erik.png" width="96" height="64" alt="logo"></a>
|
||||||
|
<a href="https://merch.lethal-extended.com" class="desktop_navbar_link">Merch</a>
|
||||||
|
<a href="./aboutus.html" class="desktop_navbar_link">About Us</a>
|
||||||
|
<a href="./credits.html" class="desktop_navbar_link">Credits</a>
|
||||||
|
<a href="./projects.html" class="desktop_navbar_link">Projects</a>
|
||||||
|
<a href="https://spook.tube" class="desktop_navbar_link">SpookTube</a>
|
||||||
|
<a class="desktop_navbar_link scroll">Current Version: 0.1.0</a>
|
||||||
|
<div class="desktop_navbar_link2_div">
|
||||||
|
<a href="./branches.html" class="desktop_navbar_link2">Download</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<div class="mobile_navbar">
|
||||||
|
<a href="#" class="mobile_navbar_logo_img_a"><img class="mobile_navbar_logo_img" src="media/erik.png" alt="logo"></a>
|
||||||
|
<div id="mobile_navbar_links">
|
||||||
|
<a class="mobile_navbar_link" onclick="mobile_navbar_link_hider()" href="https://ko-fi.com/pengucc">Donate</a>
|
||||||
|
<a class="mobile_navbar_link" onclick="mobile_navbar_link_hider()" href="https://merch.lethal-extended.com">Merch</a>
|
||||||
|
<a class="mobile_navbar_link" onclick="mobile_navbar_link_hider()" href="./aboutus.html">About Us</a>
|
||||||
|
<a class="mobile_navbar_link" onclick="mobile_navbar_link_hider()" href="./credits.html">Credits</a>
|
||||||
|
</div>
|
||||||
|
<div class="icon" onclick="mobile_navbar_link_hider()">
|
||||||
|
<i class="fa fa-bars"></i>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
function mobile_navbar_link_hider() {
|
||||||
|
var x = document.getElementById("mobile_navbar_links");
|
||||||
|
if (x.style.display === "flex") {
|
||||||
|
x.style.display = "none";
|
||||||
|
} else {
|
||||||
|
x.style.display = "flex";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
<div class="mainflex">
|
||||||
|
<div class="team-background">
|
||||||
|
<a class="main1_logo_a" href="index.html">
|
||||||
|
</a>
|
||||||
|
<div class="main1_description">
|
||||||
|
</div>
|
||||||
|
<div class="main1_ipcopier_div">
|
||||||
|
</div>
|
||||||
|
<a href="#more" class="scroll">
|
||||||
|
</a>
|
||||||
|
<script>
|
||||||
|
const scrollLinks = document.querySelectorAll('.scroll');
|
||||||
|
scrollLinks.forEach(function(link) {
|
||||||
|
link.addEventListener('click', function(event) {
|
||||||
|
event.preventDefault();
|
||||||
|
const target = document.querySelector(link.getAttribute('href'));
|
||||||
|
const offsetTop = target.offsetTop;
|
||||||
|
window.scrollTo({
|
||||||
|
top: offsetTop,
|
||||||
|
behavior: 'smooth'
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
<div id="more"></div>
|
||||||
|
<div class="main2">
|
||||||
|
<a class="headline">Devs</a>
|
||||||
|
<div class="main2_features_div">
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/staff/unnamed (3).png">
|
||||||
|
<a class="main2_feature_headline">Pengu</a>
|
||||||
|
<a class="main2_feature_text" href=""></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main2">
|
||||||
|
<a class="headline">Community Managers</a>
|
||||||
|
<div class="main2_features_div">
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/staff/jeremy_0fficial.webp">
|
||||||
|
<a class="main2_feature_headline">jeremy_0fficial</a>
|
||||||
|
<a class="main2_feature_text" href=""></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main2">
|
||||||
|
<a class="headline">Artists</a>
|
||||||
|
<div class="main2_features_div">
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/staff/sophin.webp">
|
||||||
|
<a class="main2_feature_headline">Sophin</a>
|
||||||
|
<a class="main2_feature_text" href=""></a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/staff/rainn.webp">
|
||||||
|
<a class="main2_feature_headline">Rainn</a>
|
||||||
|
<a class="main2_feature_text" href=""></a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/staff/captainfuckface.webp">
|
||||||
|
<a class="main2_feature_headline">CaptainFuckFace</a>
|
||||||
|
<a class="main2_feature_text" href=""></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main2">
|
||||||
|
<a class="headline">Merch Team</a>
|
||||||
|
<div class="main2_features_div">
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/staff/whimsbee.webp">
|
||||||
|
<a class="main2_feature_headline">Whimsbee</a>
|
||||||
|
<a class="main2_feature_text" href=""></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main2">
|
||||||
|
<a class="headline">Moderators</a>
|
||||||
|
<div class="main2_features_div">
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/staff/darkwillow.webp">
|
||||||
|
<a class="main2_feature_headline">DarkWillow</a>
|
||||||
|
<a class="main2_feature_text" href=""></a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/staff/Michi Darks.webp">
|
||||||
|
<a class="main2_feature_headline">Michi Darks</a>
|
||||||
|
<a class="main2_feature_text" href=""></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,36 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="EN">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>SE | Branches</title>
|
||||||
|
<link rel="icon" type="image/png" href="media/Logo.png">
|
||||||
|
<link rel="stylesheet" href="static/css/home.css">
|
||||||
|
|
||||||
|
<meta charset="application/javascript">
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=application/javascript" />
|
||||||
|
<meta name="theme-color" content="#2b2b2b">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta name="description" content="Content-Expansion Modpack downloads">
|
||||||
|
<meta name="keywords" content="Lethal Company, Lethal Extended, Lethal Mods">
|
||||||
|
<meta name="author" content="PenguCC">
|
||||||
|
<meta name="theme-color" content="#59d983">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="content">
|
||||||
|
<img class="image" src="media/Logo.png">
|
||||||
|
<h1>Downloads</h1>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<div class="links">
|
||||||
|
<a class="stable link" href="downloads.html">Download</a>
|
||||||
|
<a class="github link" href="./index.html">Go Back</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="static/js/home.js" async></script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/page-accelerator/0.1.1/page-accelerator.min.js" integrity="sha512-YZMsq9hQOwRuYLHDE3xu5Fuqc7dsw8JW93koppkyK4dxD963sMKZkZQFF62HpQIA74nmG8mK4lzKQf0IpFOU2Q==" crossorigin="anonymous"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
|
@ -0,0 +1,238 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>SE | Credits</title>
|
||||||
|
<link rel="icon" type="image/png" href="media/Logo.png">
|
||||||
|
<link rel="stylesheet" href="media/style.css">
|
||||||
|
<link href="https://fonts.bunny.net/css?family=Space+Grotesk:wght@500&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
<meta content="Subnuatica-Expanded" property="og:title" />
|
||||||
|
<meta content="Subnautica, but fishier." property="og:description" />
|
||||||
|
<meta content="https://lethal-extended.com/subnautica-expanded" property="og:url" />
|
||||||
|
<meta content="https://lethal-extended.com/media/projects/SubnuaticaExpanded.png" property="og:image" />
|
||||||
|
<meta content="#db5b04" data-react-helmet="true" name="theme-color" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||||||
|
<nav class="desktop_navbar">
|
||||||
|
<a href="index.html"><img class="desktop_navbar_logo_img" src="media/erik.png" width="96" height="64" alt="logo"></a>
|
||||||
|
<a href="https://merch.lethal-extended.com" class="desktop_navbar_link">Merch</a>
|
||||||
|
<a href="./aboutus.html" class="desktop_navbar_link">About Us</a>
|
||||||
|
<a href="./credits.html" class="desktop_navbar_link">Credits</a>
|
||||||
|
<a href="./projects.html" class="desktop_navbar_link">Projects</a>
|
||||||
|
<a href="https://spook.tube" class="desktop_navbar_link">SpookTube</a>
|
||||||
|
<a class="desktop_navbar_link scroll">Current Version: 0.1.0</a>
|
||||||
|
<div class="desktop_navbar_link2_div">
|
||||||
|
<a href="./branches.html" class="desktop_navbar_link2">Download</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<div class="mobile_navbar">
|
||||||
|
<a href="#" class="mobile_navbar_logo_img_a"><img class="mobile_navbar_logo_img" src="media/erik.png" alt="logo"></a>
|
||||||
|
<div id="mobile_navbar_links">
|
||||||
|
<a class="mobile_navbar_link" onclick="mobile_navbar_link_hider()" href="https://ko-fi.com/pengucc">Donate</a>
|
||||||
|
<a class="mobile_navbar_link" onclick="mobile_navbar_link_hider()" href="https://merch.lethal-extended.com">Merch</a>
|
||||||
|
<a class="mobile_navbar_link" onclick="mobile_navbar_link_hider()" href="./aboutus.html">About Us</a>
|
||||||
|
<a class="mobile_navbar_link" onclick="mobile_navbar_link_hider()" href="./credits.html">Credits</a>
|
||||||
|
</div>
|
||||||
|
<div class="icon" onclick="mobile_navbar_link_hider()">
|
||||||
|
<i class="fa fa-bars"></i>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
function mobile_navbar_link_hider() {
|
||||||
|
var x = document.getElementById("mobile_navbar_links");
|
||||||
|
if (x.style.display === "flex") {
|
||||||
|
x.style.display = "none";
|
||||||
|
} else {
|
||||||
|
x.style.display = "flex";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
<div class="mainflex">
|
||||||
|
<div class="credits-background">
|
||||||
|
<a class="main1_logo_a" href="index.html">
|
||||||
|
</a>
|
||||||
|
<div class="main1_description">
|
||||||
|
</div>
|
||||||
|
<div class="main1_ipcopier_div">
|
||||||
|
</div>
|
||||||
|
<a href="#more" class="scroll">
|
||||||
|
</a>
|
||||||
|
<script>
|
||||||
|
const scrollLinks = document.querySelectorAll('.scroll');
|
||||||
|
scrollLinks.forEach(function(link) {
|
||||||
|
link.addEventListener('click', function(event) {
|
||||||
|
event.preventDefault();
|
||||||
|
const target = document.querySelector(link.getAttribute('href'));
|
||||||
|
const offsetTop = target.offsetTop;
|
||||||
|
window.scrollTo({
|
||||||
|
top: offsetTop,
|
||||||
|
behavior: 'smooth'
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
<div id="more"></div>
|
||||||
|
<div class="main2">
|
||||||
|
<a class="headline">Credits</a>
|
||||||
|
<div class="main2_features_div">
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/hyydsz-Boombox-1.1.4.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">Boombox</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/hyydsz/Boombox/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/Clementinise-DeathStatus-1.1.0.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">DeathStatus</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/Clementinise/DeathStatus/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/www_Day_Dream-Shuv-1.1.0.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">Shuv</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/www_Day_Dream/Shuv/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/MaxWasUnavailable-Virality-1.3.0.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">Virality</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/MaxWasUnavailable/Virality/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/ViViKo-MoreColors-1.5.0.png.128x128_q95.jpg">
|
||||||
|
<a class="main2_feature_headline">MoreColors</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/ViViKo/MoreColors/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/RugbugRedfern-MyceliumNetworking-1.0.12.png.128x128_q95.jpg">
|
||||||
|
<a class="main2_feature_headline">MyceliumNetworking</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/RugbugRedfern/MyceliumNetworking/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/CommanderCat101-ContentSettings-1.2.2.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">ContentSettings</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/CommanderCat101/ContentSettings/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/RamuneNeptune-SkipIntroScreen-1.0.1.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">SkipIntroScreen</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/RamuneNeptune/SkipIntroScreen/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/RamuneNeptune-MakeMeRagdoll-1.1.2.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">MakeMeRagdoll</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/RamuneNeptune/MakeMeRagdoll/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/Computery-Fall_Fix-1.0.1.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">FallFix</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/Computery/Fall_Fix/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/Playboi-HellDivers-1.0.0.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">HellDivers</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/Playboi/HellDivers/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/hyydsz-ShopUtils-1.0.8.png.128x128_q95.jpg">
|
||||||
|
<a class="main2_feature_headline">ShopUtils</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/hyydsz/ShopUtils/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/Bakuma-Custom_faces-1.0.2.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">CustomFaces</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/Bakuma/Custom_faces/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/Computery-Toggle_Mute-1.0.0.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">ToggleMute</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/Computery/Toggle_Mute/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/Hamunii-AutoHookGenPatcher-1.0.4.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">AutoHookGenPatcher</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/Hamunii/AutoHookGenPatcher/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/Hamunii-DetourContext_Dispose_Fix-1.0.3.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">DisposeFix</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/Hamunii/DetourContext_Dispose_Fix/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/GamingFrame-More_Comments-1.2.1.png.128x128_q95.jpg">
|
||||||
|
<a class="main2_feature_headline">MoreComments</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/GamingFrame/More_Comments/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/Playboi-EmoteWheel-1.0.0.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">EmoteWheel</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/Playboi/EmoteWheel/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/Uprank-Any_Sprint_Direction-1.0.0.png.128x128_q95.jpg">
|
||||||
|
<a class="main2_feature_headline">AnySprintDirection</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/Uprank/Any_Sprint_Direction/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/DAa-CWMissing-2.0.8.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">CWMissing</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/DAa/CWMissing/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/Arargd-SillyItems-0.5.0.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">SillyItems</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/Arargd/SillyItems/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/Holden-Holdens_Third_Person_Mod-1.0.0.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">Holdens Third Person Mod</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/Holden/Holdens_Third_Person_Mod/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/Greft-LongRangeReload-1.2.0.png.128x128_q95.jpg">
|
||||||
|
<a class="main2_feature_headline">LongRangeReload</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/Greft/LongRangeReload/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/Onliners-KnockOutWarning-1.1.5.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">KnockOutWarning</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/Onliners/KnockOutWarning/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/cw_qwbarch-Mirage-1.5.0.png.128x128_q95.jpg">
|
||||||
|
<a class="main2_feature_headline">Mirage</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/cw_qwbarch/Mirage/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/ElectricSteve-Surface_Die_Fix-1.0.0.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">SurfaceDieFix</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/ElectricSteve/Surface_Die_Fix/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/cw_qwbarch-BarchLib-1.0.1.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">BarchLib</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/cw_qwbarch/BarchLib/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/ViViKo-MoreSounds-1.0.2.png.128x128_q95.jpg">
|
||||||
|
<a class="main2_feature_headline">MoreSounds</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/ViViKo/MoreSounds/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/sc07-spooktube-1.0.4.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">SpookTube</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/sc07/spooktube/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/ViViKo-MoreProjections-1.2.1.png.128x128_q95.jpg">
|
||||||
|
<a class="main2_feature_headline">MoreProjections</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/c/content-warning/p/ViViKo/MoreProjections/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,87 @@
|
||||||
|
|
||||||
|
|
||||||
|
.flex-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.flex-item img{
|
||||||
|
flex-grow:0;
|
||||||
|
flex-shrink:0;
|
||||||
|
}
|
||||||
|
h1.ariel {
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
}
|
||||||
|
div.ariel {
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
background-color: #070707;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
float: right;
|
||||||
|
border-right:1px solid #070707;
|
||||||
|
}
|
||||||
|
|
||||||
|
li:last-child {
|
||||||
|
border-right: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
li a {
|
||||||
|
display: block;
|
||||||
|
color: rgb(#ffffff);
|
||||||
|
text-align: center;
|
||||||
|
padding: 14px 16px;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
li a:hover:not(.active) {
|
||||||
|
background-color: #070707;
|
||||||
|
}
|
||||||
|
|
||||||
|
.active {
|
||||||
|
background-color: #2C2F33;
|
||||||
|
}
|
||||||
|
.synx-table {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
color: white;
|
||||||
|
margin-top: 150px;
|
||||||
|
}
|
||||||
|
.synx-table {
|
||||||
|
margin-top: 100px;
|
||||||
|
}
|
||||||
|
.btn {
|
||||||
|
background: #070707;
|
||||||
|
background-image: -webkit-linear-gradient(top, #070707, #070707);
|
||||||
|
background-image: -moz-linear-gradient(top, #070707, #070707);
|
||||||
|
background-image: -ms-linear-gradient(top, #070707, #070707);
|
||||||
|
background-image: -o-linear-gradient(top, #070707, #070707);
|
||||||
|
background-image: linear-gradient(to bottom, #070707, #070707);
|
||||||
|
-webkit-border-radius: 17;
|
||||||
|
-moz-border-radius: 17;
|
||||||
|
border-radius: 17px;
|
||||||
|
font-family: Arial;
|
||||||
|
color: #ffffff;
|
||||||
|
font-size: 20px;
|
||||||
|
padding: 10px 20px 10px 20px;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn:hover {
|
||||||
|
background: #070707;
|
||||||
|
background-image: -webkit-linear-gradient(top, #070707, #070707);
|
||||||
|
background-image: -moz-linear-gradient(top, #070707, #070707);
|
||||||
|
background-image: -ms-linear-gradient(top, #070707, #070707);
|
||||||
|
background-image: -o-linear-gradient(top, #070707, #070707);
|
||||||
|
background-image: linear-gradient(to bottom, #070707, #070707);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none; /* no underline */
|
||||||
|
}
|
|
@ -0,0 +1,48 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="EN">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>SE | Downloads</title>
|
||||||
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
|
||||||
|
<link rel="stylesheet" href="static/css/download.css">
|
||||||
|
<link rel="icon" type="image/png" href="media/Logo.png">
|
||||||
|
|
||||||
|
<meta charset="application/javascript">
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=application/javascript" />
|
||||||
|
<meta name="theme-color" content="#2b2b2b">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta name="description" content="Subnautica-Expanded Modpack downloads">
|
||||||
|
<meta name="keywords" content="Lethal Company, Lethal Extended, Lethal Mods">
|
||||||
|
<meta name="author" content="PenguCC">
|
||||||
|
<meta name="theme-color" content="#23779e">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="back-menu">
|
||||||
|
<a href="branches.html"><- Back to home</a>
|
||||||
|
</div>
|
||||||
|
<div class="heading container">
|
||||||
|
<h1>Subnautica-Expanded Downloads</h1>
|
||||||
|
<h3 id="buildsAre">These builds are for production</h3>
|
||||||
|
<h4 id="error" style="display: none; color: red;">Uh oh. Looks like you've been rate limited. Sit tight, in 2 minutes it will be gone!</h4>
|
||||||
|
<a id="stable" href="%s" class="download-button">Latest stable build: %s<span class="material-icons">get_app</span></a>
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<div class="builds">
|
||||||
|
<table class="table table-borderless table-responsive-sm" id="table">
|
||||||
|
<tr class="table-heading">
|
||||||
|
<th>Downloads</th>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<a class="ci-link" href="https://cdn.galactiq.net/subnauticaexpanded/Subnautica-Expanded-Latest.zip">Latest</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/page-accelerator/0.1.1/page-accelerator.min.js" integrity="sha512-YZMsq9hQOwRuYLHDE3xu5Fuqc7dsw8JW93koppkyK4dxD963sMKZkZQFF62HpQIA74nmG8mK4lzKQf0IpFOU2Q==" crossorigin="anonymous"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
|
@ -0,0 +1,195 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Subnautica Expanded</title>
|
||||||
|
<link rel="icon" type="image/png" href="media/Logo.png">
|
||||||
|
<link rel="stylesheet" href="media/style.css">
|
||||||
|
<link href="https://fonts.bunny.net/css?family=Space+Grotesk:wght@500&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
||||||
|
<meta content="Subnuatica-Expanded" property="og:title" />
|
||||||
|
<meta content="Subnautica, but fishier." property="og:description" />
|
||||||
|
<meta content="https://lethal-extended.com/subnautica-expanded" property="og:url" />
|
||||||
|
<meta content="https://lethal-extended.com/media/projects/SubnuaticaExpanded.png" property="og:image" />
|
||||||
|
<meta content="#db5b04" data-react-helmet="true" name="theme-color" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||||||
|
<nav class="desktop_navbar">
|
||||||
|
<a href="index.html"><img class="desktop_navbar_logo_img" src="media/Logo.png" width="96" height="64" alt="logo"></a>
|
||||||
|
<a href="https://merch.lethal-extended.com" class="desktop_navbar_link">Merch</a>
|
||||||
|
<a href="./aboutus.html" class="desktop_navbar_link">About Us</a>
|
||||||
|
<a href="./credits.html" class="desktop_navbar_link">Credits</a>
|
||||||
|
<a href="./projects.html" class="desktop_navbar_link">Projects</a>
|
||||||
|
<a class="desktop_navbar_link scroll">Current Version: 0.0.1</a>
|
||||||
|
<div class="desktop_navbar_link2_div">
|
||||||
|
<a href="./branches.html" class="desktop_navbar_link2">Download</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<div class="mobile_navbar">
|
||||||
|
<a href="#" class="mobile_navbar_logo_img_a"><img class="mobile_navbar_logo_img" src="media/Logo.png" alt="logo"></a>
|
||||||
|
<div id="mobile_navbar_links">
|
||||||
|
<a class="mobile_navbar_link" onclick="mobile_navbar_link_hider()" href="https://ko-fi.com/pengucc">Donate</a>
|
||||||
|
<a class="mobile_navbar_link" onclick="mobile_navbar_link_hider()" href="https://merch.lethal-extended.com">Merch</a>
|
||||||
|
<a class="mobile_navbar_link" onclick="mobile_navbar_link_hider()" href="./aboutus.html">About Us</a>
|
||||||
|
<a class="mobile_navbar_link" onclick="mobile_navbar_link_hider()" href="./credits.html">Credits</a>
|
||||||
|
</div>
|
||||||
|
<div class="icon" onclick="mobile_navbar_link_hider()">
|
||||||
|
<i class="fa fa-bars"></i>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
function mobile_navbar_link_hider() {
|
||||||
|
var x = document.getElementById("mobile_navbar_links");
|
||||||
|
if (x.style.display === "flex") {
|
||||||
|
x.style.display = "none";
|
||||||
|
} else {
|
||||||
|
x.style.display = "flex";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
<div class="mainflex">
|
||||||
|
<div class="main1">
|
||||||
|
<a class="main1_logo_a" href="#">
|
||||||
|
<img class="main1_logo" src="media/Logo.png" height="412" alt="logo">
|
||||||
|
</a>
|
||||||
|
<a href="https://ko-fi.com/pengucc"><img alt="kofi" src="https://cdn.jsdelivr.net/npm/@intergrav/devins-badges@3/assets/compact/donate/kofi-plural-alt_vector.svg"></a>
|
||||||
|
<div class="main1_description">
|
||||||
|
<a>Subnautica,<br>but</a>
|
||||||
|
<a class="main1_actcent">fishier</a><a>.</a>
|
||||||
|
</div>
|
||||||
|
<div class="main1_ipcopier_div">
|
||||||
|
<button class="main1_ipcopier" type="button">
|
||||||
|
<span class="main1_ipcopier_text1"></span>
|
||||||
|
<a class="main1_ipcopier_text1" href="https://discord.gg/BkmEarDQxq">Discord Server</a>
|
||||||
|
</button>
|
||||||
|
<button class="main1_ipcopier" type="button">
|
||||||
|
<a class="main1_ipcopier_text1" href="https://forms.gle/xg75cWRE8jyiZ6ak6">Dev Application</a>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<a href="#more" class="scroll">
|
||||||
|
<img alt="downarrow" class="main1_downarrow" src="media/downarrow.png">
|
||||||
|
</a>
|
||||||
|
<script>
|
||||||
|
const scrollLinks = document.querySelectorAll('.scroll');
|
||||||
|
scrollLinks.forEach(function(link) {
|
||||||
|
link.addEventListener('click', function(event) {
|
||||||
|
event.preventDefault();
|
||||||
|
const target = document.querySelector(link.getAttribute('href'));
|
||||||
|
const offsetTop = target.offsetTop;
|
||||||
|
window.scrollTo({
|
||||||
|
top: offsetTop,
|
||||||
|
behavior: 'smooth'
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
<div id="more"></div>
|
||||||
|
<div class="main2">
|
||||||
|
<a class="headline">What we have</a>
|
||||||
|
<div class="main2_features_div">
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/features/defabricate.webp">
|
||||||
|
<a class="main2_feature_headline">Defabricator</a>
|
||||||
|
<a class="main2_feature_text">Recycle Tools for materials!</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/features/moreupgrades.webp">
|
||||||
|
<a class="main2_feature_headline">More Cyclops Upgrades</a>
|
||||||
|
<a class="main2_feature_text">build as many upgrade consoles as you need in your Cyclops!</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/features/storageaccess.webp">
|
||||||
|
<a class="main2_feature_headline">Access Vehicle Storage</a>
|
||||||
|
<a class="main2_feature_text">Access Vehicle Storage from Vehicle bay!</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/features/batteries.webp">
|
||||||
|
<a class="main2_feature_headline">More Batteries</a>
|
||||||
|
<a class="main2_feature_text">Tons of new batteries to use!</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/features/more.avif">
|
||||||
|
<a class="main2_feature_headline">More</a>
|
||||||
|
<a class="main2_feature_text">So many more mods (Check Credits for a full list)</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="supporters"></div>
|
||||||
|
<div class="main5">
|
||||||
|
<a class="headline">Our Supporters</a>
|
||||||
|
<div class="main5_supporter_div">
|
||||||
|
<div class="main5_beta_div">
|
||||||
|
<img class="main5_beta_img" alt="beta member img" src="media/supporters/Roxor.webp">
|
||||||
|
<div class="main5_beta_description_div">
|
||||||
|
<a class="main5_beta_description_rank main5_beta_description_rank_beta">[Ko-Fi Supporter]</a>
|
||||||
|
<a class="main5_beta_description_title">Roxor</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main5_beta_div">
|
||||||
|
<img class="main5_beta_img" alt="beta member img" src="media/supporters/sam.webp">
|
||||||
|
<div class="main5_beta_description_div">
|
||||||
|
<a class="main5_beta_description_rank main5_beta_description_rank_beta">[Ko-Fi Supporter]</a>
|
||||||
|
<a class="main5_beta_description_title">Sam</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main5_supporter_div">
|
||||||
|
<div class="main5_supporters_div">
|
||||||
|
<img class="main5_supporters_img" alt="supporters member img" src="media/supporters/davidstired.webp">
|
||||||
|
<div class="main5_supporters_description_div">
|
||||||
|
<a class="main5_beta_description_rank main5_beta_description_rank_supporter">[Beta Tester]</a>
|
||||||
|
<a class="main5_supporters_description_title">DavidsTired</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main5_supporters_div">
|
||||||
|
<img class="main5_supporters_img" alt="supporters member img" src="media/supporters/bonk.webp">
|
||||||
|
<div class="main5_supporters_description_div">
|
||||||
|
<a class="main5_beta_description_rank main5_beta_description_rank_supporter">[Beta Tester]</a>
|
||||||
|
<a class="main5_supporters_description_title">Bonk</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main5_supporters_div">
|
||||||
|
<img class="main5_supporters_img" alt="supporters member img" src="media/supporters/Glisnian.webp">
|
||||||
|
<div class="main5_supporters_description_div">
|
||||||
|
<a class="main5_beta_description_rank main5_beta_description_rank_supporter">[Beta Tester]</a>
|
||||||
|
<a class="main5_supporters_description_title">Dominick</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main5_supporters_div">
|
||||||
|
<img class="main5_supporters_img" alt="supporters member img" src="media/supporters/Hai.webp">
|
||||||
|
<div class="main5_supporters_description_div">
|
||||||
|
<a class="main5_beta_description_rank main5_beta_description_rank_supporter">[Beta Tester]</a>
|
||||||
|
<a class="main5_supporters_description_title">Hai</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main5_supporters_div">
|
||||||
|
<img class="main5_supporters_img" alt="supporters member img" src="media/supporters/ninja.webp">
|
||||||
|
<div class="main5_supporters_description_div">
|
||||||
|
<a class="main5_beta_description_rank main5_beta_description_rank_supporter">[Beta Tester]</a>
|
||||||
|
<a class="main5_supporters_description_title">Ninja</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main5_supporters_div">
|
||||||
|
<img class="main5_supporters_img" alt="supporters member img" src="media/supporters/gingy.webp">
|
||||||
|
<div class="main5_supporters_description_div">
|
||||||
|
<a class="main5_beta_description_rank main5_beta_description_rank_supporter">[Beta Tester]</a>
|
||||||
|
<a class="main5_supporters_description_title">Gingy</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main5_supporters_div">
|
||||||
|
<img class="main5_supporters_img" alt="supporters member img" src="media/supporters/kat.webp">
|
||||||
|
<div class="main5_supporters_description_div">
|
||||||
|
<a class="main5_beta_description_rank main5_beta_description_rank_supporter">[Beta Tester]</a>
|
||||||
|
<a class="main5_supporters_description_title">KatsumiTM</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
After Width: | Height: | Size: 356 KiB |
After Width: | Height: | Size: 16 KiB |
After Width: | Height: | Size: 215 KiB |
After Width: | Height: | Size: 2.6 MiB |
After Width: | Height: | Size: 430 KiB |
After Width: | Height: | Size: 13 MiB |
After Width: | Height: | Size: 27 KiB |
After Width: | Height: | Size: 22 KiB |
After Width: | Height: | Size: 10 KiB |
After Width: | Height: | Size: 8.4 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 20 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 6.2 KiB |
After Width: | Height: | Size: 8.4 KiB |
After Width: | Height: | Size: 7.5 KiB |
After Width: | Height: | Size: 9.9 KiB |
After Width: | Height: | Size: 6.2 KiB |
After Width: | Height: | Size: 7.1 KiB |
After Width: | Height: | Size: 6.4 KiB |
After Width: | Height: | Size: 26 KiB |
After Width: | Height: | Size: 30 KiB |
After Width: | Height: | Size: 26 KiB |
After Width: | Height: | Size: 27 KiB |
After Width: | Height: | Size: 6.8 KiB |
After Width: | Height: | Size: 11 KiB |
After Width: | Height: | Size: 8.3 KiB |
After Width: | Height: | Size: 7.3 KiB |
After Width: | Height: | Size: 6.9 KiB |
After Width: | Height: | Size: 6.5 KiB |
After Width: | Height: | Size: 5.2 KiB |
After Width: | Height: | Size: 26 KiB |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 8.8 KiB |
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 2.1 MiB |
After Width: | Height: | Size: 7.6 KiB |
After Width: | Height: | Size: 82 KiB |
After Width: | Height: | Size: 10 KiB |
After Width: | Height: | Size: 7.1 KiB |
After Width: | Height: | Size: 30 KiB |
After Width: | Height: | Size: 8.3 KiB |
After Width: | Height: | Size: 109 KiB |
After Width: | Height: | Size: 66 KiB |
After Width: | Height: | Size: 26 KiB |
After Width: | Height: | Size: 106 KiB |
After Width: | Height: | Size: 100 KiB |
After Width: | Height: | Size: 16 KiB |
After Width: | Height: | Size: 150 KiB |
After Width: | Height: | Size: 5.5 MiB |
After Width: | Height: | Size: 15 KiB |
After Width: | Height: | Size: 36 KiB |
After Width: | Height: | Size: 20 KiB |
After Width: | Height: | Size: 92 KiB |
After Width: | Height: | Size: 92 KiB |
After Width: | Height: | Size: 109 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 52 KiB |
After Width: | Height: | Size: 1.9 KiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 2.1 KiB |
After Width: | Height: | Size: 2.4 KiB |
After Width: | Height: | Size: 2.5 KiB |
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 296 KiB |
After Width: | Height: | Size: 1.3 KiB |
|
@ -0,0 +1,952 @@
|
||||||
|
:root {
|
||||||
|
--nice-padding: 6rem;
|
||||||
|
--roundness: 0.75rem;
|
||||||
|
--accent1: #23779e;
|
||||||
|
--accent2: #23779e;
|
||||||
|
--accent2_transp: #05b30555;
|
||||||
|
--background1: #212529;
|
||||||
|
--background2: #16191b;
|
||||||
|
|
||||||
|
|
||||||
|
color-scheme: dark;
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
font-family: 'Space Grotesk', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family:'Space Grotesk', sans-serif;
|
||||||
|
background-color: var(--background1);
|
||||||
|
color: white;
|
||||||
|
margin:0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#more {
|
||||||
|
padding-top:5rem;
|
||||||
|
margin-top: -5rem;
|
||||||
|
}
|
||||||
|
#discord {
|
||||||
|
padding-top:5rem;
|
||||||
|
margin-top: -5rem;
|
||||||
|
}
|
||||||
|
#about {
|
||||||
|
padding-top:5rem;
|
||||||
|
margin-top: -5rem;
|
||||||
|
}
|
||||||
|
#join {
|
||||||
|
padding-top:5rem;
|
||||||
|
margin-top: -5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.banner {
|
||||||
|
display: flex;
|
||||||
|
position: fixed;
|
||||||
|
background-color: #23779e;
|
||||||
|
width: 100%;
|
||||||
|
height: 3rem;
|
||||||
|
z-index: 10;
|
||||||
|
font-size: 2rem;
|
||||||
|
font-weight: 600;
|
||||||
|
justify-content: center;
|
||||||
|
backdrop-filter: blur(15px);
|
||||||
|
align-content: center;
|
||||||
|
padding-top: .4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.headline {
|
||||||
|
margin-top: 2rem;
|
||||||
|
color: #fff;
|
||||||
|
font-size:3rem;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.desktop_navbar {
|
||||||
|
position:fixed;
|
||||||
|
display: flex;
|
||||||
|
height: 4rem;
|
||||||
|
width: 100%;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
left: 0;
|
||||||
|
bottom:0;
|
||||||
|
background-color: #00000022;
|
||||||
|
backdrop-filter: blur(15px);
|
||||||
|
z-index: 5;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
|
||||||
|
.desktop_navbar_logo_img {
|
||||||
|
width: 5rem;
|
||||||
|
padding-left: 2rem;
|
||||||
|
padding-right: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.desktop_navbar_link {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
padding: .8rem;
|
||||||
|
transition: all .5s;
|
||||||
|
text-decoration: none;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.desktop_navbar_link:hover {
|
||||||
|
color: var(--accent1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.desktop_navbar_link2 {
|
||||||
|
padding:.5rem;
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.desktop_navbar_link2_div {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
padding: .8rem;
|
||||||
|
transition: all .5s;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: 2rem;
|
||||||
|
font-weight: 700;
|
||||||
|
border: solid 1px var(--accent1);
|
||||||
|
border-radius: var(--roundness);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.desktop_navbar_link2_div:hover {
|
||||||
|
border: solid 1px var(--accent2);
|
||||||
|
background-color: var(--accent2);
|
||||||
|
transform: scale(1.05)
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile_navbar {
|
||||||
|
display: none;
|
||||||
|
overflow: hidden;
|
||||||
|
background-color: #00000033;
|
||||||
|
backdrop-filter: blur(15px);
|
||||||
|
position: fixed;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 5;
|
||||||
|
flex-direction: row;
|
||||||
|
min-height: 53px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile_navbar_logo_img {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
height: 42px;
|
||||||
|
padding-left: .5rem;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
padding-top: 3.5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile_navbar #mobile_navbar_links {
|
||||||
|
display: none;
|
||||||
|
margin-top: 53px;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #00000011;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile_navbar_link {
|
||||||
|
padding:.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile_navbar a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 17px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile_navbar .icon {
|
||||||
|
background-color: #00000044;
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
padding: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile_navbar_logo_img_a {
|
||||||
|
display: block;
|
||||||
|
background-color: #00000022;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.mainflex {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
align-content: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main1 {
|
||||||
|
padding-top: calc(var(--nice-padding) + 2rem);
|
||||||
|
display:flex;
|
||||||
|
width: 100%;
|
||||||
|
align-self: center;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
align-content: center;
|
||||||
|
justify-content: center;
|
||||||
|
background: rgba(0, 0, 0, .5) url('./home.gif');
|
||||||
|
background-blend-mode: darken;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.credits-background {
|
||||||
|
padding-top: calc(var(--nice-padding) + 2rem);
|
||||||
|
display:flex;
|
||||||
|
width: 100%;
|
||||||
|
align-self: center;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
align-content: center;
|
||||||
|
justify-content: center;
|
||||||
|
background: rgba(0, 0, 0, .5) url('./Credits-Banner.png');
|
||||||
|
background-blend-mode: darken;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-background {
|
||||||
|
padding-top: calc(var(--nice-padding) + 2rem);
|
||||||
|
display:flex;
|
||||||
|
width: 100%;
|
||||||
|
align-self: center;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
align-content: center;
|
||||||
|
justify-content: center;
|
||||||
|
background: rgba(0, 0, 0, .5) url('./Team-Banner.png');
|
||||||
|
background-blend-mode: darken;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-background {
|
||||||
|
padding-top: calc(var(--nice-padding) + 2rem);
|
||||||
|
display:flex;
|
||||||
|
width: 100%;
|
||||||
|
align-self: center;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
align-content: center;
|
||||||
|
justify-content: center;
|
||||||
|
background: rgba(0, 0, 0, .5) url('./Projects-Banner.png');
|
||||||
|
background-blend-mode: darken;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main1_logo_a {
|
||||||
|
margin-bottom: var(--nice-padding);
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main1_logo {
|
||||||
|
display: block;
|
||||||
|
align-self: center;
|
||||||
|
margin-left:auto;
|
||||||
|
margin-right: auto;
|
||||||
|
transition: all .5s;
|
||||||
|
max-width: 40rem;
|
||||||
|
}
|
||||||
|
.main1_logo:hover {
|
||||||
|
transform: scale(1.05)
|
||||||
|
}
|
||||||
|
|
||||||
|
.main1_description {
|
||||||
|
text-align: center;
|
||||||
|
font-size:3rem;
|
||||||
|
margin-bottom: var(--nice-padding);
|
||||||
|
margin-left: 1rem;
|
||||||
|
margin-right: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main1_actcent {
|
||||||
|
font-weight: 800;
|
||||||
|
color:var(--accent1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.main1_ipcopier {
|
||||||
|
padding: 1rem;
|
||||||
|
padding-left: 2rem;
|
||||||
|
padding-right: 2rem;
|
||||||
|
font-size: 2rem;
|
||||||
|
background-color: #23779e;
|
||||||
|
border: 0px;
|
||||||
|
border-radius: var(--roundness);
|
||||||
|
color: white;
|
||||||
|
transition: all .5s;
|
||||||
|
cursor:pointer;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.pulse {
|
||||||
|
margin:100px;
|
||||||
|
display: block;
|
||||||
|
width: 22px;
|
||||||
|
height: 22px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: #23779e;
|
||||||
|
box-shadow: 0 0 0 #23779e;
|
||||||
|
animation: pulse 2s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes pulse {
|
||||||
|
0% {
|
||||||
|
-webkit-box-shadow: 0 0 0 0 #23779e;
|
||||||
|
}
|
||||||
|
70% {
|
||||||
|
-webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes pulse {
|
||||||
|
0% {
|
||||||
|
-moz-box-shadow: 0 0 0 0 #23779e;
|
||||||
|
box-shadow: 0 0 0 0 #23779e;
|
||||||
|
}
|
||||||
|
70% {
|
||||||
|
-moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
|
||||||
|
box-shadow: 0 0 0 10px rgba(204,169,44, 0);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
|
||||||
|
box-shadow: 0 0 0 0 rgba(204,169,44, 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.main1_ipcopier:hover {
|
||||||
|
background-color: #23779e;
|
||||||
|
transform: scale(1.05);
|
||||||
|
animation: pulse 2s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main1_ipcopier_text1 {
|
||||||
|
font-size:2rem;
|
||||||
|
font-weight: 800;
|
||||||
|
color: #ffff
|
||||||
|
}
|
||||||
|
|
||||||
|
.main1_ipcopier_text2 {
|
||||||
|
font-size:1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main1_popup {
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -0%);
|
||||||
|
text-align: center;
|
||||||
|
background-color: rgba(0, 175, 0, 0.1);
|
||||||
|
border:solid rgba(0, 175, 0, 1) 1px;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: var(--roundness);
|
||||||
|
z-index: 9999;
|
||||||
|
padding-left: 1rem;
|
||||||
|
padding-right: 1rem;
|
||||||
|
margin-top: -10.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main1_downarrow {
|
||||||
|
opacity: 50%;
|
||||||
|
height: 1.5rem;
|
||||||
|
padding:2rem;
|
||||||
|
transition: all .5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main1_downarrow:hover {
|
||||||
|
opacity: 100%;
|
||||||
|
transform: scale(1.05)
|
||||||
|
}
|
||||||
|
|
||||||
|
.main2 {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
align-content: center;
|
||||||
|
padding-bottom: 1rem;
|
||||||
|
background-color: var(--background2);
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.main2_features_div {
|
||||||
|
padding-top: 2rem;
|
||||||
|
display:flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-wrap:wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main2_feature {
|
||||||
|
display: flex;
|
||||||
|
background-color: var(--background1);
|
||||||
|
height: 24rem;
|
||||||
|
width: 18rem;
|
||||||
|
margin: 1rem;
|
||||||
|
border-radius: var(--roundness);
|
||||||
|
transition: all .5s;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main2_feature:hover {
|
||||||
|
background-color: #00000099;
|
||||||
|
transform: scale(1.05)
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1599px) {
|
||||||
|
.main2_features_div {
|
||||||
|
margin-left: 10rem;
|
||||||
|
margin-right: 10rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 1279px) {
|
||||||
|
.main2_features_div {
|
||||||
|
margin-left: 0rem;
|
||||||
|
margin-right: 0rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.main2_feature_img {
|
||||||
|
width: 100%;
|
||||||
|
height: 50%;
|
||||||
|
object-fit: cover;
|
||||||
|
border-radius: var(--roundness);
|
||||||
|
}
|
||||||
|
|
||||||
|
.main2_feature_headline {
|
||||||
|
margin-top: 1rem;
|
||||||
|
text-align: center;
|
||||||
|
font-size:1.5rem;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-top: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main2_feature_text {
|
||||||
|
margin:1rem;
|
||||||
|
text-align: center;
|
||||||
|
font-size:1.2rem;
|
||||||
|
margin-bottom: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.main4 {
|
||||||
|
min-height: 10rem;
|
||||||
|
width:100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main4_dc_widget {
|
||||||
|
border-radius: var(--roundness);
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main4_dc_div {
|
||||||
|
margin: 2rem;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
background-color: var(--background2);
|
||||||
|
border-radius: var(--roundness);
|
||||||
|
max-width: 48rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main4_dc_description_div {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main4_dc_description_title {
|
||||||
|
margin: 2rem;
|
||||||
|
text-align: center;
|
||||||
|
font-size:1.5rem;
|
||||||
|
font-weight: 700;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.main4_dc_description {
|
||||||
|
margin-left:1.5rem;
|
||||||
|
margin-right:1.5rem;
|
||||||
|
margin-bottom:1.5rem;
|
||||||
|
font-size:1.2rem;
|
||||||
|
}
|
||||||
|
.main4_dc_button_a{
|
||||||
|
text-decoration: none;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
border: solid var(--accent1) 1px;
|
||||||
|
border-radius: var(--roundness);
|
||||||
|
margin-top: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
transition: all .5s;
|
||||||
|
}
|
||||||
|
.main4_dc_button_a:hover{
|
||||||
|
border: solid 1px var(--accent2);
|
||||||
|
background-color: var(--accent2);
|
||||||
|
transform: scale(1.05)
|
||||||
|
}
|
||||||
|
.main4_dc_button {
|
||||||
|
padding:.5rem;
|
||||||
|
padding-left: 1.5rem;
|
||||||
|
padding-right: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.main5 {
|
||||||
|
background-color: var(--background2);
|
||||||
|
min-height: 10rem;
|
||||||
|
width:100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main5_admin_div{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
padding: 1rem 1rem .5rem 1rem;
|
||||||
|
}
|
||||||
|
.main5_admins_div{
|
||||||
|
display: flex;
|
||||||
|
max-width: 46rem;
|
||||||
|
min-height: 18rem;
|
||||||
|
background-color: var(--background1);
|
||||||
|
border-radius: var(--roundness);
|
||||||
|
margin-top: 1rem;
|
||||||
|
margin-right: 1rem;
|
||||||
|
margin-left: 1rem;
|
||||||
|
}
|
||||||
|
.main5_admins_dev_type1 {
|
||||||
|
flex-direction:row;
|
||||||
|
padding-right: 2rem;
|
||||||
|
}
|
||||||
|
.main5_admins_dev_type2 {
|
||||||
|
flex-direction: row-reverse;
|
||||||
|
padding-left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main5_admins_img {
|
||||||
|
border-radius: var(--roundness);
|
||||||
|
max-width: 45%;
|
||||||
|
max-height: 100%;
|
||||||
|
align-self: center;
|
||||||
|
}
|
||||||
|
.main5_admins_description_div {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
justify-self: center;
|
||||||
|
max-width: 60%;
|
||||||
|
padding-top: 2rem;
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
flex-direction: column;
|
||||||
|
padding-left: 1rem;
|
||||||
|
padding-right: 1rem;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
.main5_admins_description_rank {
|
||||||
|
text-align: center;
|
||||||
|
font-size:1.5rem;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
}
|
||||||
|
.main5_admins_description_rank_owner {
|
||||||
|
color: #3498db;
|
||||||
|
}
|
||||||
|
.main5_admins_description_rank_co-owner {
|
||||||
|
color: #010b29;
|
||||||
|
}
|
||||||
|
.main5_admins_description_rank_admin {
|
||||||
|
color: #02b383;
|
||||||
|
}
|
||||||
|
.main5_admins_description_title {
|
||||||
|
text-align: center;
|
||||||
|
font-size:1.5rem;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: all .5s;
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
}
|
||||||
|
.main5_admins_description_title:hover {
|
||||||
|
color: var(--accent1);
|
||||||
|
transform: scale(1.05)
|
||||||
|
}
|
||||||
|
|
||||||
|
.main5_admins_description {
|
||||||
|
margin-bottom: auto;
|
||||||
|
font-size:1.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.main5_supporter_div {
|
||||||
|
display: flex;
|
||||||
|
max-width: 825px;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction:row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main5_supporters_div {
|
||||||
|
width: 23.5rem;
|
||||||
|
min-height: 16rem;
|
||||||
|
background-color: var(--background1);
|
||||||
|
border-radius: var(--roundness);
|
||||||
|
margin: .5rem;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main5_supporters_img {
|
||||||
|
border-radius: var(--roundness);
|
||||||
|
max-width: 25%;
|
||||||
|
max-height: 100%;
|
||||||
|
align-self: center;
|
||||||
|
margin: 1rem;
|
||||||
|
}
|
||||||
|
.main5_supporters_description_div {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
width: 100%;
|
||||||
|
padding: 1rem 1.5rem 1rem 1rem;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.main5_supporters_description_rank {
|
||||||
|
text-align: center;
|
||||||
|
font-size:1.2rem;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
}
|
||||||
|
.main5_supporters_description_rank_supporter {
|
||||||
|
color: #00f8ff;
|
||||||
|
}
|
||||||
|
.main5_supporters_description_title {
|
||||||
|
text-align: center;
|
||||||
|
font-size:1.3rem;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: all .5s;
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
}
|
||||||
|
.main5_supporters_description_title:hover {
|
||||||
|
color: var(--accent1);
|
||||||
|
transform: scale(1.05)
|
||||||
|
}
|
||||||
|
|
||||||
|
.main5_supporters_description {
|
||||||
|
font-size:1.2rem;
|
||||||
|
margin-bottom: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main5_beta_div {
|
||||||
|
display: flex;
|
||||||
|
max-width: 825px;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction:row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main5_beta_div {
|
||||||
|
width: 23.5rem;
|
||||||
|
min-height: 16rem;
|
||||||
|
background-color: var(--background1);
|
||||||
|
border-radius: var(--roundness);
|
||||||
|
margin: .5rem;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main5_beta_img {
|
||||||
|
border-radius: var(--roundness);
|
||||||
|
max-width: 25%;
|
||||||
|
max-height: 100%;
|
||||||
|
align-self: center;
|
||||||
|
margin: 1rem;
|
||||||
|
}
|
||||||
|
.main5_beta_description_div {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
width: 100%;
|
||||||
|
padding: 1rem 1.5rem 1rem 1rem;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.main5_beta_description_rank {
|
||||||
|
text-align: center;
|
||||||
|
font-size:1.2rem;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
}
|
||||||
|
.main5_beta_description_rank_beta {
|
||||||
|
color: #00f8ff;
|
||||||
|
}
|
||||||
|
.main5_beta_description_title {
|
||||||
|
text-align: center;
|
||||||
|
font-size:1.3rem;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: all .5s;
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
}
|
||||||
|
.main5_beta_description_title:hover {
|
||||||
|
color: var(--accent1);
|
||||||
|
transform: scale(1.05)
|
||||||
|
}
|
||||||
|
|
||||||
|
.main5_beta_description {
|
||||||
|
font-size:1.2rem;
|
||||||
|
margin-bottom: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main5_beta_div {
|
||||||
|
display: flex;
|
||||||
|
max-width: 825px;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction:row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main5_beta_div {
|
||||||
|
width: 23.5rem;
|
||||||
|
min-height: 16rem;
|
||||||
|
background-color: var(--background1);
|
||||||
|
border-radius: var(--roundness);
|
||||||
|
margin: .5rem;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main5_beta_img {
|
||||||
|
border-radius: var(--roundness);
|
||||||
|
max-width: 25%;
|
||||||
|
max-height: 100%;
|
||||||
|
align-self: center;
|
||||||
|
margin: 1rem;
|
||||||
|
}
|
||||||
|
.main5_beta_description_div {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
width: 100%;
|
||||||
|
padding: 1rem 1.5rem 1rem 1rem;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.main5_beta_description_rank {
|
||||||
|
text-align: center;
|
||||||
|
font-size:1.2rem;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
}
|
||||||
|
.main5_beta_description_rank_supporter {
|
||||||
|
color: #dbce0e;
|
||||||
|
}
|
||||||
|
.main5_beta_description_title {
|
||||||
|
text-align: center;
|
||||||
|
font-size:1.3rem;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: all .5s;
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
}
|
||||||
|
.main5_beta_description_title:hover {
|
||||||
|
color: var(--accent1);
|
||||||
|
transform: scale(1.05)
|
||||||
|
}
|
||||||
|
|
||||||
|
.main5_beta_description {
|
||||||
|
font-size:1.2rem;
|
||||||
|
margin-bottom: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.main3 {
|
||||||
|
background-color: var(--background1);
|
||||||
|
min-height: 10rem;
|
||||||
|
width:100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction:column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main3_join_div_div {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
flex-wrap: wrap-reverse;
|
||||||
|
margin: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main3_join_div {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
width: 20rem;
|
||||||
|
height: 8rem;
|
||||||
|
background-color: var(--background2);
|
||||||
|
border-radius: var(--roundness);
|
||||||
|
margin: 1rem;
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main3_join_title {
|
||||||
|
text-align: center;
|
||||||
|
font-size:1.5rem;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: all .5s;
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main3_join_content_div {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
background-color: var(--background1);
|
||||||
|
height: 100%;
|
||||||
|
border-radius: var(--roundness);
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main3_join_categories {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: right;
|
||||||
|
font-size:1.4rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
border-right: 3px solid var(--background2);
|
||||||
|
padding-right: .75rem;
|
||||||
|
}
|
||||||
|
.main3_join_values {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: left;
|
||||||
|
font-size:1.4rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
border-left: 3px solid var(--background2);
|
||||||
|
padding-left: .75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* Copyright Text */
|
||||||
|
|
||||||
|
.copyright {
|
||||||
|
color: #ffffff99;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.copyright_div {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 16px;
|
||||||
|
width:auto;
|
||||||
|
background-color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (max-width: 600px) {
|
||||||
|
.desktop_navbar{
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
.mobile_navbar{
|
||||||
|
display:flex;
|
||||||
|
}
|
||||||
|
.headline {
|
||||||
|
font-size:1.9rem;
|
||||||
|
margin-right: 1rem;
|
||||||
|
margin-left: 1rem;
|
||||||
|
}
|
||||||
|
.main1_logo {
|
||||||
|
max-width: 16rem;
|
||||||
|
}
|
||||||
|
.main1_description {
|
||||||
|
font-size: 2.5rem;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
.main1_ipcopier {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.main5_admins_img {
|
||||||
|
align-self: center;
|
||||||
|
padding-top: 1rem;
|
||||||
|
}
|
||||||
|
.main5_admins_div{
|
||||||
|
flex-direction: column;
|
||||||
|
min-height: 0;
|
||||||
|
}
|
||||||
|
.main5_admins_description_div {
|
||||||
|
max-width: 100%;
|
||||||
|
padding: 2rem;
|
||||||
|
}
|
||||||
|
.main4_dc_div {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.main4_dc_widget {
|
||||||
|
height: 20rem;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.main3_join_div {
|
||||||
|
min-width: 20rem;
|
||||||
|
min-height: 9rem;
|
||||||
|
}
|
||||||
|
.main3_join_content_div {
|
||||||
|
padding:1rem;
|
||||||
|
}
|
||||||
|
.main5_admins_dev_type1 {
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
.main5_admins_dev_type2 {
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 360px) {
|
||||||
|
.main3_join_categories {
|
||||||
|
font-size:1rem;
|
||||||
|
}
|
||||||
|
.main3_join_values {
|
||||||
|
font-size:1rem;
|
||||||
|
}
|
||||||
|
.main3_join_div {
|
||||||
|
min-width: 10rem;
|
||||||
|
padding: .5rem;
|
||||||
|
}
|
||||||
|
.main3_join_div_div {
|
||||||
|
margin: .25rem;
|
||||||
|
}
|
||||||
|
}
|
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 902 B |
After Width: | Height: | Size: 4.0 KiB |
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 2.1 KiB |
After Width: | Height: | Size: 454 B |
After Width: | Height: | Size: 3.2 KiB |
|
@ -0,0 +1,149 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>SE | Projects</title>
|
||||||
|
<link rel="icon" type="image/png" href="media/Logo.png">
|
||||||
|
<link rel="stylesheet" href="media/style.css">
|
||||||
|
<link href="https://fonts.bunny.net/css?family=Space+Grotesk:wght@500&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
<meta content="Subnuatica-Expanded" property="og:title" />
|
||||||
|
<meta content="Subnautica, but fishier." property="og:description" />
|
||||||
|
<meta content="https://lethal-extended.com/subnautica-expanded" property="og:url" />
|
||||||
|
<meta content="https://lethal-extended.com/media/projects/SubnuaticaExpanded.png" property="og:image" />
|
||||||
|
<meta content="#db5b04" data-react-helmet="true" name="theme-color" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||||||
|
<nav class="desktop_navbar">
|
||||||
|
<a href="index.html"><img class="desktop_navbar_logo_img" src="media/erik.png" width="96" height="64" alt="logo"></a>
|
||||||
|
<a href="https://merch.lethal-extended.com" class="desktop_navbar_link">Merch</a>
|
||||||
|
<a href="./aboutus.html" class="desktop_navbar_link">About Us</a>
|
||||||
|
<a href="./credits.html" class="desktop_navbar_link">Credits</a>
|
||||||
|
<a href="./projects.html" class="desktop_navbar_link">Projects</a>
|
||||||
|
<a href="https://spook.tube" class="desktop_navbar_link">SpookTube</a>
|
||||||
|
<a class="desktop_navbar_link scroll">Current Version: 0.1.0</a>
|
||||||
|
<div class="desktop_navbar_link2_div">
|
||||||
|
<a href="./branches.html" class="desktop_navbar_link2">Download</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<div class="mobile_navbar">
|
||||||
|
<a href="#" class="mobile_navbar_logo_img_a"><img class="mobile_navbar_logo_img" src="media/erik.png" alt="logo"></a>
|
||||||
|
<div id="mobile_navbar_links">
|
||||||
|
<a class="mobile_navbar_link" onclick="mobile_navbar_link_hider()" href="https://ko-fi.com/pengucc">Donate</a>
|
||||||
|
<a class="mobile_navbar_link" onclick="mobile_navbar_link_hider()" href="https://merch.lethal-extended.com">Merch</a>
|
||||||
|
<a class="mobile_navbar_link" onclick="mobile_navbar_link_hider()" href="./aboutus.html">About Us</a>
|
||||||
|
<a class="mobile_navbar_link" onclick="mobile_navbar_link_hider()" href="./credits.html">Credits</a>
|
||||||
|
</div>
|
||||||
|
<div class="icon" onclick="mobile_navbar_link_hider()">
|
||||||
|
<i class="fa fa-bars"></i>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
function mobile_navbar_link_hider() {
|
||||||
|
var x = document.getElementById("mobile_navbar_links");
|
||||||
|
if (x.style.display === "flex") {
|
||||||
|
x.style.display = "none";
|
||||||
|
} else {
|
||||||
|
x.style.display = "flex";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
<div class="mainflex">
|
||||||
|
<div class="projects-background">
|
||||||
|
<a class="main1_logo_a" href="index.html">
|
||||||
|
</a>
|
||||||
|
<div class="main1_description">
|
||||||
|
</div>
|
||||||
|
<div class="main1_ipcopier_div">
|
||||||
|
</div>
|
||||||
|
<a href="#more" class="scroll">
|
||||||
|
</a>
|
||||||
|
<script>
|
||||||
|
const scrollLinks = document.querySelectorAll('.scroll');
|
||||||
|
scrollLinks.forEach(function(link) {
|
||||||
|
link.addEventListener('click', function(event) {
|
||||||
|
event.preventDefault();
|
||||||
|
const target = document.querySelector(link.getAttribute('href'));
|
||||||
|
const offsetTop = target.offsetTop;
|
||||||
|
window.scrollTo({
|
||||||
|
top: offsetTop,
|
||||||
|
behavior: 'smooth'
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
<div id="more"></div>
|
||||||
|
<div class="main2">
|
||||||
|
<a class="headline">Mods</a>
|
||||||
|
<div class="main2_features_div">
|
||||||
|
<div class="main2_feature">
|
||||||
|
<center>
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/projects/PenguCC-Kyrial-0.0.2.png.256x256_q95_crop.jpg">
|
||||||
|
<p></p>
|
||||||
|
<a class="main2_feature_headline">Kyrial</a>
|
||||||
|
<p></p>
|
||||||
|
<a href="https://thunderstore.io/c/lethal-company/p/PenguCC/Kyrial/"><img alt="thunderstore" src="https://cdn.galactiq.net/lethalextended/website/icons/thunderstore-compact_vector.svg"></a>
|
||||||
|
</center>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<center>
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/projects/BepInExGrafana.png">
|
||||||
|
<p></p>
|
||||||
|
<a class="main2_feature_headline">BepInEx Grafana</a>
|
||||||
|
<p></p>
|
||||||
|
<a href="https://thunderstore.io/c/content-warning/p/PenguCC/BepInEx_Grafana/"><img alt="thunderstore" src="https://cdn.galactiq.net/lethalextended/website/icons/thunderstore-compact_vector.svg"></a>
|
||||||
|
</center>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="main2">
|
||||||
|
<a class="headline">Modpacks</a>
|
||||||
|
<div class="main2_features_div">
|
||||||
|
<div class="main2_feature">
|
||||||
|
<center>
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/projects/LethalExtended.png">
|
||||||
|
<p></p>
|
||||||
|
<a class="main2_feature_headline" href="https://lethal-extended.com">Lethal-Extended</a>
|
||||||
|
<p></p>
|
||||||
|
<a href="https://lethal-extended.com"><img alt="website" src="https://cdn.jsdelivr.net/npm/@intergrav/devins-badges@3/assets/compact/documentation/website_vector.svg"></a>
|
||||||
|
<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>
|
||||||
|
</center>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<center>
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/projects/ContentExpansion.png">
|
||||||
|
<p></p>
|
||||||
|
<a class="main2_feature_headline" href="./index.html">Content-Expansion</a>
|
||||||
|
<p></p>
|
||||||
|
<a href="https://content-expansion.com"><img alt="website" src="https://cdn.jsdelivr.net/npm/@intergrav/devins-badges@3/assets/compact/documentation/website_vector.svg"></a>
|
||||||
|
<a href="https://thunderstore.io/c/content-warning/p/PenguCC/Content_Expansion/"><img alt="thunderstore" src="https://cdn.galactiq.net/lethalextended/website/icons/thunderstore-compact_vector.svg"></a>
|
||||||
|
</center>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<center>
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/projects/EnchantedHarvest.png">
|
||||||
|
<p></p>
|
||||||
|
<a class="main2_feature_headline" href="https://lethal-extended.com/enchanted-harvest/">Enchanted-Harvest</a>
|
||||||
|
<p></p>
|
||||||
|
<a href="https://cdn.galactiq.net/enchantedharvest/curseforge/Enchanted-Harvest-CurseForge-Latest.zip"><img alt="forge" src="https://cdn.jsdelivr.net/npm/@intergrav/devins-badges@3/assets/compact/available/curseforge_vector.svg"></a>
|
||||||
|
<a href="https://cdn.galactiq.net/enchantedharvest/modrinth/Enchanted-Harvest-Modrinth-Latest.mrpack"><img alt="modrinth" src="https://cdn.jsdelivr.net/npm/@intergrav/devins-badges@3/assets/compact/available/modrinth_vector.svg"></a>
|
||||||
|
</center>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<center>
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/projects/SubnuaticaExpanded.png">
|
||||||
|
<p></p>
|
||||||
|
<a class="main2_feature_headline" href="https://lethal-extended.com/subnautica-expanded/">Subnautica-Expanded</a>
|
||||||
|
<p></p>
|
||||||
|
<a href="https://lethal-extended.com"><img alt="website" src="https://cdn.jsdelivr.net/npm/@intergrav/devins-badges@3/assets/compact/documentation/website_vector.svg"></a>
|
||||||
|
<a href="https://www.nexusmods.com/contentwarning/mods/13/"><img alt="nexus" src="https://cdn.jsdelivr.net/npm/@intergrav/devins-badges@3/assets/compact/available/nexusmods_vector.svg"></a>
|
||||||
|
</center>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1 @@
|
||||||
|
User-agent: *
|
|
@ -0,0 +1,108 @@
|
||||||
|
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: #171717;
|
||||||
|
padding-top: 4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
animation: fadeIn 3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.material-icons {
|
||||||
|
vertical-align: text-bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-menu {
|
||||||
|
background-color: transparent;
|
||||||
|
color: white;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0.3em 1em;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-menu a {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-menu a:hover {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.heading {
|
||||||
|
font-family: 'Open Sans', sans-serif;
|
||||||
|
padding-bottom: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.heading h1 {
|
||||||
|
color: white;
|
||||||
|
font-size: 1.8em;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.heading h3 {
|
||||||
|
color: #C0C0C0;
|
||||||
|
font-size: 1.2em;
|
||||||
|
font-weight: 600;
|
||||||
|
padding-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table {
|
||||||
|
font-family: 'Open Sans', sans-serif;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ci-link {
|
||||||
|
padding-left: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.builds {
|
||||||
|
padding: 1em;
|
||||||
|
border-radius: 0.3em;
|
||||||
|
background-color: #292929;
|
||||||
|
}
|
||||||
|
|
||||||
|
.download-button {
|
||||||
|
background-color: #d81713;
|
||||||
|
padding: 0.2em 1em;
|
||||||
|
color: white;
|
||||||
|
font-family: 'Open Sans', sans-serif;
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 1.1em;
|
||||||
|
border-radius: 0.3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.download-button:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
color: white;
|
||||||
|
background-color: #d81713;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stable {
|
||||||
|
padding: 1.5em 2em;
|
||||||
|
border-radius: 0.3em;
|
||||||
|
background-color: #292929;
|
||||||
|
margin-bottom: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stable h1 {
|
||||||
|
color: white;
|
||||||
|
font-family: 'Open Sans', sans-serif;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 1.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeIn {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,37 @@
|
||||||
|
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
padding-bottom: 10px;
|
||||||
|
font-family: 'Open Sans', sans-serif;
|
||||||
|
font-size: 48px;
|
||||||
|
margin: 0 auto;
|
||||||
|
text-align: center;
|
||||||
|
color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
padding-bottom:35px;
|
||||||
|
font-family: 'Open Sans', sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
margin: 0 auto;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #e3e3e3;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: lightblue;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
min-height: 90vh;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
background-color: #171717;
|
||||||
|
animation: fadeIn 3s;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
font-family: 'Open Sans Semibold', sans-serif;
|
||||||
|
}
|
|
@ -0,0 +1,179 @@
|
||||||
|
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
|
||||||
|
|
||||||
|
body {
|
||||||
|
min-height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
background-color: #171717;
|
||||||
|
animation: fadeIn 2s;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
background: rgba(0, 0, 0, .5) url('../../media/branches.gif');
|
||||||
|
background-blend-mode: darken;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image {
|
||||||
|
margin: 0 auto;
|
||||||
|
display: block;
|
||||||
|
padding-bottom: 25px;
|
||||||
|
width: 210px;
|
||||||
|
-webkit-filter: drop-shadow(5px 5px 5px rgba(34, 34, 34, 0.3));
|
||||||
|
filter: drop-shadow(5px 5px 5px rgba(34, 34, 34, 0.3));
|
||||||
|
}
|
||||||
|
|
||||||
|
.content h1 {
|
||||||
|
padding-bottom: 10px;
|
||||||
|
font-family: 'Open Sans', sans-serif;
|
||||||
|
font-size: 48px;
|
||||||
|
margin: 0 auto;
|
||||||
|
text-align: center;
|
||||||
|
color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content h3 {
|
||||||
|
padding-bottom:35px;
|
||||||
|
font-family: 'Open Sans', sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
margin: 0 auto;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 600;
|
||||||
|
max-width: 400px;
|
||||||
|
color: #e3e3e3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.links {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.link {
|
||||||
|
background-color: #FFB954;
|
||||||
|
font-family: 'Open Sans', sans-serif;
|
||||||
|
font-weight: 600;
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
padding: 5px 15px;
|
||||||
|
border-radius: 5px;
|
||||||
|
text-align: center;
|
||||||
|
margin: 0 0.2em;
|
||||||
|
display: block;
|
||||||
|
width: 100px;
|
||||||
|
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
|
||||||
|
transition: 0.3s;
|
||||||
|
display: inline-block
|
||||||
|
}
|
||||||
|
|
||||||
|
.link:hover {
|
||||||
|
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
|
||||||
|
animation: pulse 2s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pulse {
|
||||||
|
margin:100px;
|
||||||
|
display: block;
|
||||||
|
width: 22px;
|
||||||
|
height: 22px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: #23779e;
|
||||||
|
box-shadow: 0 0 0 #23779e;
|
||||||
|
animation: pulse 2s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes pulse {
|
||||||
|
0% {
|
||||||
|
-webkit-box-shadow: 0 0 0 0 #23779e;
|
||||||
|
}
|
||||||
|
70% {
|
||||||
|
-webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes pulse {
|
||||||
|
0% {
|
||||||
|
-moz-box-shadow: 0 0 0 0 #23779e;
|
||||||
|
box-shadow: 0 0 0 0 #23779e;
|
||||||
|
}
|
||||||
|
70% {
|
||||||
|
-moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
|
||||||
|
box-shadow: 0 0 0 10px rgba(204,169,44, 0);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
|
||||||
|
box-shadow: 0 0 0 0 rgba(204,169,44, 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.github {
|
||||||
|
background-color: #353535;
|
||||||
|
}
|
||||||
|
|
||||||
|
.discord {
|
||||||
|
background-color: #7289DA;
|
||||||
|
}
|
||||||
|
|
||||||
|
.thunderstore {
|
||||||
|
background-color: #0b82e4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nexus {
|
||||||
|
background-color: #d98f40;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stable {
|
||||||
|
background-color: #23779e;
|
||||||
|
}
|
||||||
|
|
||||||
|
.torrents {
|
||||||
|
background-color: #08aff1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.beta {
|
||||||
|
background-color: #d81713;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats {
|
||||||
|
background-color: #404040;
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 16em;
|
||||||
|
bottom: -5em;
|
||||||
|
padding: 0.1em 0.1em;
|
||||||
|
height: 1.6em;
|
||||||
|
border-radius: 0.3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeIn {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes gradient {
|
||||||
|
0% {
|
||||||
|
background-position: 0% 50%;
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
background-position: 100% 50%;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
background-position: 0% 50%;
|
||||||
|
}
|
||||||
|
}
|
After Width: | Height: | Size: 77 KiB |
After Width: | Height: | Size: 56 KiB |
After Width: | Height: | Size: 6.5 KiB |
After Width: | Height: | Size: 39 KiB |
|
@ -0,0 +1,83 @@
|
||||||
|
let table = document.getElementById("table");
|
||||||
|
|
||||||
|
// we'll show it later
|
||||||
|
document.getElementById('stable').style.display = 'none'
|
||||||
|
|
||||||
|
var request = new XMLHttpRequest();
|
||||||
|
request.open("GET", "https://api.yatopiamc.org/v2/builds?branch=" + BRANCH, true);
|
||||||
|
request.onload = () => {
|
||||||
|
let jsonResponse = JSON.parse(request.responseText);
|
||||||
|
if (jsonResponse['error'] != null) {
|
||||||
|
document.getElementById('error').style.display = 'block'
|
||||||
|
document.getElementById('buildsAre').style.display = 'none'
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
let builds = jsonResponse['builds'];
|
||||||
|
document.getElementById('buildsAre').innerText = "These builds are for Minecraft " + VERSION + ".";
|
||||||
|
|
||||||
|
for (var i = 0; i < builds.length; i++) {
|
||||||
|
let build = builds[i];
|
||||||
|
if (build['status'] === "FAILURE" || build['status'] === "BUILDING") {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
var commitMessage = "";
|
||||||
|
var dateMessage = "";
|
||||||
|
let changeSets = build['changeSets'];
|
||||||
|
for (var i1 = 0; i1 < changeSets.length; i1++) {
|
||||||
|
let changeSet = changeSets[i1];
|
||||||
|
commitMessage += changeSet['message'] + ` [<a href="https://github.com/YatopiaMC/Yatopia/commit/${changeSet['sha']}">commit</a>]<br>`;
|
||||||
|
dateMessage += changeSet['authoredAt'].split(" ")[0] + "<br>";
|
||||||
|
}
|
||||||
|
if ((i + 1 < builds.length) && builds[i + 1]['status'] === "FAILURE") {
|
||||||
|
let messages = getFailureBuildsUntilSuccessfulFromLatest(builds, i + 1).split("\00");
|
||||||
|
commitMessage += messages[0];
|
||||||
|
dateMessage += messages[1];
|
||||||
|
}
|
||||||
|
|
||||||
|
let row = table.insertRow(-1);
|
||||||
|
row.insertCell(0).innerHTML = `<a class="download-button" href="${build['downloadUrl']}">#${build['number']} <span class="material-icons">get_app</span></a>`;
|
||||||
|
if (commitMessage.length === 0) {
|
||||||
|
row.insertCell(1).innerHTML = `<i>No changes from previous build</i>`
|
||||||
|
} else {
|
||||||
|
row.insertCell(1).innerHTML = commitMessage;
|
||||||
|
}
|
||||||
|
if (dateMessage.length === 0) {
|
||||||
|
row.insertCell(2).innerHTML = `<i>unknown</i>`
|
||||||
|
} else {
|
||||||
|
row.insertCell(2).innerHTML = dateMessage;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
request.send(null)
|
||||||
|
|
||||||
|
var stableRequest = new XMLHttpRequest()
|
||||||
|
stableRequest.open("GET", "https://api.yatopiamc.org/v2/stableBuild?branch=" + BRANCH, true)
|
||||||
|
stableRequest.onload = () => {
|
||||||
|
let response = JSON.parse(stableRequest.responseText);
|
||||||
|
if (response['error'] != null) {
|
||||||
|
document.getElementById('stable').style.display = 'none'
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
document.getElementById('stable').outerHTML = `<a id="stable" class="download-button" href="${response['downloadUrl']}">Latest stable build: #${response['number']}<span class="material-icons">get_app</span></a>`
|
||||||
|
}
|
||||||
|
stableRequest.send(null)
|
||||||
|
|
||||||
|
function getFailureBuildsUntilSuccessfulFromLatest(builds, from) {
|
||||||
|
var commitMessage = "";
|
||||||
|
var dateMessage = "";
|
||||||
|
for (var i = from; i < builds.length; i++) {
|
||||||
|
let build = builds[i];
|
||||||
|
let changeSets = build['changeSets'];
|
||||||
|
if (build['status'] === "FAILURE") {
|
||||||
|
for (var i1 = 0; i1 < changeSets.length; i1++) {
|
||||||
|
let changeSet = changeSets[i1];
|
||||||
|
commitMessage += changeSet['message'] + ` [<a href="https://github.com/YatopiaMC/Yatopia/commit/${changeSet['sha']}">commit</a>]<br>`;
|
||||||
|
dateMessage += changeSet['authoredAt'].split(" ")[0] + "<br>";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (build['status'] === "SUCCESS" && i !== from) {
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return commitMessage + "\00" + dateMessage;
|
||||||
|
}
|
|
@ -0,0 +1,2 @@
|
||||||
|
const BRANCH = "ver/1.16.5"
|
||||||
|
const VERSION = "1.16.5"
|
|
@ -0,0 +1,7 @@
|
||||||
|
let stats = document.getElementById("stats");
|
||||||
|
var request = new XMLHttpRequest();
|
||||||
|
request.open("GET", "https://bstats.org/api/v1/plugins/8840/charts/servers/data?maxElements=1", true);
|
||||||
|
request.onload = () => {
|
||||||
|
stats.innerText = `⚡ Powering ${JSON.parse(request.responseText)[0][1]} servers.`
|
||||||
|
}
|
||||||
|
request.send(null)
|