lila-network/games
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

10
index.html
View file

@ -12,16 +12,20 @@
</head> </head>
<body onload="javascript:populatePage()"> <body onload="javascript:populatePage()">
<h1>LiLa Games</h1> <h1>LiLa Games 💜</h1>
<div id="gamelist"> <div id="gamelist">
</div> </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"> <template id="game-template">
<h2><i id="game-name"></i> <img id="game-badge" class="status-image" src=""></img></h2> <h2><i id="game-name"></i> <img id="game-badge" class="status-image" src=""></img></h2>
<div class="game-card"> <div class="game-card">
<p>URL: <i class="info" id="game-url"></i></p> <p>URL: <i class="info monospace" id="game-url"></i></p>
<p>Passwort nötig? <i class="info" id="game-password"></i></p> <p>Password needed? <i class="info" id="game-password"></i></p>
<p>Whitelist? <i class="info" id="game-whitelist"></i></p> <p>Whitelist? <i class="info" id="game-whitelist"></i></p>
</div> </div>
</template> </template>

2
servers.json
View file

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

4
static/main.js
View file

@ -16,8 +16,8 @@ async function populatePage() {
clone.querySelector("#game-name").innerHTML = server.displayname clone.querySelector("#game-name").innerHTML = server.displayname
clone.querySelector("#game-badge").src = url clone.querySelector("#game-badge").src = url
clone.querySelector("#game-url").innerHTML = server.serverurl clone.querySelector("#game-url").innerHTML = server.serverurl
clone.querySelector("#game-password").innerHTML = server.password ? "ja" : "nein" clone.querySelector("#game-password").innerHTML = server.password ? "yes" : "no"
clone.querySelector("#game-whitelist").innerHTML = server.whitelist ? "ja" : "nein" clone.querySelector("#game-whitelist").innerHTML = server.whitelist ? "yes" : "no"
gamecontainer.appendChild(clone) gamecontainer.appendChild(clone)
}); });

23
static/style.css
View file

@ -15,8 +15,8 @@ body {
font-size: 1.4em; font-size: 1.4em;
line-height: 1.4; line-height: 1.4;
max-width: 40em; max-width: 40em;
background: #303030; background: #35155D;
color: #c1c1c1; color: whitesmoke;
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
} }
@ -28,8 +28,17 @@ body {
src: url('/static/open-sans-v35-latin-regular.woff2') format('woff2'); src: url('/static/open-sans-v35-latin-regular.woff2') format('woff2');
} }
h1,h2,h3 { h1,
h2,
h3 {
margin-left: 15px; margin-left: 15px;
color: #8CABFF;
}
h1 {
text-align: center;
border-bottom: 1px solid white;
margin: 0px 15%;
} }
.status-image { .status-image {
@ -69,3 +78,11 @@ body i {
margin-bottom: 7px; margin-bottom: 7px;
} }
} }
.red {
color: red;
}
.green {
color: greenyellow;
}