CHANGELOG.md

@@ -2,15 +2,8 @@
 
 All notable changes to this project will be documented in this file. Dates are displayed in UTC.
 
-#### [0.2.0](https://git.odit.services/lfk/kiosk/compare/0.1.0...0.2.0)
-
-- feat(registration): cleanup finished page [`898d359`](https://git.odit.services/lfk/kiosk/commit/898d3595a032c87615e1825d0023299b029fc19e)
-
 #### 0.1.0
 
-> 19 April 2023
-
-- 🚀Bumped version to 0.1.0 [`3aa6f04`](https://git.odit.services/lfk/kiosk/commit/3aa6f0473bd8767cbe33277643a5778d2b68a8ae)
 - Basic sveltekit project [`e0c0cbb`](https://git.odit.services/lfk/kiosk/commit/e0c0cbbbd8b2c4cb7db0a8ae3aa295083ae636d1)
 - Release config [`6b98ee9`](https://git.odit.services/lfk/kiosk/commit/6b98ee96341def78447317a39e1ff30f9db73a9d)
 - Added basic welcome page [`5ed21bb`](https://git.odit.services/lfk/kiosk/commit/5ed21bb13d30cc43bc16fd6357f2e92e031c3273)

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@lfk/kiosk",
-	"version": "0.2.0",
+	"version": "0.1.0",
 	"private": false,
 	"license": "MIT",
 	"repository": "https://git.odit.services/lfk/kiosk",

src/routes/registration/+page.svelte

@@ -55,13 +55,14 @@
 			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="text-center">
+					<h1 class="block text-2xl font-bold text-gray-800 dark:text-white">Registrierung</h1>
+					<p class="mt-2 text-sm text-gray-600 dark:text-gray-400">Melde dich für den LfK an</p>
+				</div>
+
 				<div class="mt-5">
 					<!-- Form -->
 					{#if !showResult}
-						<div class="text-center">
-							<h1 class="block text-2xl font-bold text-gray-800 dark:text-white">Registrierung</h1>
-							<p class="mt-2 text-sm text-gray-600 dark:text-gray-400">Melde dich für den LfK an</p>
-						</div>
 						<form on:submit|preventDefault={register}>
 							<div class="grid gap-y-4">
 								<!-- Form Group -->
@@ -184,17 +185,18 @@
 						</form>
 						<!-- End Form -->
 					{:else}
-						<div class="mb-2 text-center">
-							<h3 class="text-2xl font-semibold dark:text-white">
-								{response.firstname}
-								{response.lastname}
-							</h3>
+						<div class="mb-2">
+							<h3 class="text-xl font-semibold text-center dark:text-white">Läuferdaten</h3>
+							<p class="text-lg dark:text-white">ID: {response.id}</p>
+							<p class="text-lg dark:text-white">Vorname: {response.firstname}</p>
+							<p class="text-lg dark:text-white">Nachname: {response.lastname}</p>
 						</div>
 
 						<div class="mb-2 text-center">
+							<h3 class="text-xl font-semibold dark:text-white">Läufercode</h3>
 							<img
 								class="w-full md:w-auto mb-2 mx-auto bg-white p-4"
-								alt="runner id"
+								alt="Runnerid"
 								src={textToBase64Barcode(response.id.toString(), false)}
 							/>
 						</div>