Compare commits

...

6 Commits
0.3.0 ... 0.4.0

Author SHA1 Message Date
8ec4fc0c83
🚀Bumped version to 0.4.0
All checks were successful
continuous-integration/drone/push Build is passing
2023-04-19 12:50:06 +02:00
a07eb4ddf5
Merge pull request 'branding' (#1) from branding into main
All checks were successful
continuous-integration/drone/push Build is passing
Reviewed-on: #1
2023-04-19 10:49:18 +00:00
ec6598feb1
Merge branch 'main' into branding
All checks were successful
continuous-integration/drone/pr Build is passing
2023-04-19 12:48:26 +02:00
93872030ed
Lockfile 2023-04-19 12:48:09 +02:00
a610c6abd1
chore(deps): update all
All checks were successful
continuous-integration/drone/push Build is passing
2023-04-19 12:33:27 +02:00
0a883ce7fb
branding 2023-04-19 12:33:07 +02:00
8 changed files with 538 additions and 485 deletions

View File

@ -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)

View File

@ -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
notice, this list of conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright
notice, this list of conditions and the following disclaimer in the
documentation and/or other materials provided with the distribution.
- Redistributions of source code must retain the above copyright
notice, this list of conditions and the following disclaimer.
- Redistributions in binary form must reproduce the above copyright
notice, this list of conditions and the following disclaimer in the
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
> notice, this list of conditions and the following disclaimer.
> * Redistributions in binary form must reproduce the above copyright
> notice, this list of conditions and the following disclaimer in the
> documentation and/or other materials provided with the distribution.
> - Redistributions of source code must retain the above copyright
> notice, this list of conditions and the following disclaimer.
> - Redistributions in binary form must reproduce the above copyright
> notice, this list of conditions and the following disclaimer in the
> 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:

View File

@ -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/parser": "5.45.0",
"@typescript-eslint/eslint-plugin": "5.59.0",
"@typescript-eslint/parser": "5.59.0",
"auto-changelog": "2.4.0",
"autoprefixer": "10.4.7",
"eslint": "8.28.0",
"eslint-config-prettier": "8.5.0",
"autoprefixer": "10.4.14",
"eslint": "8.38.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-plugin-svelte": "2.8.1",
"prettier": "2.8.7",
"prettier-plugin-svelte": "2.10.0",
"release-it": "15.10.1",
"svelte": "3.54.0",
"svelte-check": "3.0.1",
"svelte-preprocess": "4.10.7",
"tailwindcss": "3.1.5",
"tslib": "2.4.1",
"svelte": "3.58.0",
"svelte-check": "3.2.0",
"svelte-preprocess": "5.0.3",
"tailwindcss": "3.3.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"
},

609
pnpm-lock.yaml generated

File diff suppressed because it is too large Load Diff

View File

@ -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>

View File

@ -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>

View File

@ -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="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 -->
<div>
<label for="firstname" class="block text-sm mb-2 dark:text-white">Vorname</label>
<div class="relative">
<input
type="text"
id="firstname"
name="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"
required
bind:value={firstname}
aria-describedby="firstname-error"
/>
<!-- <div
> -->
<div class="p-4 sm:p-7">
<div class="mt-5">
<!-- Form -->
{#if !showResult}
<div class="text-center">
<h1 class="block text-7xl font-bold text-gray-800 dark:text-white">LfK!2023</h1>
<h1 class="block text-4xl 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 class="mt-4 text-lg" on:submit|preventDefault={register}>
<div class="grid gap-y-4">
<!-- Form Group -->
<div>
<label for="firstname" class="block text-lg font-bold mb-2 sr-only">Vorname</label>
<div class="relative">
<input
type="text"
id="firstname"
name="firstname"
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
placeholder="Vorname"
bind:value={firstname}
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>
<!-- <p
</div>
<!-- <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>
<!-- End Form Group -->
</div>
<!-- End Form Group -->
<!-- Form Group -->
<div>
<label for="lastname" class="block text-sm mb-2 dark:text-white">Nachname</label>
<div class="relative">
<input
type="lastname"
id="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"
required
aria-describedby="lastname-error"
bind:value={lastname}
/>
<!-- <div
<!-- Form Group -->
<div>
<label for="lastname" class="block text-lg font-bold mb-2 sr-only">Nachname</label>
<div class="relative">
<input
type="lastname"
id="lastname"
name="lastname"
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
placeholder="Nachname"
aria-describedby="lastname-error"
bind:value={lastname}
/>
<!-- <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>
<!-- <p
</div>
<!-- <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 -->
{:else}
<div class="mb-2 text-center">
<h3 class="text-2xl font-semibold dark:text-white">
{response.firstname}
{response.lastname}
</h3>
</div>
<!-- End Form Group -->
<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
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 dark:focus:ring-offset-gray-800"
>Anmelden</button
>
</div>
{/if}
</div>
</form>
<!-- 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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB