feat(ci)!: Switched to woodpecker

.drone.yml

@@ -1,101 +0,0 @@
----
-kind: secret
-name: docker_username
-get:
-  path: odit-registry-builder
-  name: username
-
----
-kind: secret
-name: docker_password
-get:
-  path: odit-registry-builder
-  name: password
-
----
-kind: secret
-name: npm_url
-get:
-  path: odit-npm-cache
-  name: url
-
----
-kind: pipeline
-type: kubernetes
-name: build:dev
-
-steps:
-  - name: build dev
-    image: plugins/docker
-    depends_on: [clone]
-    settings:
-      username:
-        from_secret: docker_username
-      password:
-        from_secret: docker_password
-      build_args:
-        - NPM_REGISTRY_URL:
-          from_secret: npm_url
-      repo: registry.odit.services/lfk/beamershow
-      tags:
-        - dev
-      registry: registry.odit.services
-      mtu: 1000
-trigger:
-  branch:
-    - dev
-  event:
-    - push
-
----
-kind: pipeline
-type: kubernetes
-name: build:latest
-
-steps:
-  - name: build latest
-    image: plugins/docker
-    depends_on: [clone]
-    settings:
-      username:
-        from_secret: docker_username
-      password:
-        from_secret: docker_password
-      build_args:
-        - NPM_REGISTRY_URL:
-          from_secret: npm_url
-      repo: registry.odit.services/lfk/beamershow
-      tags:
-        - latest
-      registry: registry.odit.services
-      mtu: 1000
-trigger:
-  branch:
-    - main
-  event:
-    - push
-
----
-kind: pipeline
-type: kubernetes
-name: build:tags
-steps:
-  - name: build $DRONE_TAG
-    image: plugins/docker
-    depends_on: [clone]
-    settings:
-      username:
-        from_secret: docker_username
-      password:
-        from_secret: docker_password
-      build_args:
-        - NPM_REGISTRY_URL:
-          from_secret: npm_url
-      repo: registry.odit.services/lfk/beamershow
-      tags:
-        - '${DRONE_TAG}'
-      registry: registry.odit.services
-      mtu: 1000
-trigger:
-  event:
-  - tag

.woodpecker/build.yml

@@ -0,0 +1,39 @@
+steps:
+  - name: build latest
+    image: woodpeckerci/plugin-docker-buildx
+    settings:
+      repo: registry.odit.services/lfk/beamershow
+      tags:
+        - latest
+      registry: registry.odit.services
+      platforms: linux/amd64,linux/arm64
+      cache_from: registry.odit.services/lfk/beamershow:latest
+      username:
+        from_secret: odit-registry-builder-username
+      password:
+        from_secret: odit-registry-builder-password
+    secrets:
+      - source: odit-npm-cache-url
+        target: NPM_REGISTRY_URL
+    when:
+      branch: main
+  - name: build dev
+    image: woodpeckerci/plugin-docker-buildx
+    settings:
+      repo: registry.odit.services/lfk/beamershow
+      tags:
+        - dev
+      registry: registry.odit.services
+      platforms: linux/amd64,linux/arm64
+      cache_from: registry.odit.services/lfk/beamershow:dev
+      username:
+        from_secret: odit-registry-builder-username
+      password:
+        from_secret: odit-registry-builder-password
+    secrets:
+      - source: odit-npm-cache-url
+        target: NPM_REGISTRY_URL
+    when:
+      branch: dev
+when:
+  event: push

CHANGELOG.md

@@ -2,11 +2,69 @@
 
 All notable changes to this project will be documented in this file. Dates are displayed in UTC.
 
+#### [1.0.4](https://git.odit.services/lfk/beamershow/compare/1.0.3...1.0.4)
+
+- fix: formatting of total km [`2bdbd00`](https://git.odit.services/lfk/beamershow/commit/2bdbd001898b9dd5aa541f3cce90fc108e7e458c)
+
+#### [1.0.3](https://git.odit.services/lfk/beamershow/compare/1.0.2...1.0.3)
+
+> 15 April 2023
+
+- 🚀Bumped version to 1.0.3 [`85e7b7c`](https://git.odit.services/lfk/beamershow/commit/85e7b7c231b92233b58373cd4ad56f514d6d789c)
+- cleanup loading [`d5f685a`](https://git.odit.services/lfk/beamershow/commit/d5f685a8269737d148a06e0ec784c0074eac7d3f)
+- drop laptime runner stats, fix runner distance page [`8844917`](https://git.odit.services/lfk/beamershow/commit/88449174a148ab7498075a15149388213a532c02)
+
+#### [1.0.2](https://git.odit.services/lfk/beamershow/compare/1.0.1...1.0.2)
+
+> 15 April 2023
+
+- 🚀Bumped version to 1.0.2 [`d30be90`](https://git.odit.services/lfk/beamershow/commit/d30be90102b3065b16836adc44a686c677e3053d)
+- updated release config [`7e3570e`](https://git.odit.services/lfk/beamershow/commit/7e3570e9231929f366047ff149364ec06344d2ee)
+
+#### [1.0.1](https://git.odit.services/lfk/beamershow/compare/1.0.0...1.0.1)
+
+> 15 April 2023
+
+- 🚀Bumped version to 1.0.1 [`3ac0a3c`](https://git.odit.services/lfk/beamershow/commit/3ac0a3c142427adb3b3d461cd39a458685a85335)
+- fix bg image? [`dc588e8`](https://git.odit.services/lfk/beamershow/commit/dc588e83c03d7e381f67c52b5fd5430fd0462742)
+
+### [1.0.0](https://git.odit.services/lfk/beamershow/compare/0.1.5...1.0.0)
+
+> 15 April 2023
+
+- pin clock to bottom [`b287db4`](https://git.odit.services/lfk/beamershow/commit/b287db4d0a57e8a07d30b756ce0bea30da5ef4e3)
+- update font to match lfk 2023 branding [`70a6120`](https://git.odit.services/lfk/beamershow/commit/70a61204471cea8f8d5dc17ad225c39c5cd91a43)
+- bump windicss [`c33157e`](https://git.odit.services/lfk/beamershow/commit/c33157e2d4c5e4a5e9d30d96650e0bfa5ab1ab57)
+- 1 more empty state [`f909575`](https://git.odit.services/lfk/beamershow/commit/f909575ca5ac862ec8e34d783831c2fcb53f2083)
+- add empty state for runners_laptime [`8139a3f`](https://git.odit.services/lfk/beamershow/commit/8139a3f60b3544a8992d97b8b9d49520b28270bd)
+- 🚀Bumped version to 1.0.0 [`5d764a8`](https://git.odit.services/lfk/beamershow/commit/5d764a80a7d25be7f6c2bb29a22b816875a739bf)
+- updated pnpm lock [`de37339`](https://git.odit.services/lfk/beamershow/commit/de373390ba7051e22f1c4904b1ed60e1dc0e0c7a)
+- text responsiveness [`9b83b38`](https://git.odit.services/lfk/beamershow/commit/9b83b38356b3faa677421a98c8655bc2357fb489)
+- fix: font responsiveness [`38b0fcc`](https://git.odit.services/lfk/beamershow/commit/38b0fccb5abf762b88d5a8a3ad27cb80cf85ccb0)
+- fix: typo [`8a4974f`](https://git.odit.services/lfk/beamershow/commit/8a4974ffa95b4d45f14c14130d7b7cb584c5cb52)
+- format donation total [`431fc5a`](https://git.odit.services/lfk/beamershow/commit/431fc5a0474076568e9184d4c6b9819af6cc2e3f)
+- default fallback on no data [`e04e671`](https://git.odit.services/lfk/beamershow/commit/e04e6713bc282810da2a0d103484cb6043af6063)
+- formatting [`047941b`](https://git.odit.services/lfk/beamershow/commit/047941babbccb1f0674347babfa1468ac51fa487)
+- monospace clock [`b50398f`](https://git.odit.services/lfk/beamershow/commit/b50398f6eb4e99e4d1c0d654e2710b265186837a)
+- formatting [`ee97997`](https://git.odit.services/lfk/beamershow/commit/ee9799736f912f32e37e0d5d06a5591ec6180a31)
+- improved clock position on xl [`0f32c71`](https://git.odit.services/lfk/beamershow/commit/0f32c71ef0e0267b2dc271507346c60b83eaa176)
+- improved clock alignment [`4b1a1a3`](https://git.odit.services/lfk/beamershow/commit/4b1a1a324b865354472e45e0ef24230678be6111)
+- fix container width [`5692969`](https://git.odit.services/lfk/beamershow/commit/569296928ee0a3c21844c183d74a36d759f65150)
+- improved footer [`8d38e81`](https://git.odit.services/lfk/beamershow/commit/8d38e81b782252c84163aa87ec660199a2e2b065)
+- updated width [`7005ec6`](https://git.odit.services/lfk/beamershow/commit/7005ec6a28b50763a5e4ee42a8d50e9953149168)
+- drop "teams_distance" screen [`b483ed1`](https://git.odit.services/lfk/beamershow/commit/b483ed1e49aebbdfb59b41df75160a8acab546b2)
+- improved empty state [`2ce93b4`](https://git.odit.services/lfk/beamershow/commit/2ce93b45c772284e59d84f063069e1546434bbc3)
+- fix: width of general container [`b3ce711`](https://git.odit.services/lfk/beamershow/commit/b3ce711e6b8a8497ccbe6e5eea5ff1d6cd550e91)
+- reload data every 90s [`456c063`](https://git.odit.services/lfk/beamershow/commit/456c0635a4fb5e129e94d4537fb735dc94933a12)
+
 #### [0.1.5](https://git.odit.services/lfk/beamershow/compare/0.1.4...0.1.5)
 
+> 29 March 2023
+
 - Switched dockerfile over to pnpm + cache [`701aae9`](https://git.odit.services/lfk/beamershow/commit/701aae9ed4af66b973e88fec384e46752fcb9ca2)
 - Switched ci over to pnpm cache [`324612b`](https://git.odit.services/lfk/beamershow/commit/324612b5ddc1cf148a7750a02cdce557bef54d38)
 - pinned dependencies [`d284e81`](https://git.odit.services/lfk/beamershow/commit/d284e8184c5a3c357398e3ab5a24a2e611001640)
+- 🚀Bumped version to 0.1.5 [`5be665b`](https://git.odit.services/lfk/beamershow/commit/5be665b65fc021ae8ae544a965444cc29ec20e62)
 - Docker copy all [`ca1c96b`](https://git.odit.services/lfk/beamershow/commit/ca1c96b252c9665b94dd9ef37c700afbb0039d46)
 
 #### [0.1.4](https://git.odit.services/lfk/beamershow/compare/0.1.3...0.1.4)

index.html

@@ -6,6 +6,11 @@
     <title>LfK!Beamershow</title>
     <base href="./" />
     <link rel="icon" type="image/png" href="./favicon.png" />
+    <style>
+      * {
+        font-family: "Athiti", sans-serif;
+      }
+    </style>
   </head>
 
   <body class="bg-white font-family-karla h-screen">

licenses.md

@@ -1,3 +1,11 @@
+# @fontsource/athiti
+**Author**: Lotus <declininglotus@gmail.com>
+**Repo**: https://github.com/fontsource/fontsource
+**License**: MIT
+**Description**: Self-host the Athiti font in a neatly bundled NPM package.
+## License Text
+ 
+
 # @odit/license-exporter
 **Author**: ODIT.Services
 **Repo**: https://git.odit.services/odit/license-exporter

package.json

@@ -1,48 +1,51 @@
-{
-	"name": "@lfk/beamershow",
-	"version": "0.1.5",
-	"scripts": {
-		"dev": "vite",
-		"build": "vite build",
-		"format": "prettier --write --plugin-search-dir=. ./**/*.html ./**/*.svelte",
-		"prepare": "husky install",
-		"license:export": "license-exporter --markdown && git stage licenses.md",
-		"release": "release-it --only-version"
-	},
-	"devDependencies": {
-		"@odit/license-exporter": "0.0.11",
-		"@svitejs/vite-plugin-svelte": "0.11.1",
-		"@tsconfig/svelte": "1.0.10",
-		"@types/html-minifier": "4.0.0",
-		"axios": "0.21.1",
-		"html-minifier": "4.0.0",
-		"husky": "5.1.3",
-		"prettier": "2.2.1",
-		"prettier-plugin-svelte": "2.2.0",
-		"release-it": "14.5.0",
-		"svelte": "3.36.0",
-		"svelte-i18n": "3.3.9",
-		"svelte-preprocess": "4.7.0",
-		"validator": "13.5.2",
-		"vite": "2.1.4",
-		"vite-plugin-windicss": "0.11.2"
-	},
-	"release-it": {
-		"git": {
-			"commit": true,
-			"requireCleanWorkingDir": false,
-			"commitMessage": "🚀Bumped version to ${version}",
-			"requireBranch": "main",
-			"push": false,
-			"tag": true,
-			"tagName": null,
-			"tagAnnotation": "${version}"
-		},
-		"npm": {
-			"publish": false
-		},
-		"hooks": {
-			"after:bump": "npx auto-changelog --commit-limit false -p -u --hide-credit && git add CHANGELOG.md && node order.js  && git add src/locales"
-		}
-	}
-}
+{
+	"name": "@lfk/beamershow",
+	"version": "1.0.4",
+	"scripts": {
+		"dev": "vite",
+		"build": "vite build",
+		"format": "prettier --write --plugin-search-dir=. ./**/*.html ./**/*.svelte",
+		"prepare": "husky install",
+		"license:export": "license-exporter --markdown && git stage licenses.md",
+		"release": "release-it --only-version"
+	},
+	"devDependencies": {
+		"@odit/license-exporter": "0.0.11",
+		"@svitejs/vite-plugin-svelte": "0.11.1",
+		"@tsconfig/svelte": "1.0.10",
+		"@types/html-minifier": "4.0.0",
+		"axios": "0.21.1",
+		"html-minifier": "4.0.0",
+		"husky": "5.1.3",
+		"prettier": "2.2.1",
+		"prettier-plugin-svelte": "2.2.0",
+		"release-it": "14.5.0",
+		"svelte": "3.36.0",
+		"svelte-i18n": "3.3.9",
+		"svelte-preprocess": "4.7.0",
+		"validator": "13.5.2",
+		"vite": "2.1.4",
+		"vite-plugin-windicss": "1.8.10"
+	},
+	"release-it": {
+		"git": {
+			"commit": true,
+			"requireCleanWorkingDir": false,
+			"commitMessage": "🚀Bumped version to ${version}",
+			"requireBranch": "main",
+			"push": true,
+			"tag": true,
+			"tagName": null,
+			"tagAnnotation": "${version}"
+		},
+		"npm": {
+			"publish": false
+		},
+		"hooks": {
+			"after:bump": "npx auto-changelog --commit-limit false -p -u --hide-credit && git add CHANGELOG.md && node order.js  && git add src/locales"
+		}
+	},
+	"dependencies": {
+		"@fontsource/athiti": "^4.5.10"
+	}
+}

pnpm-lock.yaml

@@ -1,32 +1,37 @@
 lockfileVersion: '6.0'
 
+dependencies:
+  '@fontsource/athiti':
+    specifier: ^4.5.10
+    version: 4.5.10
+
 devDependencies:
   '@odit/license-exporter':
-    specifier: ^0.0.11
+    specifier: 0.0.11
     version: 0.0.11
   '@svitejs/vite-plugin-svelte':
-    specifier: ^0.11.1
+    specifier: 0.11.1
     version: 0.11.1(svelte@3.36.0)(vite@2.1.4)
   '@tsconfig/svelte':
-    specifier: ^1.0.10
+    specifier: 1.0.10
     version: 1.0.10
   '@types/html-minifier':
-    specifier: ^4.0.0
+    specifier: 4.0.0
     version: 4.0.0
   axios:
-    specifier: ^0.21.1
+    specifier: 0.21.1
     version: 0.21.1
   html-minifier:
-    specifier: ^4.0.0
+    specifier: 4.0.0
     version: 4.0.0
   husky:
-    specifier: ^5.1.3
+    specifier: 5.1.3
     version: 5.1.3
   prettier:
-    specifier: ^2.2.1
+    specifier: 2.2.1
     version: 2.2.1
   prettier-plugin-svelte:
-    specifier: ^2.2.0
+    specifier: 2.2.0
     version: 2.2.0(prettier@2.2.1)(svelte@3.36.0)
   release-it:
     specifier: 14.5.0
@@ -41,17 +46,21 @@ devDependencies:
     specifier: 4.7.0
     version: 4.7.0(svelte@3.36.0)
   validator:
-    specifier: ^13.5.2
+    specifier: 13.5.2
     version: 13.5.2
   vite:
     specifier: 2.1.4
     version: 2.1.4
   vite-plugin-windicss:
-    specifier: 0.11.2
-    version: 0.11.2(vite@2.1.4)
+    specifier: 1.8.10
+    version: 1.8.10(vite@2.1.4)
 
 packages:
 
+  /@antfu/utils@0.7.2:
+    resolution: {integrity: sha512-vy9fM3pIxZmX07dL+VX1aZe7ynZ+YyB0jY+jE6r3hOK6GNY2t6W8rzpFC4tgpbXUYABkFQwgJq2XYXlxbXAI0g==}
+    dev: true
+
   /@babel/code-frame@7.18.6:
     resolution: {integrity: sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==}
     engines: {node: '>=6.9.0'}
@@ -73,6 +82,10 @@ packages:
       js-tokens: 4.0.0
     dev: true
 
+  /@fontsource/athiti@4.5.10:
+    resolution: {integrity: sha512-46/sR0kTwwBdvTsWYNi6FVnPGg/GDWa+FQSuMMckVyd0zXAVyCghw4hNngf3A7iwPwl/BynSYjfRLdh67LUavQ==}
+    dev: false
+
   /@formatjs/ecma402-abstract@1.11.4:
     resolution: {integrity: sha512-EBikYFp2JCdIfGEb5G9dyCkTGDmC57KSHhRQOC3aYxoPWVZvfWCDjZwkGYHN7Lis/fmuWl906bnNTJifDQ3sXw==}
     dependencies:
@@ -111,6 +124,10 @@ packages:
     resolution: {integrity: sha512-trnsAYxU3xnS1gPHPyU961coFyLkh4gAD/0zQ5mymY4yOZ+CYvsPqUbOFSw0aDM4y0tV7tiFxL/1XfXPNC6IPg==}
     dev: true
 
+  /@jridgewell/sourcemap-codec@1.4.15:
+    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
+    dev: true
+
   /@nodelib/fs.scandir@2.1.5:
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
     engines: {node: '>= 8'}
@@ -373,16 +390,26 @@ packages:
       source-map: 0.6.1
     dev: true
 
-  /@windicss/plugin-utils@0.11.2:
-    resolution: {integrity: sha512-Kq9X0/INSOYzBHO/dgOJx3v2U/F+5/bv9IMCW/ABDLwyZbY1fUuGuHgO5e0CHL79F/zTpxxSv+fAAVyiKAY1Eg==}
+  /@windicss/config@1.8.10:
+    resolution: {integrity: sha512-O9SsC110b1Ik3YYa4Ck/0TWuCo7YFfA9KDrwD5sAeqscT5COIGK1HszdCT3oh0MJFej2wNrvpfyW9h6yQaW6PA==}
     dependencies:
+      debug: 4.3.4
+      jiti: 1.18.2
+      windicss: 3.5.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@windicss/plugin-utils@1.8.10:
+    resolution: {integrity: sha512-Phqk5OW1w+Mv+ry6t7BzAeDq3aMhbI94gR49j9vQCufFfDGCHndhhjtMK0sBv+NPJUsIAIh6qayb1iwBCXUGrw==}
+    dependencies:
+      '@antfu/utils': 0.7.2
+      '@windicss/config': 1.8.10
       debug: 4.3.4
       fast-glob: 3.2.12
-      magic-string: 0.25.9
+      magic-string: 0.27.0
       micromatch: 4.0.5
-      pirates: 4.0.5
-      sucrase: 3.31.0
-      windicss: 2.5.14
+      windicss: 3.5.6
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -419,10 +446,6 @@ packages:
       color-convert: 2.0.1
     dev: true
 
-  /any-promise@1.3.0:
-    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
-    dev: true
-
   /anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
     engines: {node: '>= 8'}
@@ -702,11 +725,6 @@ packages:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
     dev: true
 
-  /commander@4.1.1:
-    resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
-    engines: {node: '>= 6'}
-    dev: true
-
   /concat-map@0.0.1:
     resolution: {integrity: sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=}
     dev: true
@@ -1072,17 +1090,6 @@ packages:
       is-glob: 4.0.3
     dev: true
 
-  /glob@7.1.6:
-    resolution: {integrity: sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==}
-    dependencies:
-      fs.realpath: 1.0.0
-      inflight: 1.0.6
-      inherits: 2.0.4
-      minimatch: 3.1.2
-      once: 1.4.0
-      path-is-absolute: 1.0.1
-    dev: true
-
   /glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
     dependencies:
@@ -1458,6 +1465,11 @@ packages:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
     dev: true
 
+  /jiti@1.18.2:
+    resolution: {integrity: sha512-QAdOptna2NYiSSpv0O/BwoHBSmz4YhpzJHyi+fnMRTXFjp7B8i/YG5Z8IfusxB1ufjcD2Sre1F3R+nX3fvy7gg==}
+    hasBin: true
+    dev: true
+
   /js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
     dev: true
@@ -1486,6 +1498,10 @@ packages:
       json-buffer: 3.0.1
     dev: true
 
+  /kolorist@1.7.0:
+    resolution: {integrity: sha512-ymToLHqL02udwVdbkowNpzjFd6UzozMtshPQKVi5k1EjKRqKqBrOnE9QbLEb0/pV76SAiIT13hdL8R6suc+f3g==}
+    dev: true
+
   /latest-version@5.1.0:
     resolution: {integrity: sha512-weT+r0kTkRQdCdYCNtkMwWXQTMEswKrFBkm4ckQOMVhhqhIMI1UT2hMj+1iigIhgSZm5gTmrRXBNoGUgaTY1xA==}
     engines: {node: '>=8'}
@@ -1542,10 +1558,11 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /magic-string@0.25.9:
-    resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
+  /magic-string@0.27.0:
+    resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
+    engines: {node: '>=12'}
     dependencies:
-      sourcemap-codec: 1.4.8
+      '@jridgewell/sourcemap-codec': 1.4.15
     dev: true
 
   /make-dir@3.1.0:
@@ -1627,14 +1644,6 @@ packages:
     resolution: {integrity: sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==}
     dev: true
 
-  /mz@2.7.0:
-    resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
-    dependencies:
-      any-promise: 1.3.0
-      object-assign: 4.1.1
-      thenify-all: 1.6.0
-    dev: true
-
   /nanoid@3.3.6:
     resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -1681,11 +1690,6 @@ packages:
       path-key: 3.1.1
     dev: true
 
-  /object-assign@4.1.1:
-    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   /object-inspect@1.12.3:
     resolution: {integrity: sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==}
     dev: true
@@ -1839,11 +1843,6 @@ packages:
     engines: {node: '>=8.6'}
     dev: true
 
-  /pirates@4.0.5:
-    resolution: {integrity: sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==}
-    engines: {node: '>= 6'}
-    dev: true
-
   /postcss@8.4.21:
     resolution: {integrity: sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==}
     engines: {node: ^10 || ^12 || >=14}
@@ -2199,11 +2198,6 @@ packages:
     engines: {node: '>= 8'}
     dev: true
 
-  /sourcemap-codec@1.4.8:
-    resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
-    deprecated: Please use @jridgewell/sourcemap-codec instead
-    dev: true
-
   /split-on-first@1.1.0:
     resolution: {integrity: sha512-43ZssAJaMusuKWL8sKUBQXHWOpq8d6CfN/u1p4gUzfJkM05C8rxTmYrkIPTXapZpORA6LkkzcUulJ8FqA7Uudw==}
     engines: {node: '>=6'}
@@ -2253,19 +2247,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /sucrase@3.31.0:
-    resolution: {integrity: sha512-6QsHnkqyVEzYcaiHsOKkzOtOgdJcb8i54x6AV2hDwyZcY9ZyykGZVw6L/YN98xC0evwTP6utsWWrKRaa8QlfEQ==}
-    engines: {node: '>=8'}
-    hasBin: true
-    dependencies:
-      commander: 4.1.1
-      glob: 7.1.6
-      lines-and-columns: 1.2.4
-      mz: 2.7.0
-      pirates: 4.0.5
-      ts-interface-checker: 0.1.13
-    dev: true
-
   /supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
     engines: {node: '>=4'}
@@ -2361,19 +2342,6 @@ packages:
     engines: {node: '>= 8'}
     dev: true
 
-  /thenify-all@1.6.0:
-    resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
-    engines: {node: '>=0.8'}
-    dependencies:
-      thenify: 3.3.1
-    dev: true
-
-  /thenify@3.3.1:
-    resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
-    dependencies:
-      any-promise: 1.3.0
-    dev: true
-
   /through@2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
@@ -2408,10 +2376,6 @@ packages:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
     dev: true
 
-  /ts-interface-checker@0.1.13:
-    resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
-    dev: true
-
   /tslib@1.14.1:
     resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
     dev: true
@@ -2502,16 +2466,16 @@ packages:
     engines: {node: '>= 0.10'}
     dev: true
 
-  /vite-plugin-windicss@0.11.2(vite@2.1.4):
-    resolution: {integrity: sha512-BtgDL/wUygdl+zo0eIAfXG+jz+sXAMoBHyNUrof4oA037aI/BY0s68VSUlWeOqv0lnT7HhMeg5jyJodS50RPZw==}
+  /vite-plugin-windicss@1.8.10(vite@2.1.4):
+    resolution: {integrity: sha512-scywsuzo46lcTBohspmF0WiwhWEte6p+OUVrX4yr7VMRvLHMHVfLtJReyD5pppjijG7YOwVsZn7XBWWZtF658Q==}
     peerDependencies:
-      vite: ^2.0.1
+      vite: ^2.0.1 || ^3.0.0 || ^4.0.0
     dependencies:
-      '@windicss/plugin-utils': 0.11.2
-      chalk: 4.1.2
+      '@windicss/plugin-utils': 1.8.10
       debug: 4.3.4
+      kolorist: 1.7.0
       vite: 2.1.4
-      windicss: 2.5.14
+      windicss: 3.5.6
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -2561,8 +2525,8 @@ packages:
       string-width: 4.2.3
     dev: true
 
-  /windicss@2.5.14:
-    resolution: {integrity: sha512-8Lm7U1M5AzJPbiaVSVz7qWdETRzlkv//5LBMICBBAojos1jo09lUGhNZ5rBzHeldB9JmqYMDOGgrrXHExu0EAg==}
+  /windicss@3.5.6:
+    resolution: {integrity: sha512-P1mzPEjgFMZLX0ZqfFht4fhV/FX8DTG7ERG1fBLiWvd34pTLVReS5CVsewKn9PApSgXnVfPWwvq+qUsRwpnwFA==}
     engines: {node: '>= 12'}
     hasBin: true
     dev: true

src/Beamershow.svelte

@@ -1,5 +1,6 @@
 <script>
   import axios from "axios";
+  import bg from "../public/beamershow_background.png?import";
   import { _ } from "svelte-i18n";
   import { slide } from "svelte/transition";
   import { apikey, api_endpoint, laptime_track } from "./store.js";
@@ -9,9 +10,9 @@
   $: pages = [
     "general",
     "runners_distance",
-    "runners_laptime",
+    // "runners_laptime",
     "orgs_distance",
-    "teams_distance",
+    // "teams_distance",
   ];
   $: current_page = "general";
   $: general = {};
@@ -120,7 +121,7 @@
   function fetch_all() {
     stats_general();
     stats_runners();
-    stats_runners_by_laptime();
+    // stats_runners_by_laptime();
     stats_orgs();
     stats_teams();
   }
@@ -130,7 +131,7 @@
   }, 1000);
   setInterval(() => {
     fetch_all();
-  }, 15000);
+  }, 50000);
   setInterval(() => {
     current_page = pages.cycle(current_page);
   }, 20000);
@@ -138,230 +139,279 @@
 
 <div
   class="min-h-screen flex items-center justify-center bg-gray-100"
-  style="background-image: url('/beamershow_background.png');background-position: center;background-size: contain;background-repeat:no-repeat;"
+  style="background-image: url({bg});background-position: center;background-size: contain;background-repeat:no-repeat;"
 >
-  <div class="max-w-xl w-full">
-    {#if current_page === "general"}
-      <div transition:slide|local>
-        <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900">
-          {hours}:{minutes}:{seconds}
-        </h1>
-        <!--  -->
-        <div class="flex flex-wrap -mx-1 overflow-hidden mt-5">
-          <div class="my-1 px-1 w-full overflow-hidden sm:w-1/2 md:w-1/3">
-            <h1 class="text-5xl font-semibold text-center text-gray-900">
-              {general.total_runners}
-            </h1>
-            <h1 class="text-2xl font-semibold text-center text-gray-900">
-              {$_("laeufer")}
-            </h1>
-          </div>
-          <div class="my-1 px-1 w-full overflow-hidden sm:w-1/2 md:w-1/3">
-            <h1 class="text-5xl font-semibold text-center text-gray-900">
-              {general.total_distance}
-            </h1>
-            <h1 class="text-2xl font-semibold text-center text-gray-900">
-              {$_("kilometer-gesamt")}
-            </h1>
-          </div>
-          <div class="my-1 px-1 w-full overflow-hidden sm:w-1/2 md:w-1/3">
-            <h1 class="text-5xl font-semibold text-center text-gray-900">
-              {general.total_donation} €
-            </h1>
-            <h1 class="text-2xl font-semibold text-center text-gray-900">
-              {$_("spendensumme")}
-            </h1>
+  <div class="w-full">
+    <div class="w-3/4 xl:w-1/2 mx-auto">
+      <!--  -->
+      {#if current_page === "general"}
+        <div transition:slide|local>
+          <h1
+            class="mr-6 text-5xl xl:text-7xl font-bold text-center text-gray-900"
+          >
+            Statistiken
+          </h1>
+          <!--  -->
+          <div class="flex flex-wrap -mx-1 overflow-hidden mt-5">
+            <div class="my-1 px-1 w-full overflow-hidden sm:w-1/2 md:w-1/3">
+              <h1 class="text-5xl font-bold text-center text-gray-900">
+                {general.total_runners || "0"}
+              </h1>
+              <h1 class="text-2xl font-semibold text-center text-gray-900">
+                {$_("laeufer")}
+              </h1>
+            </div>
+            <div class="my-1 px-1 w-full overflow-hidden sm:w-1/2 md:w-1/3">
+              <h1 class="text-5xl font-bold text-center text-gray-900">
+                {general.total_distance / 1000 || 0}
+              </h1>
+              <h1 class="text-2xl font-semibold text-center text-gray-900">
+                {$_("kilometer-gesamt")}
+              </h1>
+            </div>
+            <div class="my-1 px-1 w-full overflow-hidden sm:w-1/2 md:w-1/3">
+              <h1 class="text-5xl font-bold text-center text-gray-900">
+                {parseFloat(
+                  ((general.total_donation || 0) / 100).toFixed(2)
+                ).toLocaleString(undefined, {
+                  minimumFractionDigits: 2,
+                  maximumFractionDigits: 2,
+                }) || "0"} €
+              </h1>
+              <h1 class="text-2xl font-semibold text-center text-gray-900">
+                {$_("spendensumme")}
+              </h1>
+            </div>
           </div>
         </div>
-      </div>
-    {:else if current_page === "runners_distance"}
-      <div transition:slide|local>
-        <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 mb-5">
-          {$_("top-laeufer")} ({$_("distanz")})
-        </h1>
-        <table class="table p-4 bg-white shadow rounded-lg w-full">
-          <thead>
-            <tr>
-              <th
-                class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
-              >
-                {$_("platz")}
-              </th>
-              <th
-                class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
-              >
-                {$_("laeufer")}
-              </th>
-              <th
-                class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
-              >
-                {$_("organisation")}
-              </th>
-              <th
-                class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
-              >
-                {$_("kilometer")}
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            {#each runners as r, i}
-              <tr class="text-gray-700">
-                <td class="border p-4 dark:border-dark-5">
-                  {i + 1}
-                </td>
-                <td class="border p-4 dark:border-dark-5">
-                  {r.firstname}
-                  {r.lastname}
-                </td>
-                <td class="border p-4 dark:border-dark-5">
-                  {r.group.name}
-                </td>
-                <td class="border p-4 dark:border-dark-5">
-                  {r.distance / 1000} km
-                </td>
+      {:else if current_page === "runners_distance"}
+        <div transition:slide|local>
+          <h1
+            class="mr-6 text-5xl xl:text-7xl font-bold text-center text-gray-900 mb-3"
+          >
+            {$_("top-laeufer")} ({$_("distanz")})
+          </h1>
+          {#if runners.length === 0}
+            <p class="w-full text-center text-3xl font-semibold">
+              Noch keine Daten...
+            </p>
+          {:else}
+            <table
+              class="table font-semibold p-4 bg-white shadow rounded-lg w-full"
+            >
+              <thead>
+                <tr>
+                  <th
+                    class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
+                  >
+                    {$_("platz")}
+                  </th>
+                  <th
+                    class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
+                  >
+                    {$_("laeufer")}
+                  </th>
+                  <th
+                    class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
+                  >
+                    {$_("organisation")}
+                  </th>
+                  <th
+                    class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
+                  >
+                    {$_("kilometer")}
+                  </th>
+                </tr>
+              </thead>
+              <tbody>
+                {#each runners as r, i}
+                  <tr class="text-gray-700">
+                    <td class="border p-4 dark:border-dark-5">
+                      {i + 1}
+                    </td>
+                    <td class="border p-4 dark:border-dark-5">
+                      {r.firstname}
+                      {r.lastname}
+                    </td>
+                    <td class="border p-4 dark:border-dark-5">
+                      {r.group.name}
+                    </td>
+                    <td class="border p-4 dark:border-dark-5">
+                      {r.distance / 1000} km
+                    </td>
+                  </tr>
+                {/each}
+              </tbody>
+            </table>
+          {/if}
+        </div>
+      {:else if current_page === "runners_laptime"}
+        <div transition:slide|local>
+          <h1
+            class="mr-6 text-5xl xl:text-7xl font-bold text-center text-gray-900 mb-3"
+          >
+            {$_("top-laeufer")} ({$_("rundenzeit")})
+          </h1>
+          {#if runners_by_laptime.length === 0}
+            <p class="w-full text-center text-3xl font-semibold">
+              Noch keine Daten...
+            </p>
+          {:else}
+            <table
+              class="table font-semibold p-4 bg-white shadow rounded-lg w-full"
+            >
+              <thead>
+                <tr>
+                  <th
+                    class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
+                  >
+                    {$_("platz")}
+                  </th>
+                  <th
+                    class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
+                  >
+                    {$_("laeufer")}
+                  </th>
+                  <th
+                    class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
+                  >
+                    {$_("organisation")}
+                  </th>
+                  <th
+                    class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
+                  >
+                    {$_("schnellste-rundenzeit")}
+                  </th>
+                </tr>
+              </thead>
+              <tbody>
+                {#each runners_by_laptime as r, i}
+                  <tr class="text-gray-700">
+                    <td class="border p-4 dark:border-dark-5">
+                      {i + 1}
+                    </td>
+                    <td class="border p-4 dark:border-dark-5">
+                      {r.firstname}
+                      {r.lastname}
+                    </td>
+                    <td class="border p-4 dark:border-dark-5">
+                      {r.group.name}
+                    </td>
+                    <td class="border p-4 dark:border-dark-5">
+                      {format_laptime(r.minLaptime)}
+                    </td>
+                  </tr>
+                {/each}
+              </tbody>
+            </table>
+          {/if}
+        </div>
+      {:else if current_page === "orgs_distance"}
+        <div transition:slide|local>
+          <h1
+            class="mr-6 text-5xl xl:text-7xl font-bold text-center text-gray-900 mb-3"
+          >
+            {$_("top-organisationen")}
+          </h1>
+          <table
+            class="table font-semibold p-4 bg-white shadow rounded-lg w-full"
+          >
+            <thead>
+              <tr>
+                <th
+                  class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
+                >
+                  {$_("platz")}
+                </th>
+                <th
+                  class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
+                >
+                  {$_("organsiation")}
+                </th>
+                <th
+                  class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
+                >
+                  {$_("kilometer")}
+                </th>
               </tr>
-            {/each}
-          </tbody>
-        </table>
-      </div>
-    {:else if current_page === "runners_laptime"}
-      <div transition:slide|local>
-        <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 mb-5">
-          {$_("top-laeufer")} ({$_("rundenzeit")})
-        </h1>
-        <table class="table p-4 bg-white shadow rounded-lg w-full">
-          <thead>
-            <tr>
-              <th
-                class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
-              >
-                {$_("platz")}
-              </th>
-              <th
-                class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
-              >
-                {$_("laeufer")}
-              </th>
-              <th
-                class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
-              >
-                {$_("organisation")}
-              </th>
-              <th
-                class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
-              >
-                {$_("schnellste-rundenzeit")}
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            {#each runners_by_laptime as r, i}
-              <tr class="text-gray-700">
-                <td class="border p-4 dark:border-dark-5">
-                  {i + 1}
-                </td>
-                <td class="border p-4 dark:border-dark-5">
-                  {r.firstname}
-                  {r.lastname}
-                </td>
-                <td class="border p-4 dark:border-dark-5">
-                  {r.group.name}
-                </td>
-                <td class="border p-4 dark:border-dark-5">
-                  {format_laptime(r.minLaptime)}
-                </td>
+            </thead>
+            <tbody>
+              {#each orgs as o, i}
+                <tr class="text-gray-700">
+                  <td class="border p-4 dark:border-dark-5">
+                    {i + 1}
+                  </td>
+                  <td class="border p-4 dark:border-dark-5">
+                    {o.name}
+                  </td>
+                  <td class="border p-4 dark:border-dark-5">
+                    {o.distance / 1000} km
+                  </td>
+                </tr>
+              {/each}
+            </tbody>
+          </table>
+        </div>
+      {:else if current_page === "teams_distance"}
+        <div transition:slide|local>
+          <h1
+            class="mr-6 text-5xl xl:text-7xl font-bold text-center text-gray-900 mb-3"
+          >
+            {$_("top-teams")}
+          </h1>
+          <table
+            class="table font-semibold p-4 bg-white shadow rounded-lg w-full"
+          >
+            <thead>
+              <tr>
+                <th
+                  class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
+                >
+                  {$_("platz")}
+                </th>
+                <th
+                  class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
+                >
+                  {$_("team")}
+                </th>
+                <th
+                  class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
+                >
+                  {$_("kilometer")}
+                </th>
               </tr>
-            {/each}
-          </tbody>
-        </table>
-      </div>
-    {:else if current_page === "orgs_distance"}
-      <div transition:slide|local>
-        <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 mb-5">
-          {$_("top-organsiationen")}
-        </h1>
-        <table class="table p-4 bg-white shadow rounded-lg w-full">
-          <thead>
-            <tr>
-              <th
-                class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
-              >
-                {$_("platz")}
-              </th>
-              <th
-                class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
-              >
-                {$_("organsiation")}
-              </th>
-              <th
-                class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
-              >
-                {$_("kilometer")}
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            {#each orgs as o, i}
-              <tr class="text-gray-700">
-                <td class="border p-4 dark:border-dark-5">
-                  {i + 1}
-                </td>
-                <td class="border p-4 dark:border-dark-5">
-                  {o.name}
-                </td>
-                <td class="border p-4 dark:border-dark-5">
-                  {o.distance / 1000} km
-                </td>
-              </tr>
-            {/each}
-          </tbody>
-        </table>
-      </div>
-    {:else if current_page === "teams_distance"}
-      <div transition:slide|local>
-        <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 mb-5">
-          {$_("top-teams")}
-        </h1>
-        <table class="table p-4 bg-white shadow rounded-lg w-full">
-          <thead>
-            <tr>
-              <th
-                class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
-              >
-                {$_("platz")}
-              </th>
-              <th
-                class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
-              >
-                {$_("team")}
-              </th>
-              <th
-                class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900"
-              >
-                {$_("kilometer")}
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            {#each teams as t, i}
-              <tr class="text-gray-700">
-                <td class="border p-4 dark:border-dark-5">
-                  {i + 1}
-                </td>
-                <td class="border p-4 dark:border-dark-5">
-                  {t.name}
-                </td>
-                <td class="border p-4 dark:border-dark-5">
-                  {t.distance / 1000} km
-                </td>
-              </tr>
-            {/each}
-          </tbody>
-        </table>
-      </div>
-    {:else}
-      <!-- content here -->
-    {/if}
+            </thead>
+            <tbody>
+              {#each teams as t, i}
+                <tr class="text-gray-700">
+                  <td class="border p-4 dark:border-dark-5">
+                    {i + 1}
+                  </td>
+                  <td class="border p-4 dark:border-dark-5">
+                    {t.name}
+                  </td>
+                  <td class="border p-4 dark:border-dark-5">
+                    {t.distance / 1000} km
+                  </td>
+                </tr>
+              {/each}
+            </tbody>
+          </table>
+        </div>
+      {:else}
+        <!-- content here -->
+      {/if}
+    </div>
   </div>
+  <h1
+    class="text-6xl font-semibold text-right text-gray-900 font-mono top-2 w-full fixed pr-4 xl:top-6 xl:pr-8"
+  >
+    {hours}:{minutes}:{seconds}
+  </h1>
+  <h1
+    class="text-xl xl:text-3xl font-medium text-center text-gray-900 font-mono bottom-2 xl:bottom-4 w-full fixed"
+  >
+    <span class="text-black font-extrabold">LfK!2023 </span>powered by
+    ODIT.Services
+  </h1>
 </div>

src/locales/de.json

@@ -34,7 +34,7 @@
     "the_provided_scan_station_is_disabled": "Die angegebene Scanstation ist deaktiviert.",
     "the_provided_scan_station_token_is_invalid": "Der angegebene Scanstation-Token ist ungültig.",
     "top-laeufer": "Top-Läufer",
-    "top-organsiationen": "Top-Organsiationen",
+    "top-organisationen": "Top-Organisationen",
     "top-teams": "Top-Teams",
     "track_distance": "Länge des Tracks",
     "track_id": "Track ID",

src/locales/en.json

@@ -34,7 +34,7 @@
     "the_provided_scan_station_is_disabled": "The provided scan station is disabled.",
     "the_provided_scan_station_token_is_invalid": "The provided scan station token is invalid.",
     "top-laeufer": "Top runners",
-    "top-organsiationen": "Top organizations",
+    "top-organisationen": "Top organizations",
     "top-teams": "Top teams",
     "track_distance": "Track Distance",
     "track_id": "Track ID",

src/main.js

@@ -1,5 +1,6 @@
 import App from './App.svelte';
 import 'windi.css';
+import "@fontsource/athiti"
 
 const app = new App({
 	target: document.body