ST Site
This commit is contained in:
parent
22612dbf04
commit
4d3c70ad6f
|
|
@ -0,0 +1,2 @@
|
||||||
|
# Auto detect text files and perform LF normalization
|
||||||
|
* text=auto
|
||||||
|
|
@ -0,0 +1,142 @@
|
||||||
|
<!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>LE | 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/6.5.1/css/all.min.css">
|
||||||
|
<meta content="Content-Expansion" property="og:title" />
|
||||||
|
<meta content="Risk of Rain, but Riskier." property="og:description" />
|
||||||
|
<meta content="https://lethal-extended.com/content-expansion" property="og:url" />
|
||||||
|
<meta content="https://lethal-extended.com/content-expansion/media/projects/ContentExpansion.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/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>CE | Branches</title>
|
||||||
|
<link rel="icon" 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,152 @@
|
||||||
|
<!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>ST | 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/6.5.1/css/all.min.css">
|
||||||
|
<meta content="Content-Expansion" property="og:title" />
|
||||||
|
<meta content="Risk of Rain, but Riskier." property="og:description" />
|
||||||
|
<meta content="https://lethal-extended.com/content-expansion" property="og:url" />
|
||||||
|
<meta content="https://lethal-extended.com/content-expansion/media/projects/ContentExpansion.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="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/AceOfShades-QuickRestart-1.5.0.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">QuickRestart</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/package/AceOfShades/QuickRestart/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/EnforcerGang-Enforcer-3.9.0.png.128x128_q95.jpg">
|
||||||
|
<a class="main2_feature_headline">Enforcer</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/package/EnforcerGang/Enforcer/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/HasteReapr-AssassinMod-2.1.0.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">AssassinMod/a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/package/HasteReapr/AssassinMod/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/KingEnderBrine-LobbySkinsFix-1.2.1.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">LobbySkinsFix</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/package/KingEnderBrine/LobbySkinsFix/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/KingEnderBrine-ScrollableLobbyUI-1.8.0.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">ScrollableLobbyUI</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/package/KingEnderBrine/ScrollableLobbyUI/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/RiskofThunder-HookGenPatcher-1.2.3.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">HookGenPatcher</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/package/RiskofThunder/HookGenPatcher/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/RiskofThunder-R2API_TempVisualEffect-1.0.2.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">R2API</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/package/tristanmcpherson/R2API/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/Rune580-Risk_Of_Options-2.8.0.png.128x128_q95.jpg">
|
||||||
|
<a class="main2_feature_headline">RiskOfOptions</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/package/Rune580/Risk_Of_Options/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/TeamMoonstorm-MoonstormSharedUtils-1.6.3.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">MoonstormSharedUtils</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/package/TeamMoonstorm/MoonstormSharedUtils/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/TeamMoonstorm-Starstorm2-0.6.7.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">Starstorm2</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/package/TeamMoonstorm/Starstorm2/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/TheTimesweeper-Tesla_Trooper-2.2.4.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">TeslaTrooper</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/package/TheTimesweeper/Tesla_Trooper/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/Thrayonlosa-DropItem-2.1.2.png.128x128_q95.jpg">
|
||||||
|
<a class="main2_feature_headline">DropItem</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/package/Thrayonlosa/DropItem/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/credits/mods/pseudopulse-BetterDrones-1.7.2.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">BetterDrones</a>
|
||||||
|
<a class="main2_feature_text" href="https://thunderstore.io/package/pseudopulse/BetterDrones/">Thunderstore Page</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -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,60 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="EN">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>CE | 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" 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="Content-Expansion Modpack downloads">
|
||||||
|
<meta name="keywords" content="Lethal Company, Lethal Extended, Lethal Mods">
|
||||||
|
<meta name="author" content="PenguCC">
|
||||||
|
<meta name="theme-color" content="#db5b04">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="back-menu">
|
||||||
|
<a href="branches.html"><- Back to home</a>
|
||||||
|
</div>
|
||||||
|
<div class="heading container">
|
||||||
|
<h1>Content-Expansion 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/contentexpansion/Content-Expansion-Latest.zip">Latest</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p></p>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<div class="builds">
|
||||||
|
<table class="table table-borderless table-responsive-sm" id="table">
|
||||||
|
<tr class="table-heading">
|
||||||
|
<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>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<a class="ci-link" href="ror2mm://v1/install/thunderstore.io/PenguCC/Content_Expansion/0.0.1/">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,147 @@
|
||||||
|
<!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>Survivors Toolkit</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="Content-Expansion" property="og:title" />
|
||||||
|
<meta content="Risk of Rain, but Riskier." property="og:description" />
|
||||||
|
<meta content="https://lethal-extended.com/content-expansion" property="og:url" />
|
||||||
|
<meta content="https://lethal-extended.com/content-expansion/media/projects/ContentExpansion.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://www.youtube.com/watch?v=WILz5FH7DWY"><img alt="website" src="https://cdn.galactiq.net/lethalextended/website/icons/trailer-compact.svg"></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>Risk of Rain,<br>but</a>
|
||||||
|
<a class="main1_actcent">Riskier</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/survivors.png">
|
||||||
|
<a class="main2_feature_headline">Survivors</a>
|
||||||
|
<a class="main2_feature_text">More Playable Survivors!</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/features/moreitems-ezgif.com-crop.gif">
|
||||||
|
<a class="main2_feature_headline">More Items</a>
|
||||||
|
<a class="main2_feature_text">More Items!</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/features/pseudopulse-BetterDrones-1.7.2.png.128x128_q95.png">
|
||||||
|
<a class="main2_feature_headline">Better Drones</a>
|
||||||
|
<a class="main2_feature_text">Improved / Rebalanced Drones!</a>
|
||||||
|
</div>
|
||||||
|
<div class="main2_feature">
|
||||||
|
<img class="main2_feature_img" alt="Feature Image" src="media/features/more.gif">
|
||||||
|
<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_beta_div">
|
||||||
|
<img class="main5_beta_img" alt="beta member img" src="media/supporters/ahiru.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">AhiruTsuki</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 356 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 232 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 215 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 430 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 658 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.9 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 109 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 296 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -0,0 +1,952 @@
|
||||||
|
:root {
|
||||||
|
--nice-padding: 6rem;
|
||||||
|
--roundness: 0.75rem;
|
||||||
|
--accent1: #3498db;
|
||||||
|
--accent2: #3498db;
|
||||||
|
--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: #3498db;
|
||||||
|
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: #3498db;
|
||||||
|
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: #3498db;
|
||||||
|
box-shadow: 0 0 0 #3498db;
|
||||||
|
animation: pulse 2s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes pulse {
|
||||||
|
0% {
|
||||||
|
-webkit-box-shadow: 0 0 0 0 #3498db;
|
||||||
|
}
|
||||||
|
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 #3498db;
|
||||||
|
box-shadow: 0 0 0 0 #3498db;
|
||||||
|
}
|
||||||
|
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: #3498db;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 902 B |
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 454 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
|
|
@ -0,0 +1,148 @@
|
||||||
|
<!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>CE | 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/6.5.1/css/all.min.css">
|
||||||
|
<meta content="Content-Expansion" property="og:title" />
|
||||||
|
<meta content="Risk of Rain, but Riskier." property="og:description" />
|
||||||
|
<meta content="https://lethal-extended.com/content-expansion" property="og:url" />
|
||||||
|
<meta content="https://lethal-extended.com/content-expansion/media/projects/ContentExpansion.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/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: #3498db;
|
||||||
|
box-shadow: 0 0 0 #3498db;
|
||||||
|
animation: pulse 2s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes pulse {
|
||||||
|
0% {
|
||||||
|
-webkit-box-shadow: 0 0 0 0 #3498db;
|
||||||
|
}
|
||||||
|
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 #3498db;
|
||||||
|
box-shadow: 0 0 0 0 #3498db;
|
||||||
|
}
|
||||||
|
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: #3498db;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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%;
|
||||||
|
}
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
Binary file not shown.
|
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)
|
||||||
Loading…
Reference in New Issue