h1-mod/src/client/resources/main.html

527 lines
3.1 MiB
HTML
Raw Normal View History

2022-02-03 14:05:24 -05:00
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>H1-Mod</title>
<style>
* {
user-select: none;
-ms-user-select: none;
cursor: default;
box-sizing: border-box;
}
2022-08-04 02:48:09 -04:00
h5 {
font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
color: rgba(255, 255, 255, 0.89);
}
2022-02-03 14:05:24 -05:00
html,
body {
-ms-overflow-style: none;
margin: 0;
2022-08-04 02:48:09 -04:00
background: url('data:image/png;base64,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
2022-02-03 14:05:24 -05:00
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: white;
font-family: "Segoe UI Light", "Segoe UI", "Lucida Sans", Arial, sans-serif;
font-style: normal;
font-weight: lighter;
display: flex;
min-height: 100vh;
flex-direction: column;
margin: 0;
padding: 0;
}
main {
flex: 1 0 auto;
display: flex;
}
p {
font-weight: 200;
font-size: 1.2em;
}
a {
color: inherit;
text-decoration: none;
}
a:visited {
color: inherit;
}
p a {
text-decoration: underline;
}
p a:hover {
2022-08-04 02:48:09 -04:00
color: #19c34c;
2022-02-03 14:05:24 -05:00
}
nav {
padding: 0px;
margin-left: 15px;
margin-right: 15px;
border-bottom: 1px solid;
border-color: rgba(255, 255, 255, 0.25);
}
#brand {
display: none;
}
#brand i {
font-size: 40px;
width: 64px;
vertical-align: top;
text-align: center;
cursor: pointer;
}
#brand span {
font-size: 27px;
margin-left: 10px;
}
nav ul {
list-style: none;
padding: 0;
margin: 0;
}
nav ul li {
display: inline-block;
}
nav .nav-link {
display: inline-block;
font-size: 1.3em;
color: white;
text-transform: uppercase;
padding: 0 10px;
letter-spacing: 1px;
padding: 10px 0px;
margin-right: 15px;
margin-bottom: -1px;
}
nav .nav-link.active {
border-bottom: 1px solid white;
}
nav .nav-link:hover,
nav .nav-link.active {
text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.748);
2022-02-03 14:05:24 -05:00
}
nav .nav-link:first-child {
padding-left: 0;
}
nav .nav-link.not-active {
color: rgba(255, 255, 255, 0.25);
pointer-events: none;
}
.side-nav-container {
min-width: 64px;
border-right: 1px solid;
border-color: rgba(255, 255, 255, 0.25);
}
.side-nav {
color: rgba(255, 255, 255, 0.7);
display: flex;
flex-direction: column;
padding: 20px;
padding-top: 78px;
box-sizing: border-box;
height: 100%;
max-height: 100vh;
position: fixed;
left: 0;
}
.side-nav i {
padding: 10px 0;
transition: all .1s ease;
cursor: pointer;
}
.side-nav i:hover {
color: rgba(255, 255, 255, 1);
}
.side-nav-bottom {
position: absolute;
bottom: 0;
}
.main-container {
padding: 10px;
width: 100%;
}
.container {
width: 80%;
padding: 0 15px;
margin-top: 25px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.container.full {
width: 100%;
/*padding: 0px;*/
}
.container h1,
.container h2,
.container h3 {
width: 100%;
margin-bottom: 10px;
margin-left: 5px;
margin-top: 0;
letter-spacing: 1px;
font-weight: 200;
}
.container h3 {
margin-bottom: 0px;
font-weight: 500;
}
.full-row .card {
flex: 2;
}
.full-row .card.small {
flex: 1;
}
.card {
display: flex;
width: 25%;
box-sizing: border-box;
}
.card.small {
width: 12.5%;
}
.card.full {
width: 100%;
}
@media(max-width: 1341px) {
.card {
width: 50%;
}
.card.small {
width: 25%;
}
}
.card .card-container {
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
2022-08-04 02:48:09 -04:00
border: 1px solid #454a4d;
border-radius: 10px;
2022-02-03 14:05:24 -05:00
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
transition: all 0.5s ease;
}
.card .card-img {
overflow: hidden;
height: 185px;
}
.card img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
transition: all 0.5s ease;
}
.card.full .card-img {
height: 300px;
}
.card .card-content {
flex: 1;
position: relative;
min-height: 88px;
padding: 10px 20px;
padding-bottom: 42px;
2022-08-04 02:48:09 -04:00
background-color: rgba(5, 255, 26, 0.06);
2022-02-03 14:05:24 -05:00
color: white;
z-index: 5;
transition: all 0.5s ease;
text-align: center;
}
2022-08-04 02:48:09 -04:00
/* hover */
2022-02-03 14:05:24 -05:00
.card:hover .card-content {
background-color: rgba(255, 255, 255, 0.652);
2022-02-03 14:05:24 -05:00
color: black;
}
.card .card-content span {
font-size: 1.7em;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
}
.card .card-content p {
margin-top: 10px;
}
.card:hover .card-action {
opacity: 1;
bottom: 0;
border-color: rgba(0, 0, 0, 0.25);
}
.card .card-action {
/*opacity: 0;*/
position: absolute;
bottom: 0;
right: 0;
width: 100%;
text-align: center;
border-top: 1px solid;
border-color: rgba(255, 255, 255, 0.25);
text-transform: uppercase;
padding: 7px;
box-sizing: border-box;
font-weight: 500;
transition: opacity bottom 0.5s;
}
.card .card-action.hidden-action {
bottom: -43px;
transition: bottom 0.5s ease;
border-color: rgba(0, 0, 0, 0.0);
}
.card:hover .card-action.hidden-action {
bottom: 0;
border-color: rgba(0, 0, 0, 0.25);
}
a.btn {
display: inline-block;
background-color: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(255, 255, 255, 0.42);
color: white;
font-weight: 600;
padding: 10px 100px;
border-radius: 1px;
transition: all 0.5s ease;
cursor: pointer;
}
a.btn i {
vertical-align: middle;
}
a.btn.highlight {
background: white;
color: black;
}
a.btn:hover {
background: white;
color: black;
box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.42);
}
a.btn.small {
padding: 10px 50px;
}
div.menus > div {
display: none;
}
div.menus > div.active {
display: block !important;
}
.progress {
width: 100%;
height: 40px;
padding: 0;
border-radius: 0px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.25);
background: rgba(0, 0, 0, 0.25);
}
.progress > .bar {
width: 50%;
height: 100%;
margin: 0;
background: rgb(121, 121, 121);
background: linear-gradient(145deg, rgba(121, 121, 121, 1) 0%, rgba(0, 212, 255, 1) 100%);
transition: all 0.2s linear;
}
</style>
</head>
<body>
<main>
<div class="main-container">
2022-08-04 02:48:09 -04:00
<h5 style="position: fixed;right: 30px;">h1.gg</h5>
2022-02-03 14:05:24 -05:00
<nav class="sticky">
<ul>
<li>
<a class="nav-link _play" onClick="showMenu('play')">
Gamemodes
2022-02-03 14:05:24 -05:00
</a>
</li>
<li>
<a class="nav-link _about" onClick="showMenu('about')">
About
2022-02-03 14:05:24 -05:00
</a>
</li>
</ul>
</nav>
<div class="menus">
<div class="_play">
<div class="container full full-row">
<div class="card" onClick="window.external.selectMode(1)">
<div class="card-container">
<div class="card-img">
2022-08-04 02:48:09 -04:00
<img src="data:image/png;base64,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
2022-02-03 14:05:24 -05:00
</div>
<div class="card-content">
<span>Singleplayer</span>
<a>
<div class="card-action hidden-action">
Play
</div>
</a>
</div>
</div>
</div>
<div class="spacer" style="width: 25px"></div>
<div class="card" onClick="window.external.selectMode(2)">
<div class="card-container">
<div class="card-img">
2022-06-24 11:40:20 -04:00
<img src="data:image/jpeg;base64,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
2022-02-03 14:05:24 -05:00
</div>
<div class="card-content">
<span>Multiplayer</span>
<a>
<div class="card-action hidden-action">
Play
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="_settings">
<div class="container full full-row">
<h2>No settings yet!</h2>
</div>
</div>
<div class="_about">
<div class="container full full-row">
<div style="text-align: center; width: 100%;">
2022-04-10 15:40:27 -04:00
<center><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAAA8CAYAAACjDZWrAAAACXBIWXMAAA9hAAAPYQGoP6dpAAAJn2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0wNS0xMVQyMDo1NDoxOSswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wNS0xMVQyMToyMzo1NCswMzowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjEtMDUtMTFUMjE6MjM6NTQrMDM6MDAiIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMxODljOGExLWVjYzgtOTg0ZS1iN2M5LTQ3MjcyMDc1NzMzMSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjQyY2EwNDFjLTY4MTgtMWU0NC05MDg3LTMxYmI1M2VjZmZiNCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjRiZjVkNTU0LTI0MmYtZGM0MS1iYWU5LTY2YzE1YTNlYWRkMyI+IDxwaG90b3Nob3A6VGV4dExheWVycz4gPHJkZjpCYWc+IDxyZGY6bGkgcGhvdG9zaG9wOkxheWVyTmFtZT0iSDEtTW9kIiBwaG90b3Nob3A6TGF5ZXJUZXh0PSJIMS1Nb2QiLz4gPC9yZGY6QmFnPiA8L3Bob3Rvc2hvcDpUZXh0TGF5ZXJzPiA8cGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8cmRmOkJhZz4gPHJkZjpsaT54bXAuZGlkOmE1NGEwYjJhLWM5OGEtNTc0OC1hZTJlLTNkYWYxNzAyMmMyYjwvcmRmOmxpPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjRiZjVkNTU0LTI0MmYtZGM0MS1iYWU5LTY2YzE1YTNlYWRkMyIgc3RFdnQ6d2hlbj0iMjAyMS0wNS0xMVQyMDo1NDoxOSswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphOWRhNzBkMy02NTIyLWM0NDgtODAxNy0wMjM5NzljZTU1YjEiIHN0RXZ0OndoZW49IjIwMjEtMDUtMTFUMjE6MjM6NTQrMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJkZXJpdmVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJjb252ZXJ0ZWQgZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MzE4OWM4YTEtZWNjOC05ODRlLWI3YzktNDcyNzIwNzU3MzMxIiBzdEV2dDp3aGVuPSIyMDIxLTA1LTExVDIxOjIzOjU0KzAzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE5ZGE3MGQzLTY1MjItYzQ0OC04MDE3LTAyMzk3OWNlNTViMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0YmY1ZDU1NC0yNDJmLWRjNDEtYmFlOS02NmMxNWEzZWFkZDMiIHN0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0YmY1ZDU1NC0yNDJmLWRjNDEtYmFlOS02NmMxNWEzZWFkZDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7oaQXdAABIc0lEQVR4nO29eZR0yVUf+PvFey/X2r+tFyQhgxAgCzVIGJDMsY1swGxeZrCFWljIywBmFR4vGElIAi3WCMyxGSMEgjMDooWxx56DR5jFDDY2A5LHjGUkmk30pu5vry2Xt8Zv/rgRmS+zMqvqa3U3M+cozsl6L7MyX9y4EffG3YOS8In2ifaJ9on2VLY03ux98uBOfscn2d/Hy8X+qPo9q50F1/+fuPed4PjpGNf/V+f4E+2c7fZDkzljOaOdNtnnWQhx0ld997QF8UfV71MNw2nf+6MiiLNgPw/M675zJ2Na94zzMpinYo4/0Z7idhZjWZ6ss97Hz5YndPkzLf2v/dm6Zz7d/Z63L57yv+XWZip3CsfT2Z7MvK76/zLMy3N4J5vGaXhdfr+Mv48Hjk+0p6GdxlhWTfTydd39KiJatQCW/78Ohme639P6PguWdXDoHHA8EwTwZOZ1VYtM807HdNYcngbTqj6eLByfaE9jW8dYTpvk0z5bbm1iWrUA1i2KP+p+289f7m8VLOtgaMPSfnHFPfD0E8DTNa/t6/L3uOL+tL7XwbL83FVwnGeOP9GegXYeG8tZBHbeyV9FVMBq4nom+z1tvOd5LcOwrn+/9H65PVMG5rMY5arPl9vyOJbHGj9bNa930vd
2022-08-04 02:48:09 -04:00
<p>
H1-Mod Links:
<br>
<a onClick="window.external.openUrl('https://discord.gg/h1-mod');">Discord</a>,
<a onClick="window.external.openUrl('https://h1.gg');">Website</a>,
<a onClick="window.external.openUrl('https://docs.h1.gg');">Docs</a>.
</p>
2022-03-04 19:07:21 -05:00
<p>Special thanks to all <a onClick="window.external.openUrl('https://github.com/h1-mod/h1-mod/graphs/contributors');">contributors</a>.</p>
2022-02-03 14:05:24 -05:00
<p>
2022-08-04 02:48:09 -04:00
This project is based on <a onClick="window.external.openUrl('https://github.com/XLabsProject/s1x-client');">S1x</a> and <a onClick="window.external.openUrl('https://github.com/fedddddd/h2-mod');">H2-Mod</a>.
</p>
2022-02-03 14:05:24 -05:00
</div>
</div>
</div>
<div class="_update">
<div class="container full full-row">
<div class="progress">
<div class="bar">
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<script>
function activateElement(name, elements) {
for (var i = 0; i < elements.length; ++i) {
var element = elements[i];
var classList = element.classList;
var show = false;
for (var j = 0; j < classList.length; ++j) {
if (classList[j] == '_' + name) {
show = true;
break;
}
}
if (show) {
classList.add('active');
} else {
classList.remove('active');
}
}
}
function showMenu(menu) {
var menus = document.querySelectorAll("div.menus>div");
var buttons = document.querySelectorAll("nav a.nav-link");
activateElement(menu, menus);
activateElement(menu, buttons);
}
window.onload = function () {
showMenu("play");
};
</script>
</body>
</html>