update style and translate to english
All checks were successful
ci/woodpecker/push/netlify Pipeline was successful
All checks were successful
ci/woodpecker/push/netlify Pipeline was successful
This commit is contained in:
parent
82096c62eb
commit
2656a8c558
4 changed files with 32 additions and 11 deletions
10
index.html
10
index.html
|
@ -12,16 +12,20 @@
|
|||
</head>
|
||||
|
||||
<body onload="javascript:populatePage()">
|
||||
<h1>LiLa Games</h1>
|
||||
<h1>LiLa Games 💜</h1>
|
||||
|
||||
<div id="gamelist">
|
||||
</div>
|
||||
|
||||
<p>For Info about getting whitelisted or for the password please ping
|
||||
@lauralani on Discord or <a class="info" href="https://social.lila.network/@lauralani">
|
||||
@lauralani@lila.network</a> on Fediverse <3 </p>
|
||||
<template id="game-template">
|
||||
<h2><i id="game-name"></i> <img id="game-badge" class="status-image" src=""></img></h2>
|
||||
|
||||
<div class="game-card">
|
||||
<p>URL: <i class="info" id="game-url"></i></p>
|
||||
<p>Passwort nötig? <i class="info" id="game-password"></i></p>
|
||||
<p>URL: <i class="info monospace" id="game-url"></i></p>
|
||||
<p>Password needed? <i class="info" id="game-password"></i></p>
|
||||
<p>Whitelist? <i class="info" id="game-whitelist"></i></p>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
{
|
||||
"id": 16,
|
||||
"displayname": "Ark Survival Evolved",
|
||||
"serverurl": "\"Kuschelzone\" im Serverbrowser",
|
||||
"serverurl": "Serverbrowser: \"Kuschelzone\"",
|
||||
"whitelist": false,
|
||||
"password": true
|
||||
},
|
||||
|
|
|
@ -16,8 +16,8 @@ async function populatePage() {
|
|||
clone.querySelector("#game-name").innerHTML = server.displayname
|
||||
clone.querySelector("#game-badge").src = url
|
||||
clone.querySelector("#game-url").innerHTML = server.serverurl
|
||||
clone.querySelector("#game-password").innerHTML = server.password ? "ja" : "nein"
|
||||
clone.querySelector("#game-whitelist").innerHTML = server.whitelist ? "ja" : "nein"
|
||||
clone.querySelector("#game-password").innerHTML = server.password ? "yes" : "no"
|
||||
clone.querySelector("#game-whitelist").innerHTML = server.whitelist ? "yes" : "no"
|
||||
|
||||
gamecontainer.appendChild(clone)
|
||||
});
|
||||
|
|
|
@ -15,8 +15,8 @@ body {
|
|||
font-size: 1.4em;
|
||||
line-height: 1.4;
|
||||
max-width: 40em;
|
||||
background: #303030;
|
||||
color: #c1c1c1;
|
||||
background: #35155D;
|
||||
color: whitesmoke;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
}
|
||||
|
||||
|
@ -28,12 +28,21 @@ body {
|
|||
src: url('/static/open-sans-v35-latin-regular.woff2') format('woff2');
|
||||
}
|
||||
|
||||
h1,h2,h3 {
|
||||
h1,
|
||||
h2,
|
||||
h3 {
|
||||
margin-left: 15px;
|
||||
color: #8CABFF;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
border-bottom: 1px solid white;
|
||||
margin: 0px 15%;
|
||||
}
|
||||
|
||||
.status-image {
|
||||
position: relative;
|
||||
position: relative;
|
||||
bottom: -3px;
|
||||
}
|
||||
|
||||
|
@ -42,7 +51,7 @@ body i {
|
|||
font-style: normal;
|
||||
}
|
||||
|
||||
.info {
|
||||
.info {
|
||||
color: aqua;
|
||||
}
|
||||
|
||||
|
@ -68,4 +77,12 @@ body i {
|
|||
h2 {
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
}
|
||||
|
||||
.red {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.green {
|
||||
color: greenyellow;
|
||||
}
|
Loading…
Reference in a new issue