iw5-mod/src/resources/main.html

479 lines
213 KiB
HTML
Raw Normal View History

2019-09-24 10:30:08 +02:00
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Open-IW5</title>
<style>
* {
user-select: none;
-ms-user-select: none;
cursor: default;
2019-11-30 13:23:35 +01:00
box-sizing: border-box;
2019-09-24 10:30:08 +02:00
}
html,
body {
2019-11-30 13:23:35 +01:00
-ms-overflow-style: none;
2019-09-24 10:30:08 +02:00
margin: 0;
2019-11-30 13:23:35 +01:00
background: url(data:image/jpeg;base64,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
background-size: cover;
background-position: center;
background-repeat: no-repeat;
2019-09-24 10:30:08 +02:00
color: white;
font-family: "Segoe UI Light", "Segoe UI", "Lucida Sans", Arial, sans-serif;
font-style: normal;
font-weight: lighter;
2019-11-30 13:23:35 +01:00
display: flex;
min-height: 100vh;
flex-direction: column;
2019-09-24 10:30:08 +02:00
2019-11-30 13:23:35 +01:00
margin: 0;
padding: 0;
2019-09-24 10:30:08 +02:00
}
2019-11-30 13:23:35 +01:00
main {
flex: 1 0 auto;
display: flex;
}
p {
font-weight: 200;
}
a {
color: inherit;
text-decoration: none;
}
a:visited {
color: inherit;
}
p a {
text-decoration: underline;
}
p a:hover {
color: #B86B3F;
}
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;
2019-09-24 10:30:08 +02:00
text-align: center;
2019-11-30 13:23:35 +01:00
cursor: pointer;
2019-09-24 10:30:08 +02:00
}
2019-11-30 13:23:35 +01:00
#brand span {
font-size: 27px;
margin-left: 10px;
}
nav ul {
list-style: none;
padding: 0;
margin: 0;
}
nav ul li {
display: inline-block;
2019-09-24 10:30:08 +02:00
}
2019-11-30 13:23:35 +01:00
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.5);
}
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;
2019-09-24 10:30:08 +02:00
cursor: pointer;
}
2019-11-30 13:23:35 +01:00
.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 10px;
margin-top: 25px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.container.full {
width: 100%;
}
.container h1,
.container h2,
.container h3 {
width: 100%;
margin-bottom: 10px;
margin-left: 5px;
2019-12-01 01:06:19 +01:00
margin-top: 0;
2019-11-30 13:23:35 +01:00
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;
2019-09-24 10:30:08 +02:00
}
2019-11-30 13:23:35 +01:00
.card {
display: flex;
width: 25%;
box-sizing: border-box;
2019-09-24 10:30:08 +02:00
}
2019-11-30 13:23:35 +01:00
.card.small {
width: 12.5%;
2019-09-24 10:30:08 +02:00
}
2019-11-30 13:23:35 +01:00
.card.full {
width: 100%;
}
@media(max-width: 1341px) {
.card {
width: 50%;
}
.card.small {
width: 25%;
}
}
.card .card-container {
width: 100%;
border: 5px solid;
border-left: 15px solid;
border-right: 15px solid;
border-color: rgba(255, 255, 255, 0);
display: flex;
flex-direction: column;
overflow: hidden;
}
.card .card-img {
overflow: hidden;
height: 185px;
}
.card img {
display: block;
2019-09-24 10:30:08 +02:00
width: 100%;
height: 100%;
2019-11-30 13:23:35 +01:00
object-fit: cover;
z-index: 1;
transition: all 0.5s ease;
2019-09-24 10:30:08 +02:00
}
2019-11-30 13:23:35 +01:00
.card.full .card-img {
height: 300px;
2019-09-24 10:30:08 +02:00
}
2019-11-30 13:23:35 +01:00
.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;
2019-09-24 10:30:08 +02:00
}
2019-11-30 00:07:06 +01:00
2019-11-30 13:23:35 +01:00
.card:hover .card-content {
background-color: white;
color: black;
2019-11-30 00:07:06 +01:00
}
2019-09-24 10:30:08 +02:00
2019-11-30 13:23:35 +01:00
/*.card:hover img {
transform: scale(1.1);
}*/
2019-09-24 10:30:08 +02:00
2019-11-30 13:23:35 +01:00
.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;
}
2019-09-24 10:30:08 +02:00
2019-11-30 13:23:35 +01:00
a.btn i {
vertical-align: middle;
}
2019-09-24 10:30:08 +02:00
2019-11-30 13:23:35 +01:00
a.btn.highlight {
background: white;
color: black;
2019-09-24 10:30:08 +02:00
}
2019-11-30 13:23:35 +01:00
a.btn:hover {
background: white;
color: black;
box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.42);
2019-09-24 10:30:08 +02:00
}
2019-11-30 13:23:35 +01:00
a.btn.small {
padding: 10px 50px;
2019-09-24 10:30:08 +02:00
}
2019-12-01 01:06:19 +01:00
div.menus>div {
display: none;
}
div.menus>div.active {
display: block !important;
}
2019-11-30 13:23:35 +01:00
</style>
</head>
<body>
<main>
<div class="main-container">
<nav class="sticky">
<ul>
<li>
2019-12-01 01:06:19 +01:00
<a class="nav-link _home" onClick="showMenu('home')">
2019-11-30 13:23:35 +01:00
Home
</a>
</li>
<li>
2019-12-01 01:06:19 +01:00
<a class="nav-link _settings" onClick="showMenu('settings')">
2019-11-30 13:23:35 +01:00
Settings
</a>
</li>
<li>
<a onClick="window.external.openUrl('https://github.com/momo5502/open-iw5');" class="nav-link">
GitHub
</a>
</li>
</ul>
</nav>
2019-12-01 01:06:19 +01:00
<div class="menus">
<div class="_home">
<div class="container full full-row">
<div class="card" onClick="window.external.selectMode(1)">
<div class="card-container">
<div class="card-img">
<img
src="data:image/jpeg;base64,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
</div>
<div class="card-content">
<span>Singleplayer</span>
<a>
<div class="card-action hidden-action">
Launch
</div>
</a>
</div>
</div>
2019-11-30 13:23:35 +01:00
</div>
2019-12-01 01:06:19 +01:00
<div class="card" onClick="window.external.selectMode(2)">
<div class="card-container">
<div class="card-img">
<img
src="data:image/jpeg;base64,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
</div>
<div class="card-content">
<span>Multiplayer</span>
<a>
<div class="card-action hidden-action">
Launch
</div>
</a>
2019-11-30 13:23:35 +01:00
</div>
2019-12-01 01:06:19 +01:00
</div>
2019-11-30 13:23:35 +01:00
</div>
</div>
</div>
2019-12-01 01:06:19 +01:00
<div class="_settings">
<div class="container full full-row">
<h2>No settings yet!</h2>
2019-11-30 13:23:35 +01:00
</div>
2019-12-01 01:06:19 +01:00
2019-11-30 13:23:35 +01:00
</div>
2019-12-01 01:06:19 +01:00
2019-11-30 13:23:35 +01:00
</div>
</div>
</main>
2019-09-24 10:30:08 +02:00
2019-12-01 01:06:19 +01:00
<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("home");
};
</script>
2019-09-24 10:30:08 +02:00
</body>
2019-01-05 17:32:34 +01:00
</html>