🚀Bumped version to 0.2.0

CHANGELOG.md

@@ -2,8 +2,15 @@
 
 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.1.0",
+	"version": "0.2.0",
 	"private": false,
 	"license": "MIT",
 	"repository": "https://git.odit.services/lfk/kiosk",

src/routes/registration/+page.svelte

@@ -55,14 +55,13 @@
 			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 -->
@@ -185,18 +184,17 @@
 						</form>
 						<!-- End Form -->
 					{:else}
-						<div class="mb-2">
+						<div class="mb-2 text-center">
-							<h3 class="text-xl font-semibold text-center dark:text-white">Läuferdaten</h3>
+							<h3 class="text-2xl font-semibold dark:text-white">
-							<p class="text-lg dark:text-white">ID: {response.id}</p>
+								{response.firstname}
-							<p class="text-lg dark:text-white">Vorname: {response.firstname}</p>
+								{response.lastname}
-							<p class="text-lg dark:text-white">Nachname: {response.lastname}</p>
+							</h3>
 						</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="Runnerid"
+								alt="runner id"
 								src={textToBase64Barcode(response.id.toString(), false)}
 							/>
 						</div>