add ci and update site

.woodpecker/netlify.yaml

@@ -0,0 +1,12 @@
+steps:
+  deploy:
+    image: lauralani/netlify-cli:latest
+    pull: true
+    when:
+      - event: push
+        branch: main
+    secrets:
+      - NETLIFY_AUTH_TOKEN
+      - NETLIFY_SITE_ID
+    commands:
+      - netlify deploy --prod --dir ./

servers.json

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

static/main.js

@@ -1,5 +1,5 @@
 const badgeurl = "https://uptime-kuma.lauka.net/api/badge/##/status?style=for-the-badge"
-const template = document.getElementById("game-template")
+const template = document.getElementById("game-template").content
 const serverdata = "/servers.json"
 var gamecontainer = document.getElementById("gamelist")
 
@@ -15,6 +15,7 @@ async function populatePage() {
         let url = badgeurl.replace("##", server.id)
         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"
 

static/style.css

@@ -52,4 +52,20 @@ body i {
 
 .game-card {
 	margin: 0 20px;
+}
+
+@media (max-width: 650px) {
+	body {
+		font-size: 1em;
+	}
+
+	.status-image {
+		display: block;
+		margin-left: 6px;
+		margin-top: 5px;
+	}
+
+	h2 {
+		margin-bottom: 7px;
+	}
 }