update style and translate to english
All checks were successful
ci/woodpecker/push/netlify Pipeline was successful

This commit is contained in:
Adora Laura Kalb 2023-08-24 09:28:05 +02:00
parent 82096c62eb
commit 2656a8c558
Signed by: adoralaura
GPG key ID: 7A4552166FC8C056
4 changed files with 32 additions and 11 deletions

View file

@ -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>

View file

@ -16,7 +16,7 @@
{
"id": 16,
"displayname": "Ark Survival Evolved",
"serverurl": "\"Kuschelzone\" im Serverbrowser",
"serverurl": "Serverbrowser: \"Kuschelzone\"",
"whitelist": false,
"password": true
},

View file

@ -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)
});

View file

@ -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,8 +28,17 @@ 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 {
@ -42,7 +51,7 @@ body i {
font-style: normal;
}
.info {
.info {
color: aqua;
}
@ -69,3 +78,11 @@ body i {
margin-bottom: 7px;
}
}
.red {
color: red;
}
.green {
color: greenyellow;
}