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

526 lines
1.4 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;
}
html,
body {
-ms-overflow-style: none;
margin: 0;
2022-04-10 15:40:27 -04:00
background: url('data:image/jpeg;base64,/9j/4QAWRXhpZgAATU0AKgAAAAgAAAAAAAD/7QAsUGhvdG9zaG9wIDMuMAA4QklNBAQAAAAAAA8cAVoAAxslRxwBAAACAAQA/+EMgWh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8APD94cGFja2V0IGJlZ2luPSfvu78nIGlkPSdXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQnPz4KPHg6eG1wbWV0YSB4bWxuczp4PSdhZG9iZTpuczptZXRhLycgeDp4bXB0az0nSW1hZ2U6OkV4aWZUb29sIDEwLjEwJz4KPHJkZjpSREYgeG1sbnM6cmRmPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjJz4KCiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0nJwogIHhtbG5zOnRpZmY9J2h0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvJz4KICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogIDx0aWZmOlhSZXNvbHV0aW9uPjMwMC8xPC90aWZmOlhSZXNvbHV0aW9uPgogIDx0aWZmOllSZXNvbHV0aW9uPjMwMC8xPC90aWZmOllSZXNvbHV0aW9uPgogPC9yZGY6RGVzY3JpcHRpb24+CgogPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9JycKICB4bWxuczp4bXBNTT0naHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyc+CiAgPHhtcE1NOkRvY3VtZW50SUQ+YWRvYmU6ZG9jaWQ6c3RvY2s6Y2YxZTI3ZTYtN2Q3ZS00MTg4LTlhOGItNzAyNzdiOTRmZmExPC94bXBNTTpEb2N1bWVudElEPgogIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6ZWQwYmQ4OTItYWMzOS00MTdmLWFkNmQtNTQyM2EyY2IzNDI5PC94bXBNTTpJbnN0YW5jZUlEPgogPC9yZGY6RGVzY3JpcHRpb24+CjwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA
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 {
color: #c2c2c282;
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%;
/*margin: 5px;
margin-left: 15px;
margin-right: 15px;*/
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
transition: all 0.5s ease;
}
/*.card:hover .card-container {
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0);
}*/
.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;
background-color: rgba(255, 255, 255, 0.1);
color: white;
z-index: 5;
transition: all 0.5s ease;
text-align: center;
}
.card:hover .card-content {
background-color: rgba(255, 255, 255, 0.652);
2022-02-03 14:05:24 -05:00
color: black;
}
/*.card:hover img {
transform: scale(1.1);
}*/
.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">
<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 _settings" onClick="showMenu('settings')">
Settings
</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-04-10 15:40:27 -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>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-04-10 15:40:27 -04:00
<img src="data:image/jpeg;base64,/9j/4QAiRXhpZgAATU0AKgAAAAgAAQESAAMAAAABAAEAAAAAAAD/7SDwUGhvdG9zaG9wIDMuMAA4QklNBAQAAAAAAAccAgAAAgAAADhCSU0EJQAAAAAAEOjxXPMvwRihontnrcVk1bo4QklNBDoAAAAAAOUAAAAQAAAAAQAAAAAAC3ByaW50T3V0cHV0AAAABQAAAABQc3RTYm9vbAEAAAAASW50ZWVudW0AAAAASW50ZQAAAABDbHJtAAAAD3ByaW50U2l4dGVlbkJpdGJvb2wAAAAAC3ByaW50ZXJOYW1lVEVYVAAAAAEAAAAAAA9wcmludFByb29mU2V0dXBPYmpjAAAADABQAHIAbwB2AGEAIABBAHkAYQByATEAAAAAAApwcm9vZlNldHVwAAAAAQAAAABCbHRuZW51bQAAAAxidWlsdGluUHJvb2YAAAAJcHJvb2ZDTVlLADhCSU0EOwAAAAACLQAAABAAAAABAAAAAAAScHJpbnRPdXRwdXRPcHRpb25zAAAAFwAAAABDcHRuYm9vbAAAAAAAQ2xicmJvb2wAAAAAAFJnc01ib29sAAAAAABDcm5DYm9vbAAAAAAAQ250Q2Jvb2wAAAAAAExibHNib29sAAAAAABOZ3R2Ym9vbAAAAAAARW1sRGJvb2wAAAAAAEludHJib29sAAAAAABCY2tnT2JqYwAAAAEAAAAAAABSR0JDAAAAAwAAAABSZCAgZG91YkBv4AAAAAAAAAAAAEdybiBkb3ViQG/gAAAAAAAAAAAAQmwgIGRvdWJAb+AAAAAAAAAAAABCcmRUVW50RiNSbHQAAAAAAAAAAAAAAABCbGQgVW50RiNSbHQAAAAAAAAAAAAAAABSc2x0VW50RiNSbHRAybet/AAAAAAAAAp2ZWN0b3JEYXRhYm9vbAEAAAAAUGdQc2VudW0AAAAAUGdQcwAAAABQZ1BDAAAAAExlZnRVbnRGI1JsdAAAAAAAAAAAAAAAAFRvcCBVbnRGI1JsdAAAAAAAAAAAAAAAAFNjbCBVbnRGI1ByY0BZAAAAAAAAAAAAEGNyb3BXaGVuUHJpbnRpbmdib29sAAAAAA5jcm9wUmVjdEJvdHRvbWxvbmcAAAAAAAAADGNyb3BSZWN0TGVmdGxvbmcAAAAAAAAADWNyb3BSZWN0UmlnaHRsb25nAAAAAAAAAAtjcm9wUmVjdFRvcGxvbmcAAAAAADhCSU0D7QAAAAAAEAC24UcAAgABALbhRwACAAE4QklNBCYAAAAAAA4AAAAAAAAAAAAAP4AAADhCSU0D8gAAAAAACgAA////////AAA4QklNBA0AAAAAAAQAAABaOEJJTQQZAAAAAAAEAAAAHjhCSU0D8wAAAAAACQAAAAAAAAAAAQA4QklNJxAAAAAAAAoAAQAAAAAAAAABOEJJTQP1AAAAAABIAC9mZgABAGxmZgAGAAAAAAABAC9mZgABAKGZmgAGAAAAAAABADIAAAABAFoAAAAGAAAAAAABADUAAAABAC0AAAAGAAAAAAABOEJJTQP4AAAAAABwAAD/////////////////////////////A+gAAAAA/////////////////////////////wPoAAAAAP////////////////////////////8D6AAAAAD/////////////////////////////A+gAADhCSU0EAAAAAAAAAgAAOEJJTQQCAAAAAAACAAA4QklNBDAAAAAAAAEBADhCSU0ELQAAAAAAAgAAOEJJTQQIAAAAAAAQAAAAAQAAAkAAAAJAAAAAADhCSU0EHgAAAAAABAAAAAA4QklNBBoAAAAAA0EAAAAGAAAAAAAAAAAAAAQ4AAAHgAAAAAYAdwBwAGEAcABlAHIAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAB4AAAAQ4AAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAEAAAAAAABudWxsAAAAAgAAAAZib3VuZHNPYmpjAAAAAQAAAAAAAFJjdDEAAAAEAAAAAFRvcCBsb25nAAAAAAAAAABMZWZ0bG9uZwAAAAAAAAAAQnRvbWxvbmcAAAQ4AAAAAFJnaHRsb25nAAAHgAAAAAZzbGljZXNWbExzAAAAAU9iamMAAAABAAAAAAAFc2xpY2UAAAASAAAAB3NsaWNlSURsb25nAAAAAAAAAAdncm91cElEbG9uZwAAAAAAAAAGb3JpZ2luZW51bQAAAAxFU2xpY2VPcmlnaW4AAAANYXV0b0dlbmVyYXRlZAAAAABUeXBlZW51bQAAAApFU2xpY2VUeXBlAAAAAEltZyAAAAAGYm91bmRzT2JqYwAAAAEAAAAAAABSY3QxAAAABAAAAABUb3AgbG9uZwAAAAAAAAAATGVmdGxvbmcAAAAAAAAAAEJ0b21sb25nAAAEOAAAAABSZ2h0bG9uZwAAB4AAAAADdXJsVEVYVAAAAAEAAAAAAABudWxsVEVYVAAAAAEAAAAAAABNc2dlVEVYVAAAAAEAAAAAAAZhbHRUYWdURVhUAAAAAQAAAAAADmNlbGxUZXh0SXNIVE1MYm9vbAEAAAAIY2VsbFRleHRURVhUAAAAAQAAAAAACWhvcnpBbGlnbmVudW0AAAAPRVNsaWNlSG9yekFsaWduAAAAB2RlZmF1bHQAAAAJdmVydEFsaWduZW51bQAAAA9FU2xpY2VWZXJ0QWxpZ24AAAAHZGVmYXVsdAAAAAtiZ0NvbG9yVHlwZWVudW0AAAARRVNsaWNlQkdDb2xvclR5cGUAAAAATm9uZQAAAAl0b3BPdXRzZXRsb25nAAAAAAAAAApsZWZ0T3V0c2V0bG9uZwAAAAAAAAAMYm90dG9tT3V0c2V0bG9uZwAAAAAAAAALcmlnaHRPdXRzZXRsb25nAAAAAAA4QklNBCgAAAAAAAwAAAACP/AAAAAAAAA4QklNBBQAAAAAAAQAAABLOEJJTQQMAAAAABe3AAAAAQAAAKAAAABaAAAB4AAAqMAAABebABgAAf/Y/+0ADEFkb2JlX0NNAAH/7gAOQWRvYmUAZIAAAAAB/9sAhAAMCAgICQgMCQkMEQsKCxEVDwwMDxUYExMVExMYEQwMDAwMDBEMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMAQ0LCw0ODRAODhAUDg4OFBQODg4OFBEMDAwMDBERDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCABaAKADASIAAhEBAxEB/90ABAAK/8QBPwAAAQUBAQEBAQEAAAAAAAAAAwABAgQFBgcICQoLAQABBQEBAQEBAQAAAAAAAAABAAIDBAUGBwgJCgsQAAEEAQMCBAIFBwYIBQMMMwEAAhEDBCESMQVBUWETInGBMgYUkaGxQiMkFVLBYjM0coLRQwclklPw4fFjczUWorKDJkSTVGRFwqN0NhfSVeJl8rOEw9N14/NGJ5SkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2N0dXZ3eHl6e3x9fn9xEAAgIBAgQEAwQFBgcHBgU1AQACEQMhMRIEQVFhcSITBTKBkRShsUIjwVLR8DMkYuFygpJDUxVjczTxJQYWorKDByY1wtJEk1SjF2RFVTZ0ZeLys4TD03Xj80aUpIW0lcTU5PSltcXV5fVWZnaGlqa2xtbm9ic3R1dnd4eXp7fH/9oADAMBAAIRAxEAPwDjmU1vFdby6r1AAA/sNR+dG2v1P89X8dr6KmZOM+uq2lzS9zACC0yx25m7f9L+er9Sz1P/AD3nvP2Z43Ml1ggtY4EEmXB2za1my36Tf9CtrArZc2wsdGzbubqABJirX3/S3KuNfJe5eRkVswbaoAvZcTua3bLCLHe97Hur/wAJ7GPZ6lXv9P2fzc8T7Na9z/VsN1TAHEiBsA1bvYfpN9ja1PqWNfRU4WVC03u9r3TLCN29tTJ9P9L/AIRWcCv7W/
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-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-03-04 19:07:21 -05: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>