🚀Bumped version to 0.4.0

Reviewed-on: #1

CHANGELOG.md

@@ -2,9 +2,19 @@
 
 All notable changes to this project will be documented in this file. Dates are displayed in UTC.
 
+#### [0.4.0](https://git.odit.services/lfk/kiosk/compare/0.3.0...0.4.0)
+
+- Merge pull request 'branding' (#1) from branding into main [`a07eb4d`](https://git.odit.services/lfk/kiosk/commit/a07eb4ddf52c31b391ea14d13c129282b5e344c3)
+- chore(deps): update all [`a610c6a`](https://git.odit.services/lfk/kiosk/commit/a610c6abd1887bf450294fff15db6eca7d99919c)
+- branding [`0a883ce`](https://git.odit.services/lfk/kiosk/commit/0a883ce7fbd3defccbe7be70ce6affcab281c9c5)
+- Lockfile [`9387203`](https://git.odit.services/lfk/kiosk/commit/93872030ed48a315d9721f253ff00568e1f42aee)
+
 #### [0.3.0](https://git.odit.services/lfk/kiosk/compare/0.2.0...0.3.0)
 
+> 19 April 2023
+
 - feat(registration): drop privacy checkbox [privacy is linked on page] [`c546a96`](https://git.odit.services/lfk/kiosk/commit/c546a96c4d959b41181c34d6affccafdf84a221a)
+- 🚀Bumped version to 0.3.0 [`f2d8ab8`](https://git.odit.services/lfk/kiosk/commit/f2d8ab81e9ed87f8a9e0cae3010f27ed12c081cb)
 
 #### [0.2.0](https://git.odit.services/lfk/kiosk/compare/0.1.0...0.2.0)
 

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/lfk-client-js
 **Author**: ODIT.Services
 **Repo**: git+https://git.odit.services/lfk/lfk-client-js
@@ -445,7 +453,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 **Author**: ?
 **Repo**: https://github.com/sveltejs/kit
 **License**: MIT
-**Description**: 
+**Description**: The fastest way to build Svelte apps
 ## License Text
 Copyright (c) 2020 [these people](https://github.com/sveltejs/kit/graphs/contributors)
 
@@ -492,7 +500,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 ## License Text
 MIT License
 
-Copyright (c) 2019 TypeScript ESLint and other contributors
+Copyright (c) 2019 typescript-eslint and other contributors
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -525,11 +533,11 @@ Copyright JS Foundation and other contributors, https://js.foundation
 Redistribution and use in source and binary forms, with or without
 modification, are permitted provided that the following conditions are met:
 
-  * Redistributions of source code must retain the above copyright
+- Redistributions of source code must retain the above copyright
-    notice, this list of conditions and the following disclaimer.
+  notice, this list of conditions and the following disclaimer.
-  * Redistributions in binary form must reproduce the above copyright
+- Redistributions in binary form must reproduce the above copyright
-    notice, this list of conditions and the following disclaimer in the
+  notice, this list of conditions and the following disclaimer in the
-    documentation and/or other materials provided with the distribution.
+  documentation and/or other materials provided with the distribution.
 
 THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
@@ -635,7 +643,7 @@ THE SOFTWARE.
 ## License Text
 The MIT License (MIT)
 
-Copyright (c) 2017, 2018, 2019, 2020, 2021, 2022 Simon Lydell and contributors
+Copyright (c) 2017, 2018, 2019, 2020, 2021, 2022, 2023 Simon Lydell and contributors
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -774,7 +782,7 @@ Repository: <https://github.com/angular/angular.git>
 
 ----------------------------------------
 
-### @babel/code-frame@v7.16.7
+### @babel/code-frame@v7.18.6
 
 License: MIT
 By: The Babel Team
@@ -805,7 +813,7 @@ Repository: <https://github.com/babel/babel.git>
 
 ----------------------------------------
 
-### @babel/helper-validator-identifier@v7.18.6
+### @babel/helper-validator-identifier@v7.19.1
 
 License: MIT
 By: The Babel Team
@@ -836,7 +844,7 @@ Repository: <https://github.com/babel/babel.git>
 
 ----------------------------------------
 
-### @babel/highlight@v7.16.10
+### @babel/highlight@v7.18.6
 
 License: MIT
 By: The Babel Team
@@ -867,7 +875,7 @@ Repository: <https://github.com/babel/babel.git>
 
 ----------------------------------------
 
-### @babel/parser@v7.20.1
+### @babel/parser@v7.21.3
 
 License: MIT
 By: The Babel Team
@@ -1086,14 +1094,14 @@ License: MIT
 
 ----------------------------------------
 
-### @typescript-eslint/types@v5.44.0
+### @typescript-eslint/types@v5.55.0
 
 License: MIT
 Repository: <https://github.com/typescript-eslint/typescript-eslint.git>
 
 > MIT License
 >
-> Copyright (c) 2019 TypeScript ESLint and other contributors
+> Copyright (c) 2019 typescript-eslint and other contributors
 >
 > Permission is hereby granted, free of charge, to any person obtaining a copy
 > of this software and associated documentation files (the "Software"), to deal
@@ -1115,7 +1123,7 @@ Repository: <https://github.com/typescript-eslint/typescript-eslint.git>
 
 ----------------------------------------
 
-### @typescript-eslint/typescript-estree@v5.44.0
+### @typescript-eslint/typescript-estree@v5.55.0
 
 License: BSD-2-Clause
 Repository: <https://github.com/typescript-eslint/typescript-eslint.git>
@@ -1130,11 +1138,11 @@ Repository: <https://github.com/typescript-eslint/typescript-eslint.git>
 > Redistribution and use in source and binary forms, with or without
 > modification, are permitted provided that the following conditions are met:
 >
->   * Redistributions of source code must retain the above copyright
+> - Redistributions of source code must retain the above copyright
->     notice, this list of conditions and the following disclaimer.
+>   notice, this list of conditions and the following disclaimer.
->   * Redistributions in binary form must reproduce the above copyright
+> - Redistributions in binary form must reproduce the above copyright
->     notice, this list of conditions and the following disclaimer in the
+>   notice, this list of conditions and the following disclaimer in the
->     documentation and/or other materials provided with the distribution.
+>   documentation and/or other materials provided with the distribution.
 >
 > THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 > AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
@@ -1149,14 +1157,14 @@ Repository: <https://github.com/typescript-eslint/typescript-eslint.git>
 
 ----------------------------------------
 
-### @typescript-eslint/visitor-keys@v5.44.0
+### @typescript-eslint/visitor-keys@v5.55.0
 
 License: MIT
 Repository: <https://github.com/typescript-eslint/typescript-eslint.git>
 
 > MIT License
 >
-> Copyright (c) 2019 TypeScript ESLint and other contributors
+> Copyright (c) 2019 typescript-eslint and other contributors
 >
 > Permission is hereby granted, free of charge, to any person obtaining a copy
 > of this software and associated documentation files (the "Software"), to deal
@@ -1178,7 +1186,7 @@ Repository: <https://github.com/typescript-eslint/typescript-eslint.git>
 
 ----------------------------------------
 
-### acorn@v8.8.0
+### acorn@v8.8.1
 
 License: MIT
 Repository: <https://github.com/acornjs/acorn.git>
@@ -1992,14 +2000,15 @@ By: Jon Schlinkert
 
 ----------------------------------------
 
-### defaults@v1.0.3
+### defaults@v1.0.4
 
 License: MIT
 By: Elijah Insua
-Repository: <git://github.com/tmpvar/defaults.git>
+Repository: <git://github.com/sindresorhus/node-defaults.git>
 
 > The MIT License (MIT)
 >
+> Copyright (c) 2022 Sindre Sorhus
 > Copyright (c) 2015 Elijah Insua
 >
 > Permission is hereby granted, free of charge, to any person obtaining a copy
@@ -2022,7 +2031,7 @@ Repository: <git://github.com/tmpvar/defaults.git>
 
 ----------------------------------------
 
-### del@v6.0.0
+### del@v6.1.1
 
 License: MIT
 By: Sindre Sorhus
@@ -2140,7 +2149,7 @@ Repository: <git://github.com/editorconfig/editorconfig-core-js.git>
 
 ----------------------------------------
 
-### editorconfig-to-prettier@v0.2.0
+### editorconfig-to-prettier@v1.0.0
 
 License: ISC
 By: Joseph Frazier
@@ -2460,7 +2469,7 @@ By: Toru Nagashima
 
 ----------------------------------------
 
-### espree@v9.4.0
+### espree@v9.4.1
 
 License: BSD-2-Clause
 By: Nicholas C. Zakas
@@ -2568,7 +2577,7 @@ Repository: <https://github.com/justmoon/node-extend.git>
 
 ----------------------------------------
 
-### fast-glob@v3.2.11
+### fast-glob@v3.2.12
 
 License: MIT
 By: Denis Malinochkin
@@ -2627,7 +2636,7 @@ Repository: <git://github.com/epoberezkin/fast-json-stable-stringify.git>
 
 ----------------------------------------
 
-### fastq@v1.13.0
+### fastq@v1.14.0
 
 License: ISC
 By: Matteo Collina
@@ -2801,7 +2810,7 @@ By: Roy Riojas
 
 ----------------------------------------
 
-### flatted@v3.2.5
+### flatted@v3.2.7
 
 License: ISC
 By: Andrea Giammarchi
@@ -2976,7 +2985,7 @@ By: Sindre Sorhus
 
 ----------------------------------------
 
-### glob@v7.2.0
+### glob@v7.2.3
 
 License: ISC
 By: Isaac Z. Schlueter
@@ -3046,14 +3055,14 @@ By: Sindre Sorhus
 
 ----------------------------------------
 
-### graceful-fs@v4.2.9
+### graceful-fs@v4.2.10
 
 License: ISC
 Repository: <https://github.com/isaacs/node-graceful-fs>
 
 > The ISC License
 >
-> Copyright (c) Isaac Z. Schlueter, Ben Noordhuis, and Contributors
+> Copyright (c) 2011-2022 Isaac Z. Schlueter, Ben Noordhuis, and Contributors
 >
 > Permission to use, copy, modify, and/or distribute this software for any
 > purpose with or without fee is hereby granted, provided that the above
@@ -3206,36 +3215,6 @@ By: Titus Wormer
 
 ----------------------------------------
 
-### html-void-elements@v2.0.1
-
-License: MIT
-By: Titus Wormer
-
-> (The MIT License)
->
-> Copyright (c) 2016 Titus Wormer <tituswormer@gmail.com>
->
-> Permission is hereby granted, free of charge, to any person obtaining
-> a copy of this software and associated documentation files (the
-> 'Software'), to deal in the Software without restriction, including
-> without limitation the rights to use, copy, modify, merge, publish,
-> distribute, sublicense, and/or sell copies of the Software, and to
-> permit persons to whom the Software is furnished to do so, subject to
-> the following conditions:
->
-> The above copyright notice and this permission notice shall be
-> included in all copies or substantial portions of the Software.
->
-> THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
-> EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-> MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
-> IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
-> CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
-> TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
-> SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-
-----------------------------------------
-
 ### human-signals@v3.0.1
 
 License: Apache-2.0
@@ -3475,6 +3454,36 @@ Repository: <git@github.com:kaelzhang/node-ignore.git>
 
 ----------------------------------------
 
+### ignore@v5.2.4
+
+License: MIT
+By: kael
+Repository: <git@github.com:kaelzhang/node-ignore.git>
+
+> Copyright (c) 2013 Kael Zhang <i@kael.me>, contributors
+> http://kael.me/
+>
+> Permission is hereby granted, free of charge, to any person obtaining
+> a copy of this software and associated documentation files (the
+> "Software"), to deal in the Software without restriction, including
+> without limitation the rights to use, copy, modify, merge, publish,
+> distribute, sublicense, and/or sell copies of the Software, and to
+> permit persons to whom the Software is furnished to do so, subject to
+> the following conditions:
+>
+> The above copyright notice and this permission notice shall be
+> included in all copies or substantial portions of the Software.
+>
+> THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+> EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+> MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+> NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+> LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+> OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+> WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+----------------------------------------
+
 ### import-fresh@v3.3.0
 
 License: MIT
@@ -3706,7 +3715,7 @@ Repository: <git://github.com/feross/is-buffer.git>
 
 ----------------------------------------
 
-### is-core-module@v2.8.1
+### is-core-module@v2.11.0
 
 License: MIT
 By: Jordan Harband
@@ -4142,7 +4151,7 @@ By: Kat Marchán
 
 ----------------------------------------
 
-### json5@v2.2.1
+### json5@v2.2.2
 
 License: MIT
 By: Aseem Kishore
@@ -5406,7 +5415,7 @@ By: Jon Schlinkert
 
 ----------------------------------------
 
-### resolve@v1.22.0
+### resolve@v1.22.1
 
 License: MIT
 By: James Halliday
@@ -5615,6 +5624,30 @@ Repository: <https://github.com/npm/node-semver.git>
 
 ----------------------------------------
 
+### semver@v7.3.8
+
+License: ISC
+By: GitHub Inc.
+Repository: <https://github.com/npm/node-semver.git>
+
+> The ISC License
+>
+> Copyright (c) Isaac Z. Schlueter and Contributors
+>
+> Permission to use, copy, modify, and/or distribute this software for any
+> purpose with or without fee is hereby granted, provided that the above
+> copyright notice and this permission notice appear in all copies.
+>
+> THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+> WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+> MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+> ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+> WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+> ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR
+> IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+
+----------------------------------------
+
 ### semver-compare@v1.0.0
 
 License: MIT
@@ -6046,7 +6079,7 @@ Repository: <https://github.com/ajafff/tsutils>
 
 ----------------------------------------
 
-### typescript@v4.9.3
+### typescript@v5.0.2
 
 License: Apache-2.0
 By: Microsoft Corp.
@@ -6758,7 +6791,7 @@ SOFTWARE.
 **License**: MIT
 **Description**: Cybernetically enhanced web apps
 ## License Text
-Copyright (c) 2016-22 [these people](https://github.com/sveltejs/svelte/graphs/contributors)
+Copyright (c) 2016-23 [these people](https://github.com/sveltejs/svelte/graphs/contributors)
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@lfk/kiosk",
-	"version": "0.3.0",
+	"version": "0.4.0",
 	"private": false,
 	"license": "MIT",
 	"repository": "https://git.odit.services/lfk/kiosk",
@@ -35,30 +35,31 @@
 	"devDependencies": {
 		"@odit/license-exporter": "0.0.12",
 		"@sveltejs/adapter-static": "2.0.2",
-		"@sveltejs/kit": "1.5.0",
+		"@sveltejs/kit": "1.15.7",
 		"@types/bwip-js": "^3.2.0",
-		"@typescript-eslint/eslint-plugin": "5.45.0",
+		"@typescript-eslint/eslint-plugin": "5.59.0",
-		"@typescript-eslint/parser": "5.45.0",
+		"@typescript-eslint/parser": "5.59.0",
 		"auto-changelog": "2.4.0",
-		"autoprefixer": "10.4.7",
+		"autoprefixer": "10.4.14",
-		"eslint": "8.28.0",
+		"eslint": "8.38.0",
-		"eslint-config-prettier": "8.5.0",
+		"eslint-config-prettier": "8.8.0",
 		"eslint-plugin-svelte3": "4.0.0",
-		"postcss": "8.4.14",
+		"postcss": "8.4.22",
 		"postcss-load-config": "4.0.1",
-		"prettier": "2.8.0",
+		"prettier": "2.8.7",
-		"prettier-plugin-svelte": "2.8.1",
+		"prettier-plugin-svelte": "2.10.0",
 		"release-it": "15.10.1",
-		"svelte": "3.54.0",
+		"svelte": "3.58.0",
-		"svelte-check": "3.0.1",
+		"svelte-check": "3.2.0",
-		"svelte-preprocess": "4.10.7",
+		"svelte-preprocess": "5.0.3",
-		"tailwindcss": "3.1.5",
+		"tailwindcss": "3.3.1",
-		"tslib": "2.4.1",
+		"tslib": "2.5.0",
 		"typescript": "5.0.4",
-		"vite": "4.2.0"
+		"vite": "4.2.2"
 	},
 	"type": "module",
 	"dependencies": {
+		"@fontsource/athiti": "^4.5.10",
 		"@odit/lfk-client-js": "1.0.1",
 		"bwip-js": "3.4.0"
 	},

src/app.html

@@ -5,6 +5,11 @@
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width" />
 		%sveltekit.head%
+		<style>
+			body {
+				font-family: 'Athiti', sans-serif;
+			}
+		</style>
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">%sveltekit.body%</div>

src/routes/+layout.svelte

@@ -2,6 +2,7 @@
 	import { OpenAPI } from '@odit/lfk-client-js';
 	import { env } from '$env/dynamic/public';
 	import '../app.postcss';
+	import "@fontsource/athiti"
 	import Footer from '../components/footer.svelte';
 
 	OpenAPI.BASE = env.PUBLIC_BASE_URL || 'https://run.lauf-fuer-kaya.de';
@@ -11,5 +12,4 @@
 	<main class="flex-grow">
 		<slot />
 	</main>
-	<Footer />
 </div>

src/routes/registration/+page.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { RunnerService, type ResponseRunner } from '@odit/lfk-client-js';
 	import bwipjs from 'bwip-js';
+	import lfkbackground from './background.png';
 
 	$: firstname = '';
 	$: lastname = '';
@@ -47,35 +48,40 @@
 	}
 </script>
 
-<div class="dark:bg-slate-900 bg-gray-100 flex h-full items-center py-16">
+<div
+	class="dark:bg-slate-900 bg-gray-100 flex h-full items-center py-16"
+	style="background: url({lfkbackground});background-position: center center!important;background-size: contain!important;background-repeat: no-repeat!important;"
+>
 	<div class="w-full max-w-md mx-auto p-6">
-		<div
+		<!-- <div
 			class="mt-7 bg-white border border-gray-200 rounded-xl shadow-sm dark:bg-gray-800 dark:border-gray-700"
-		>
+		> -->
-			<div class="p-4 sm:p-7">
+		<div class="p-4 sm:p-7">
-				<div class="mt-5">
+			<div class="mt-5">
-					<!-- Form -->
+				<!-- Form -->
-					{#if !showResult}
+				{#if !showResult}
-						<div class="text-center">
+					<div class="text-center">
-							<h1 class="block text-2xl font-bold text-gray-800 dark:text-white">Registrierung</h1>
+						<h1 class="block text-7xl font-bold text-gray-800 dark:text-white">LfK!2023</h1>
-							<p class="mt-2 text-sm text-gray-600 dark:text-gray-400">Melde dich für den LfK an</p>
+						<h1 class="block text-4xl font-bold text-gray-800 dark:text-white">Registrierung</h1>
-						</div>
+						<!-- <p class="mt-2 text-sm text-gray-600 dark:text-gray-400">Melde dich für den LfK an</p> -->
-						<form on:submit|preventDefault={register}>
+					</div>
-							<div class="grid gap-y-4">
+					<form class="mt-4 text-lg" on:submit|preventDefault={register}>
-								<!-- Form Group -->
+						<div class="grid gap-y-4">
-								<div>
+							<!-- Form Group -->
-									<label for="firstname" class="block text-sm mb-2 dark:text-white">Vorname</label>
+							<div>
-									<div class="relative">
+								<label for="firstname" class="block text-lg font-bold mb-2 sr-only">Vorname</label>
-										<input
+								<div class="relative">
-											type="text"
+									<input
-											id="firstname"
+										type="text"
-											name="firstname"
+										id="firstname"
-											class="py-3 px-4 block w-full border-gray-200 rounded-md text-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 border"
+										name="firstname"
-											required
+										class="py-3 px-4 block w-full border-gray-200 rounded-md focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 border"
-											bind:value={firstname}
+										required
-											aria-describedby="firstname-error"
+										placeholder="Vorname"
-										/>
+										bind:value={firstname}
-										<!-- <div
+										aria-describedby="firstname-error"
+									/>
+									<!-- <div
 											class:hidden={firstname || firstname.length != 0}
 											class="absolute inset-y-0 right-0 flex items-center pointer-events-none pr-3"
 										>
@@ -92,31 +98,32 @@
 												/>
 											</svg>
 										</div> -->
-									</div>
+								</div>
-									<!-- <p
+								<!-- <p
 										class:hidden={firstname || firstname.length != 0}
 										class="text-xs text-red-600 mt-2"
 										id="firstname-error"
 									>
 										Bitte gebe deinen Vornamen ein
 									</p> -->
-								</div>
+							</div>
-								<!-- End Form Group -->
+							<!-- End Form Group -->
 
-								<!-- Form Group -->
+							<!-- Form Group -->
-								<div>
+							<div>
-									<label for="lastname" class="block text-sm mb-2 dark:text-white">Nachname</label>
+								<label for="lastname" class="block text-lg font-bold mb-2 sr-only">Nachname</label>
-									<div class="relative">
+								<div class="relative">
-										<input
+									<input
-											type="lastname"
+										type="lastname"
-											id="lastname"
+										id="lastname"
-											name="lastname"
+										name="lastname"
-											class="py-3 px-4 block w-full border-gray-200 rounded-md text-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 border"
+										class="py-3 px-4 block w-full border-gray-200 rounded-md focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 border"
-											required
+										required
-											aria-describedby="lastname-error"
+										placeholder="Nachname"
-											bind:value={lastname}
+										aria-describedby="lastname-error"
-										/>
+										bind:value={lastname}
-										<!-- <div
+									/>
+									<!-- <div
 											class:hidden={lastname || lastname.length != 0}
 											class="absolute inset-y-0 right-0 flex items-center pointer-events-none pr-3"
 										>
@@ -133,54 +140,78 @@
 												/>
 											</svg>
 										</div> -->
-									</div>
+								</div>
-									<!-- <p
+								<!-- <p
 										class:hidden={lastname || lastname.length != 0}
 										class="text-xs text-red-600 mt-2"
 										id="lastname-error"
 									>
 										Bitte gebe deinen Nachnamen ein
 									</p> -->
-								</div>
-								<!-- End Form Group -->
-
-								<button
-									type="submit"
-									disabled={!firstname || !lastname}
-									class="py-3 px-4 inline-flex justify-center items-center gap-2 rounded-md border border-transparent font-semibold disabled:opacity-70 bg-blue-600 text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-all text-sm dark:focus:ring-offset-gray-800"
-									>Anmelden</button
-								>
 							</div>
-						</form>
+							<!-- End Form Group -->
-						<!-- End Form -->
-					{:else}
-						<div class="mb-2 text-center">
-							<h3 class="text-2xl font-semibold dark:text-white">
-								{response.firstname}
-								{response.lastname}
-							</h3>
-						</div>
 
-						<div class="mb-2 text-center">
-							<img
-								class="w-full md:w-auto mb-2 mx-auto bg-white p-4"
-								alt="runner id"
-								src={textToBase64Barcode(response.id.toString(), false)}
-							/>
-						</div>
-
-						<div class="mx-auto text-center items-center">
 							<button
-								on:click={() => {
+								type="submit"
-									showResult = false;
+								disabled={!firstname || !lastname}
-								}}
+								class="py-3 px-4 inline-flex justify-center items-center gap-2 rounded-md border border-transparent font-semibold disabled:opacity-70 bg-blue-600 text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-all  dark:focus:ring-offset-gray-800"
-								class="w-full py-3 px-4 inline-flex justify-center items-center gap-2 rounded-md border border-transparent font-semibold bg-blue-500 text-white hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-all text-sm dark:focus:ring-offset-gray-800"
+								>Anmelden</button
-								>Fertig</button
 							>
 						</div>
-					{/if}
+					</form>
-				</div>
+					<!-- End Form -->
+				{:else}
+					<div class="mb-2 text-center">
+						<h3 class="text-4xl font-semibold dark:text-white">
+							{response.firstname}
+							{response.lastname}
+						</h3>
+					</div>
+
+					<div class="mb-2 text-center">
+						<img
+							class="w-full md:w-auto mb-2 mx-auto bg-white p-4"
+							alt="runner id"
+							src={textToBase64Barcode(response.id.toString(), false)}
+						/>
+					</div>
+
+					<div class="mx-auto text-center items-center">
+						<button
+							on:click={() => {
+								showResult = false;
+							}}
+							class="w-full py-3 px-4 inline-flex justify-center items-center gap-2 rounded-md border border-transparent font-semibold bg-blue-500 text-white hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-all text-sm dark:focus:ring-offset-gray-800"
+							>Fertig</button
+						>
+					</div>
+				{/if}
 			</div>
+			<!-- </div> -->
 		</div>
 	</div>
 </div>
+<div class="fixed bottom-0 w-full text-center text-xl p-4">
+	<a
+		rel="noopener noreferrer"
+		target="_blank"
+		href="https://lauf-fuer-kaya.de/datenschutz/"
+		class="underline">Datenschutzerklärung</a
+	>
+	|
+	<a
+		rel="noopener noreferrer"
+		target="_blank"
+		href="https://lauf-fuer-kaya.de/impressum/"
+		class="underline">Impressum</a
+	>
+	<br />
+	<br />
+	<b class="font-bold">LfK!2023</b> powered by
+	<a
+		rel="noopener noreferrer"
+		target="_blank"
+		href="https://odit.services?ref=lfk"
+		class="underline">ODIT.Services</a
+	>
+</div>