chore(release): 1.4.1

close #50

.dockerignore

@@ -0,0 +1,185 @@
+# ---> Node
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+out
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Comment in the public line in if your project uses Gatsby and not Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
+
+# ---> Windows
+# Windows thumbnail cache files
+Thumbs.db
+Thumbs.db:encryptable
+ehthumbs.db
+ehthumbs_vista.db
+
+# Dump file
+*.stackdump
+
+# Folder config file
+[Dd]esktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
+
+# Windows Installer files
+*.cab
+*.msi
+*.msix
+*.msm
+*.msp
+
+# Windows shortcuts
+*.lnk
+
+# ---> macOS
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# ---> Vue
+# gitignore template for Vue.js projects
+#
+# Recommended template: Node.gitignore
+
+# TODO: where does this rule come from?
+docs/_book
+
+# TODO: where does this rule come from?
+test/
+
+/package-lock.json
+/yarn.lock
+/public/env.js

.gitea/workflows/release.yaml

@@ -0,0 +1,27 @@
+name: Build release images
+on:
+  push:
+    tags:
+      - "*.*.*"
+
+jobs:
+  build-container:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Login to registry
+        uses: docker/login-action@v3
+        with:
+          registry: registry.odit.services
+          username: ${{ vars.REGISTRY_USERNAME }}
+          password: ${{ secrets.REGISTRY_PASSWORD }}
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+      - name: Build and push
+        uses: docker/build-push-action@v6
+        with:
+          push: true
+          tags: |
+            ${{ vars.REGISTRY }}/lfk/selfservice:${{ github.ref_name }}
+          platforms: linux/amd64,linux/arm64

.gitignore

@@ -182,4 +182,5 @@ docs/_book
 test/
 
 /package-lock.json
-/yarn.lock
+/yarn.lock
+/public/env.js

.vscode/settings.json

@@ -2,5 +2,9 @@
     "i18n-ally.localesPaths": [
         "src/locales"
     ],
-    "i18n-ally.keystyle": "nested"
+    "i18n-ally.keystyle": "nested",
+    "i18n-ally.extract.keygenStyle": "snake_case",
+    "i18n-ally.enabledFrameworks": [
+        "vue"
+    ]
 }

CHANGELOG.md

@@ -0,0 +1,604 @@
+### Changelog
+
+All notable changes to this project will be documented in this file. Dates are displayed in UTC.
+
+#### [1.4.1](https://git.odit.services/lfk/selfservice/compare/1.4.0...1.4.1)
+
+- fix(laptimes): Filter out invalid scans [`094e731`](https://git.odit.services/lfk/selfservice/commit/094e7319476bc571949a70b6f4c27539616f3634)
+- fix(certificate): Provide selfservice url on certificate [`8d6f290`](https://git.odit.services/lfk/selfservice/commit/8d6f290fd5bad54094ba1228fa6d854ad77a561d)
+
+#### [1.4.0](https://git.odit.services/lfk/selfservice/compare/1.3.1...1.4.0)
+
+> 28 March 2025
+
+- chore(deps): bump [`00c5181`](https://git.odit.services/lfk/selfservice/commit/00c5181855433893681351b53b1204b56990c3b3)
+- feat: improved registration ui [`4ccac8a`](https://git.odit.services/lfk/selfservice/commit/4ccac8a0b89396a9faf7066f096f6b9e66aa8894)
+- ci: only tagged for now [`347cfe0`](https://git.odit.services/lfk/selfservice/commit/347cfe03046bd2ed46720c60b0a893fc57c6c646)
+- feat(register): org/team as badge ui [`6afe320`](https://git.odit.services/lfk/selfservice/commit/6afe3207fa0db631b5f079cf815584f4b8f963b2)
+- chore(release): 1.4.0 [`57600fa`](https://git.odit.services/lfk/selfservice/commit/57600fad7f3974a1ea8e8ffcb4bfbbd6ab77809a)
+- ci: update release commit message [`421dedc`](https://git.odit.services/lfk/selfservice/commit/421dedcb8d6f03072c94786d1f543e0a85950e82)
+- chore(deps): bump [`6f5c5b4`](https://git.odit.services/lfk/selfservice/commit/6f5c5b4833d963169003923e2cf011c41cc92393)
+
+#### [1.3.1](https://git.odit.services/lfk/selfservice/compare/1.3.0...1.3.1)
+
+> 28 March 2025
+
+- feat: footer cleanup [`65dc27a`](https://git.odit.services/lfk/selfservice/commit/65dc27add1760c6ebe11f415c49238f82cdb5b48)
+- 🚀Bumped version to v1.3.1 [`3a9cd95`](https://git.odit.services/lfk/selfservice/commit/3a9cd95830cc99685f78728f1b19502b523e5e7c)
+
+#### [1.3.0](https://git.odit.services/lfk/selfservice/compare/1.2.7...1.3.0)
+
+> 28 March 2025
+
+- feat: improve phone number registration [`e14a6d6`](https://git.odit.services/lfk/selfservice/commit/e14a6d6329d547d3086abe59d00f0d054688b6f4)
+- feat: improved Register UI [`e418d2a`](https://git.odit.services/lfk/selfservice/commit/e418d2a2b74553f614520ac8c0f0377d141daa8d)
+- 🚀Bumped version to v1.3.0 [`c9e3b61`](https://git.odit.services/lfk/selfservice/commit/c9e3b613e1d08f6217ae58b8aa42a47749f0ac94)
+- feat: only show international phone number thing if + is missing [`f0c668c`](https://git.odit.services/lfk/selfservice/commit/f0c668c1c3d1a5c27d78617e5ca34ca68603ce14)
+
+#### [1.2.7](https://git.odit.services/lfk/selfservice/compare/1.2.6...1.2.7)
+
+> 23 March 2025
+
+- refactor(ci): Switch to actions [`a862593`](https://git.odit.services/lfk/selfservice/commit/a862593c5315043577699d1a6fd50854dd1bca00)
+- 🚀Bumped version to v1.2.7 [`e1a87ed`](https://git.odit.services/lfk/selfservice/commit/e1a87eda4a0c9b9be47bcfe4ddb0e93696d037f4)
+- footer: cleanup imprint & privacy url [`0e557ef`](https://git.odit.services/lfk/selfservice/commit/0e557ef4080e997b06adcbbadf3e82f12152281b)
+- fix: footer [`422df7c`](https://git.odit.services/lfk/selfservice/commit/422df7c3f832dc29721e783dc4a86ee55e9d8ccc)
+- footer padding [`0af7352`](https://git.odit.services/lfk/selfservice/commit/0af73525bc154ba730351d7a4970e9737edaa4db)
+- chore: clean up .dockerignore by removing Gatsby references [`bab145d`](https://git.odit.services/lfk/selfservice/commit/bab145d78c16dd7c56136a274d051cf408935e3e)
+
+#### [1.2.6](https://git.odit.services/lfk/selfservice/compare/1.2.5...1.2.6)
+
+> 18 March 2025
+
+- 🚀Bumped version to v1.2.6 [`63fc5ec`](https://git.odit.services/lfk/selfservice/commit/63fc5ec7474f65c743db9c281829fef31b623af6)
+- fix(profile): font sizes [`c98a65d`](https://git.odit.services/lfk/selfservice/commit/c98a65d918e5d652ee98044b4d5333c7000e1c87)
+
+#### [1.2.5](https://git.odit.services/lfk/selfservice/compare/1.2.4...1.2.5)
+
+> 18 March 2025
+
+- refactor: move to new lfk ts client [`865058c`](https://git.odit.services/lfk/selfservice/commit/865058c8bb7eec03278bf1f4a7b708429d0b5b20)
+- feat: cleanup [`b3197dd`](https://git.odit.services/lfk/selfservice/commit/b3197dd3f95cd7d222f1ea168e9826f7ad7ef903)
+- refactor: simplify imprint + privacy [`50fbfe0`](https://git.odit.services/lfk/selfservice/commit/50fbfe05f1ba830ea19f9e86b7a2fdce588f1a31)
+- feat: improved tabs [`51b66eb`](https://git.odit.services/lfk/selfservice/commit/51b66eb85b3003996ac2414757ae62ee7ba80ce5)
+- fix(register): phone number verification [`d5eefbb`](https://git.odit.services/lfk/selfservice/commit/d5eefbb5e22f4cc7b50e1f0c469779d3b7e310f5)
+- feat: improved icons [`9af9c89`](https://git.odit.services/lfk/selfservice/commit/9af9c897f17b8a1be12f47dc271382629fc298ff)
+- feat: profile cleanup [`d50719c`](https://git.odit.services/lfk/selfservice/commit/d50719c0dad4e3fbf008fb240edff80c4ea6ab4c)
+- 🚀Bumped version to v1.2.5 [`b1ab04f`](https://git.odit.services/lfk/selfservice/commit/b1ab04fa53817178e016d7c2c387db12c0f6a987)
+- register: drop middlename [`d503061`](https://git.odit.services/lfk/selfservice/commit/d5030616043fb9fa4eccc7894ee3ada92928d102)
+- feat: profile cleanup [`03532cc`](https://git.odit.services/lfk/selfservice/commit/03532cc365e38d7313ff2e8571ae15975d8a53e5)
+- feat: cleanup [`0ff6df6`](https://git.odit.services/lfk/selfservice/commit/0ff6df68d61404c7be7a1e9b88a354fb12ce0907)
+
+#### [1.2.4](https://git.odit.services/lfk/selfservice/compare/1.2.3...1.2.4)
+
+> 17 March 2025
+
+- feat: loading screen [`2939911`](https://git.odit.services/lfk/selfservice/commit/2939911c993c3817d841d4cb4660aa940e478cc0)
+- 🚀Bumped version to v1.2.4 [`f1d552c`](https://git.odit.services/lfk/selfservice/commit/f1d552ce64557b5da0dea91e114d3ebf2f8f0199)
+
+#### [1.2.3](https://git.odit.services/lfk/selfservice/compare/1.2.2...1.2.3)
+
+> 17 March 2025
+
+- chore(deps): bump [`64bb2d1`](https://git.odit.services/lfk/selfservice/commit/64bb2d157daab257b6e0e7c4e6ed04f4b3772740)
+- feat: cleanup profile [`86ec22a`](https://git.odit.services/lfk/selfservice/commit/86ec22aa435d9138ae3cde6387ce7ead14f3c964)
+- feat: improve profile [`846d10f`](https://git.odit.services/lfk/selfservice/commit/846d10f0b95dad460a068bdaf3ca489d96c0b723)
+- feat: profile cleanup [`1202f2e`](https://git.odit.services/lfk/selfservice/commit/1202f2ebca5fbc0baea145dda6f99668d8c47e92)
+- feat: improve profile [`34e63cf`](https://git.odit.services/lfk/selfservice/commit/34e63cf690431da973a969376b493d8b34f5c7c0)
+- i18n [`c94f9e5`](https://git.odit.services/lfk/selfservice/commit/c94f9e550e1cbe4626242423deb6d9ab994eea63)
+- feat: wip: sponsoring add [`382757a`](https://git.odit.services/lfk/selfservice/commit/382757aa66cd79a6a8081ff4b21f6efe46a3ccfd)
+- feat: cleanup profile [`0366f95`](https://git.odit.services/lfk/selfservice/commit/0366f95951d1415b300b174699d93e4bf17f3e18)
+- 🚀Bumped version to v1.2.3 [`e7b9c6e`](https://git.odit.services/lfk/selfservice/commit/e7b9c6e2036addd18e109e3ab040e69dee2f658d)
+- shareSponsorLink function [`ccea9d6`](https://git.odit.services/lfk/selfservice/commit/ccea9d61975bfa54928d557735cd3ce79d671435)
+- no selfservice sponsor add for now [`3641d2a`](https://git.odit.services/lfk/selfservice/commit/3641d2a78341b91a26a9d4cc31c40707096768b1)
+- feat: disable darkmode for now, also is better for visibility on day of run... [`0848209`](https://git.odit.services/lfk/selfservice/commit/0848209d49e4445881bf9536d87fe18ea2a6c924)
+- wip [`4714b81`](https://git.odit.services/lfk/selfservice/commit/4714b814650d4138d8522dd57b5ee59a8c96a0ac)
+- feat(footer): 2024 [`f6f46f4`](https://git.odit.services/lfk/selfservice/commit/f6f46f41bf2c6fcf75dbd79a28f6dd14114445e3)
+- cleanup [`7f2e6b9`](https://git.odit.services/lfk/selfservice/commit/7f2e6b916076874cfb2e787ae174320b50d2d7e0)
+
+#### [1.2.2](https://git.odit.services/lfk/selfservice/compare/1.2.1...1.2.2)
+
+> 16 December 2024
+
+- feat(profile): add cursor pointer [`1d7cd60`](https://git.odit.services/lfk/selfservice/commit/1d7cd601ee027dd7df0405079e208d03078210bb)
+- 🚀Bumped version to v1.2.2 [`c8ceae5`](https://git.odit.services/lfk/selfservice/commit/c8ceae5cf016341af1bc903fb219e544bb2f0d58)
+
+#### [1.2.1](https://git.odit.services/lfk/selfservice/compare/1.2.0...1.2.1)
+
+> 16 December 2024
+
+- feat(profile): show total distance [`55abb9e`](https://git.odit.services/lfk/selfservice/commit/55abb9ed22e4c66c05536897ba33b12915eea226)
+- refactor(profile): replace styles with tailwindcss [`c34a8a7`](https://git.odit.services/lfk/selfservice/commit/c34a8a7fcc77a0fa27280365ebf2382fbffc1e61)
+- 🚀Bumped version to v1.2.1 [`9ddb188`](https://git.odit.services/lfk/selfservice/commit/9ddb188ef659742018f00d786e030f80a0d9bbc5)
+- feat(profile): updated tab alignment [`d564131`](https://git.odit.services/lfk/selfservice/commit/d5641312ca0b35a5c5ab9b7b19ed3a40971ac4fd)
+
+#### [1.2.0](https://git.odit.services/lfk/selfservice/compare/1.1.2...1.2.0)
+
+> 16 December 2024
+
+- refacor(documents): Switch to new document-server [`721892c`](https://git.odit.services/lfk/selfservice/commit/721892c315de9c2c1158d0f728dc2ef387a5d8c2)
+- 🚀Bumped version to v1.2.0 [`7d2a29c`](https://git.odit.services/lfk/selfservice/commit/7d2a29c0d834fbe783e59308af89bb8fb46a8015)
+
+#### [1.1.2](https://git.odit.services/lfk/selfservice/compare/1.1.1...1.1.2)
+
+> 11 December 2024
+
+- chore(deps): bump all [`25c2a17`](https://git.odit.services/lfk/selfservice/commit/25c2a170bc9cde66498ae3d7f966201f2b28b679)
+- 🚀Bumped version to v1.1.2 [`1d55445`](https://git.odit.services/lfk/selfservice/commit/1d55445c1b67ec2e1be73172d8e451f038451f59)
+- refactor: drop postbuild step [`b21ad63`](https://git.odit.services/lfk/selfservice/commit/b21ad636ad69886878d5bd0f441f4187e4f22a5c)
+- fix(profile): migrate to code128 [`762454a`](https://git.odit.services/lfk/selfservice/commit/762454a08674303881063337ddf86da564b191f1)
+
+#### [1.1.1](https://git.odit.services/lfk/selfservice/compare/1.1.0...1.1.1)
+
+> 11 December 2024
+
+- 🚀Bumped version to v1.1.1 [`4771bf1`](https://git.odit.services/lfk/selfservice/commit/4771bf135986f90f344757083236539b9d590e83)
+- fix(profile): passed id is a jwt [`dbe707b`](https://git.odit.services/lfk/selfservice/commit/dbe707b062ced048428b8c1f62a0ab047ab0051b)
+
+#### [1.1.0](https://git.odit.services/lfk/selfservice/compare/1.0.1...1.1.0)
+
+> 2 December 2024
+
+- refactor: drop sub-directory routing [`4bcbc67`](https://git.odit.services/lfk/selfservice/commit/4bcbc67436e6c0b0905e3ef2613894854d659091)
+- 🚀Bumped version to v1.1.0 [`dee1b7a`](https://git.odit.services/lfk/selfservice/commit/dee1b7a6eab11689bae8914e74bea7cb364475e2)
+
+#### [1.0.1](https://git.odit.services/lfk/selfservice/compare/1.0.0...1.0.1)
+
+> 2 December 2024
+
+- fix(container): Add dockeringore [`7fcb6a9`](https://git.odit.services/lfk/selfservice/commit/7fcb6a9fc3f98772990790f6385200732f8bce7c)
+- 🚀Bumped version to v1.0.1 [`595735a`](https://git.odit.services/lfk/selfservice/commit/595735ad003b849521e6e5f2b24da4880f768dff)
+
+### [1.0.0](https://git.odit.services/lfk/selfservice/compare/0.11.3...1.0.0)
+
+> 2 December 2024
+
+- chore(deps): update all [`4a11fef`](https://git.odit.services/lfk/selfservice/commit/4a11fef0e0ad0940535fd1d6a1a57a829dc2b50d)
+- chore: pnpm v9 [`b85c395`](https://git.odit.services/lfk/selfservice/commit/b85c3958c288293bb98df2326f73dfad1684e3cb)
+- wip: general updates [`1eab535`](https://git.odit.services/lfk/selfservice/commit/1eab5353810a0a351cfc72b493c5156f55a4c9d2)
+- refactor [`4af5c45`](https://git.odit.services/lfk/selfservice/commit/4af5c4545bfaad21d71bcbf91d2cd8ea53847b62)
+- fix: translations [`548148e`](https://git.odit.services/lfk/selfservice/commit/548148e8982d7d146182af9f2a69de87f0b3529e)
+- refactor: translations [`196b386`](https://git.odit.services/lfk/selfservice/commit/196b386d6d57e91fbb4f46091a59ba04bb6e6984)
+- feat(ci)!: Switch to woodpecker [`9a3d307`](https://git.odit.services/lfk/selfservice/commit/9a3d307dfae0851eb842ad3f1c34460bca13bff1)
+- i18n [`048edfb`](https://git.odit.services/lfk/selfservice/commit/048edfba89a69efd3362dd8df8b89f8780f5f3fe)
+- registration brand font + more translations [`afffde8`](https://git.odit.services/lfk/selfservice/commit/afffde8fa04df88d0a8bff05d0a28550414ce385)
+- feat: lfk font [`af9a168`](https://git.odit.services/lfk/selfservice/commit/af9a168f587768d8b1af8990729e743481ba687d)
+- updated profile page [`4fcc38c`](https://git.odit.services/lfk/selfservice/commit/4fcc38c374553b22f92a734903df1b7a032348fa)
+- 🚀Bumped version to v1.0.0 [`2285ea5`](https://git.odit.services/lfk/selfservice/commit/2285ea507069cf362baa950e7337aec72a37d4e3)
+- i18n [`f296cbc`](https://git.odit.services/lfk/selfservice/commit/f296cbc1a0c9035db6546c85781be71b152264d7)
+- feat(Footer): ref lfk [`6376dcb`](https://git.odit.services/lfk/selfservice/commit/6376dcb5fe7e3b1e1e639e41bc1b682036d838a0)
+- feat(Home): improve ui [`75b61d9`](https://git.odit.services/lfk/selfservice/commit/75b61d991bd483aaf00871c12c9268fc6e21435b)
+- refactor(ci): Make ready for new woodpecker [`780bc54`](https://git.odit.services/lfk/selfservice/commit/780bc54604998abd275f3b7d50a3849002eb243d)
+- refactor: code cleanup [`ec6d252`](https://git.odit.services/lfk/selfservice/commit/ec6d252928fb84248041a3675590b85293c96133)
+- chore: 2025 [`cb2f8ee`](https://git.odit.services/lfk/selfservice/commit/cb2f8eeab1a7e260df938b8aa94fa31f8e1b5efe)
+- footer update [`90c085d`](https://git.odit.services/lfk/selfservice/commit/90c085db28798bbcac24eb9700285221a9bcad92)
+- improved style in registered view [`1a3ab98`](https://git.odit.services/lfk/selfservice/commit/1a3ab98412b82eeb1f0dea8ea642f5fc6435c09d)
+- add i18n ally snake case config [`0acda07`](https://git.odit.services/lfk/selfservice/commit/0acda07eb53a85f7b2e87a3e26d90b7cdf1fe012)
+- feat(Home): improve background.jpg import [`3e289d8`](https://git.odit.services/lfk/selfservice/commit/3e289d83f9db98641f0f7f732b622dab9955f3a1)
+- chore(deps): node@23.3.0 [`f71b01c`](https://git.odit.services/lfk/selfservice/commit/f71b01c39a62ef4402004e2fbcfacb37bc92ea39)
+- Pin pnpm [`c36db2c`](https://git.odit.services/lfk/selfservice/commit/c36db2c18fc5f7cfd7bf5d295f3faf3931df736b)
+
+#### [0.11.3](https://git.odit.services/lfk/selfservice/compare/0.11.2...0.11.3)
+
+> 7 April 2023
+
+- fix: registration code white bg [`#50`](https://git.odit.services/lfk/selfservice/issues/50)
+- Pinned pnpm and lockfile [`6aca13f`](https://git.odit.services/lfk/selfservice/commit/6aca13f0cb1bc8fa43f0f09c554cec0758acd7a1)
+- switched drone to kaniko with cache [`cac5103`](https://git.odit.services/lfk/selfservice/commit/cac5103d52427e777e4c3624ebb253ad7bd393d6)
+- Switched dockerfile to pnpm with cache [`78fea1e`](https://git.odit.services/lfk/selfservice/commit/78fea1ea045a7281fe0a2841fc4d5f1505dcb3cf)
+- 🚀Bumped version to v0.11.3 [`240f44d`](https://git.odit.services/lfk/selfservice/commit/240f44df60184c492f6cff3d864c1f9f2563ff80)
+- chore(deps): pnpm@8.1.1 [`677e65f`](https://git.odit.services/lfk/selfservice/commit/677e65f44ae4bcc6f9af4732d813f337da0c51d2)
+- fix(Footer): darkmode colors in lightmode [`772eca6`](https://git.odit.services/lfk/selfservice/commit/772eca64bb38ce1cf1ea1b58859dd744588a88e1)
+
+#### [0.11.2](https://git.odit.services/lfk/selfservice/compare/0.11.1...0.11.2)
+
+> 15 March 2023
+
+- Added footer to every page [`b9624aa`](https://git.odit.services/lfk/selfservice/commit/b9624aa5ad57002852c84081fc710c2e977251bd)
+- 🚀Bumped version to v0.11.2 [`fa51b31`](https://git.odit.services/lfk/selfservice/commit/fa51b31fe41d41b3ec9becad07ddab4cf73be051)
+- Accept tos to accept privacy_policy [`09e48e7`](https://git.odit.services/lfk/selfservice/commit/09e48e771f4c0db4a7dbb898b05b347f1aad2292)
+
+#### [0.11.1](https://git.odit.services/lfk/selfservice/compare/0.11.0...0.11.1)
+
+> 18 February 2023
+
+- Profile: add "---" if no data set [`659fa77`](https://git.odit.services/lfk/selfservice/commit/659fa77dca3b527d896d752386e91a167a1b8f4f)
+- 🚀Bumped version to v0.11.1 [`8364321`](https://git.odit.services/lfk/selfservice/commit/8364321a7cb6a0037ee0c5055b028c4cf883fb10)
+
+#### [0.11.0](https://git.odit.services/lfk/selfservice/compare/0.10.0...0.11.0)
+
+> 3 February 2023
+
+- pnpm migration [`a3a1e89`](https://git.odit.services/lfk/selfservice/commit/a3a1e89aa14798e1d180697f91809e282a229f23)
+- 🚀Bumped version to v0.11.0 [`10c9127`](https://git.odit.services/lfk/selfservice/commit/10c9127256edf2cbad1dc6690d5f4e87c32f6396)
+
+#### [0.10.0](https://git.odit.services/lfk/selfservice/compare/0.9.0...0.10.0)
+
+> 3 February 2023
+
+- text cleanups + footer [`eccce07`](https://git.odit.services/lfk/selfservice/commit/eccce0795b6960aa3a2e9368de5ae4bdf80997d7)
+- updated nginx config for cache busting [`8e2b355`](https://git.odit.services/lfk/selfservice/commit/8e2b355466e9a37510be8bf03311d6b28e1a0d9f)
+- improved profile page padding + full width registration code for easier scanning [`54540be`](https://git.odit.services/lfk/selfservice/commit/54540be6e12ed85afc96061b8548cd4ec6700eec)
+- 🚀Bumped version to v0.10.0 [`5587175`](https://git.odit.services/lfk/selfservice/commit/5587175534188e05ab43d0eed9745484e01edb63)
+
+#### [0.9.0](https://git.odit.services/lfk/selfservice/compare/0.8.3...0.9.0)
+
+> 3 February 2023
+
+- wip: error registration ui feedback [`9ac14e8`](https://git.odit.services/lfk/selfservice/commit/9ac14e8a5d740fb4cd87645e69b2cfde73e4acc7)
+- wip: registration confirmation ui [`8928f84`](https://git.odit.services/lfk/selfservice/commit/8928f841dcd370daf28416adbf1adbe16fa4d76f)
+- 🚀Bumped version to v0.9.0 [`3392a2e`](https://git.odit.services/lfk/selfservice/commit/3392a2e68edb8fcf2aa6dd4b962abbf6ac27a414)
+
+#### [0.8.3](https://git.odit.services/lfk/selfservice/compare/0.8.2...0.8.3)
+
+> 3 February 2023
+
+- fix: registration code (broke in merge) [`123509d`](https://git.odit.services/lfk/selfservice/commit/123509d0a6d15fe254e28f7a316bd6c260fe7bd2)
+- 🚀Bumped version to v0.8.3 [`4a5b9d2`](https://git.odit.services/lfk/selfservice/commit/4a5b9d25698931158a602b2159b4e6c4fa129e8e)
+- wip: fix registration code [`51f8d0f`](https://git.odit.services/lfk/selfservice/commit/51f8d0fb42d0dbba268799eb9385686d22fd2284)
+
+#### [0.8.2](https://git.odit.services/lfk/selfservice/compare/0.8.1...0.8.2)
+
+> 3 February 2023
+
+- move /registered/ to props [`c35f943`](https://git.odit.services/lfk/selfservice/commit/c35f943957e5ba84361a437c1d945331248746d1)
+- 🚀Bumped version to v0.8.2 [`f4d1c7b`](https://git.odit.services/lfk/selfservice/commit/f4d1c7b053d1e7210911772bde1b2d80a30ab225)
+- /profile/ text cleanups [`64e6ef8`](https://git.odit.services/lfk/selfservice/commit/64e6ef8cec38a8193c4fb28c5f1b26ee0e4d5063)
+- /profile/ move from anchor tag to button [`ac75828`](https://git.odit.services/lfk/selfservice/commit/ac75828309043532c6ab8aad63e0c40edf450459)
+- /profile/ toast styles [`c7f3a89`](https://git.odit.services/lfk/selfservice/commit/c7f3a893af8705af12f2e7ae7e40197ca4c28666)
+- /profile/ dont instantly show mail format error [`ab9b400`](https://git.odit.services/lfk/selfservice/commit/ab9b400fff1b421a41dd27479a81fb5e3740b9ef)
+- /profile/ autocomplete mail [`30fd7ea`](https://git.odit.services/lfk/selfservice/commit/30fd7ead0833b0b3ab4e5509608aa92112151380)
+
+#### [0.8.1](https://git.odit.services/lfk/selfservice/compare/0.8.0...0.8.1)
+
+> 2 February 2023
+
+- 🚀Bumped version to v0.8.1 [`292e440`](https://git.odit.services/lfk/selfservice/commit/292e44057aee9ef57a51aa9fa0372c3678b81de0)
+- Adjusted button text [`20fca67`](https://git.odit.services/lfk/selfservice/commit/20fca6794dd7e0c714cd09c80a68b1d3592ab09c)
+- Switched request login link api path to login (backend v13.0.0) [`8139d63`](https://git.odit.services/lfk/selfservice/commit/8139d637151c8c0184e4a98f151991b429d0a70c)
+
+#### [0.8.0](https://git.odit.services/lfk/selfservice/compare/0.7.11...0.8.0)
+
+> 2 February 2023
+
+- 🚀Bumped version to v0.8.0 [`7051909`](https://git.odit.services/lfk/selfservice/commit/7051909bf960fb44b43e979ac4d304dff9ef2ec4)
+- Merge pull request 'dont autologin on register -> require mail link' (#47) from feature/46-dont-autologin-on-register-require-mail-link into dev [`f7a0682`](https://git.odit.services/lfk/selfservice/commit/f7a0682c3392b8882be4a676882c8a49d55bd5fe)
+- add /registered/?mail route [`eb20b54`](https://git.odit.services/lfk/selfservice/commit/eb20b547e79d352f3b7cd1b5ce7b7dbfcf8c19f7)
+
+#### [0.7.11](https://git.odit.services/lfk/selfservice/compare/0.7.10...0.7.11)
+
+> 2 February 2023
+
+- Profile: improved mobile responsiveness/ design + toast clear [`077b33f`](https://git.odit.services/lfk/selfservice/commit/077b33f03180d0bd6c45becaaa63d3408c645deb)
+- 🚀Bumped version to v0.7.11 [`c63adf5`](https://git.odit.services/lfk/selfservice/commit/c63adf557bcb29c8eccc05d5a83d476c75380d95)
+- fix: registration code download button style [`52a6b3d`](https://git.odit.services/lfk/selfservice/commit/52a6b3dc776b806eaa8fee058a1c381ab63a8ea5)
+
+#### [0.7.10](https://git.odit.services/lfk/selfservice/compare/0.7.9...0.7.10)
+
+> 1 February 2023
+
+- Configureable barcode format via bwp-js [`9e06c46`](https://git.odit.services/lfk/selfservice/commit/9e06c464118c5b5d0cd78c8b8379523bf3bfdbd4)
+- Added download for registration code [`53800b4`](https://git.odit.services/lfk/selfservice/commit/53800b4fa355bb972e51e71b5b1f98772deed114)
+- 🚀Bumped version to v0.7.10 [`8b5e1ca`](https://git.odit.services/lfk/selfservice/commit/8b5e1cac1353373b13cf9d570deb7cadcd437247)
+- Pinned version [`6438288`](https://git.odit.services/lfk/selfservice/commit/64382880c40ba5c1e3c9004ce7fc65099849cd44)
+
+#### [0.7.9](https://git.odit.services/lfk/selfservice/compare/0.7.8...0.7.9)
+
+> 1 February 2023
+
+- migrate to bwip-js [`8cfddb5`](https://git.odit.services/lfk/selfservice/commit/8cfddb502964be7edf45cdc524344ea2f7f20142)
+- fix codeconfig.height [`9b261bf`](https://git.odit.services/lfk/selfservice/commit/9b261bf20023561a7c9691dff33c9a6d2b5c0cac)
+- 🚀Bumped version to v0.7.9 [`debbd92`](https://git.odit.services/lfk/selfservice/commit/debbd9219cb53dbd48cf0cb7bee329b765ce4647)
+- drop jsbarcode [`713dd15`](https://git.odit.services/lfk/selfservice/commit/713dd153126851e8cf1045bf5ba3ca702a39c738)
+
+#### [0.7.8](https://git.odit.services/lfk/selfservice/compare/0.7.7...0.7.8)
+
+> 1 February 2023
+
+- add barcode to profile [`851190e`](https://git.odit.services/lfk/selfservice/commit/851190e6a7f8b9cccbf05e60f9b50b96c196959c)
+- 🚀Bumped version to v0.7.8 [`e5a01bc`](https://git.odit.services/lfk/selfservice/commit/e5a01bcd7629164655cacd10dd1f014260c67c4b)
+- certificate generation: success toast styling [`1603a09`](https://git.odit.services/lfk/selfservice/commit/1603a097f71ed85c901baf8da04cb06b86474649)
+
+#### [0.7.7](https://git.odit.services/lfk/selfservice/compare/0.7.6...0.7.7)
+
+> 31 January 2023
+
+- 🚀Bumped version to v0.7.7 [`c2b6152`](https://git.odit.services/lfk/selfservice/commit/c2b615294e605db37695b13cec1158f535986911)
+- fix: registration w/o phone [`c647628`](https://git.odit.services/lfk/selfservice/commit/c64762831f1e6dffc9cbc3f531e23435b455a5a9)
+
+#### [0.7.6](https://git.odit.services/lfk/selfservice/compare/0.7.5...0.7.6)
+
+> 31 January 2023
+
+- update texts of pdf generation status toasts [`#44`](https://git.odit.services/lfk/selfservice/issues/44)
+- 🚀Bumped version to v0.7.6 [`9b446ab`](https://git.odit.services/lfk/selfservice/commit/9b446abc1fa231bb1f5a78c545400c617eaa4af5)
+- update release script [`5d974e5`](https://git.odit.services/lfk/selfservice/commit/5d974e562ed1ed5aeac579afe000c2dca945ff71)
+
+#### [0.7.5](https://git.odit.services/lfk/selfservice/compare/0.7.4...0.7.5)
+
+> 30 January 2023
+
+- fix: relativ links [`917cb6b`](https://git.odit.services/lfk/selfservice/commit/917cb6be340844bcc2318bf73cec37c3c831fd5d)
+- 🚀Bumped version to v0.7.5 [`1249248`](https://git.odit.services/lfk/selfservice/commit/1249248a9d3e0d72665bca6871a651f2491a4039)
+- 2023 [`9812d79`](https://git.odit.services/lfk/selfservice/commit/9812d79d4de820ce791f69634c5861f4f04ad7f1)
+- update nginx base [`0bd6d54`](https://git.odit.services/lfk/selfservice/commit/0bd6d543bf60b7a333b96d5d319269d4bf50db96)
+- updated base node image [`92d7bfd`](https://git.odit.services/lfk/selfservice/commit/92d7bfd59407273f86809b53ffc9f67fb8ba0ec7)
+- AGB link [`d159cb5`](https://git.odit.services/lfk/selfservice/commit/d159cb59be35f963abc89c42732ba6110d27830c)
+
+#### [0.7.4](https://git.odit.services/lfk/selfservice/compare/0.7.3...0.7.4)
+
+> 21 April 2021
+
+- Updated dronefile [`9c9ceaa`](https://git.odit.services/lfk/selfservice/commit/9c9ceaa6664f6ea21a536a12f04e552156e81da4)
+- 🚀Bumped version to v0.7.4 [`4663214`](https://git.odit.services/lfk/selfservice/commit/4663214ede3880386b5389885e32c953571290e6)
+
+#### [0.7.3](https://git.odit.services/lfk/selfservice/compare/0.7.2...0.7.3)
+
+> 21 April 2021
+
+- 🚀Bumped version to v0.7.3 [`602d80b`](https://git.odit.services/lfk/selfservice/commit/602d80bd14c4bd00a24b746be1e74d9e41af0445)
+- Merge pull request 'Button fixes bugfix/42-button_links' (#43) from bugfix/42-button_links into dev [`45ee4ab`](https://git.odit.services/lfk/selfservice/commit/45ee4ab81260adf5b938d9f5359d256cce879acb)
+- Removed useless register now button [`1102d29`](https://git.odit.services/lfk/selfservice/commit/1102d29c0e174b7a34fc4d3e6fe32d2dfb276765)
+- Fixed register button link [`020c310`](https://git.odit.services/lfk/selfservice/commit/020c310865912b8f0752069e1c7e2adf71ab9835)
+
+#### [0.7.2](https://git.odit.services/lfk/selfservice/compare/0.7.1...0.7.2)
+
+> 14 April 2021
+
+- 🚀Bumped version to v0.7.2 [`1a3af20`](https://git.odit.services/lfk/selfservice/commit/1a3af200dd41c8cc4271690ed72bef911901ce54)
+- Document generation hotfix 🐞 [`b74bea0`](https://git.odit.services/lfk/selfservice/commit/b74bea03401c672ae774aaddc6da5beb67e2890e)
+
+#### [0.7.1](https://git.odit.services/lfk/selfservice/compare/0.7.0...0.7.1)
+
+> 13 April 2021
+
+- Merge pull request 'bugfix/31-env-js-linking-ci' (#41) from bugfix/31-env-js-linking-ci into dev [`#31`](https://git.odit.services/lfk/selfservice/issues/31)
+- ⏫ dependency bump [`ad13bae`](https://git.odit.services/lfk/selfservice/commit/ad13bae068416bed10d00e6887a05d580a836482)
+- 🚀Bumped version to v0.7.1 [`b0172c5`](https://git.odit.services/lfk/selfservice/commit/b0172c500b0613209ac44e61023043065b3854b0)
+- added 'yarn postbuild' script for fixing env.js in dist/index.html [`51d058b`](https://git.odit.services/lfk/selfservice/commit/51d058bf966c3dcb064562e6bf696a748d0cd148)
+
+#### [0.7.0](https://git.odit.services/lfk/selfservice/compare/0.6.1...0.7.0)
+
+> 6 April 2021
+
+- 🚀Bumped version to v0.7.0 [`152e741`](https://git.odit.services/lfk/selfservice/commit/152e74190d13d30110d494a9062f868390ca19b3)
+- Merge pull request 'Donation list feature/39-donation_list' (#40) from feature/39-donation_list into dev [`4c83e2e`](https://git.odit.services/lfk/selfservice/commit/4c83e2e738a075354383dca4d500808f761247d2)
+- Added total to bottom of page [`89820d4`](https://git.odit.services/lfk/selfservice/commit/89820d44501793365248b8e778522cdc188afa70)
+- Sorted translations 🌍 [`cb1b9d3`](https://git.odit.services/lfk/selfservice/commit/cb1b9d330b28f11cceed9691aee4ccee5246d346)
+- Added basic sponsoring table [`f141130`](https://git.odit.services/lfk/selfservice/commit/f141130db5ede60a623747f4e324f66259e5bc75)
+- Added translations 🌍 [`d713fbe`](https://git.odit.services/lfk/selfservice/commit/d713fbef94e75fbbc62254ea8f0ca50dc4e93d79)
+- Now w/ formatted currency amount [`815a36f`](https://git.odit.services/lfk/selfservice/commit/815a36f20271f47f49c3814b001c3404d43113cd)
+- Fixed spaces in name [`baa6da3`](https://git.odit.services/lfk/selfservice/commit/baa6da3dd06c493fccc61945b9bcbd9b2e79d910)
+- Updated env description [`5a123b0`](https://git.odit.services/lfk/selfservice/commit/5a123b0cf89f49d450becbbc03b28c5bb6416b7c)
+- added distance formatting [`121022c`](https://git.odit.services/lfk/selfservice/commit/121022c8434484a363a3f2ea68aba4d8ef7cad2d)
+
+#### [0.6.1](https://git.odit.services/lfk/selfservice/compare/0.6.0...0.6.1)
+
+> 6 April 2021
+
+- 🚀Bumped version to v0.6.1 [`f5ae214`](https://git.odit.services/lfk/selfservice/commit/f5ae2145df07413329f60c229d9571fd1de2ca79)
+- Fixed imprint/privacy default links [`96c0e56`](https://git.odit.services/lfk/selfservice/commit/96c0e5698697361e65c5aa80c9a0aada5c3d5f30)
+
+#### [0.6.0](https://git.odit.services/lfk/selfservice/compare/0.5.1...0.6.0)
+
+> 3 April 2021
+
+- 🚀Bumped version to v0.6.0 [`bc1de2a`](https://git.odit.services/lfk/selfservice/commit/bc1de2acdcbf8f3319026887cb6b3d594fcd63dc)
+- first part of certificate generation with manual data [`f633439`](https://git.odit.services/lfk/selfservice/commit/f6334397dc99cd38d31ef524bc26ba7d386b33dd)
+- Renoved fixed data [`f0a7f35`](https://git.odit.services/lfk/selfservice/commit/f0a7f35dec07508a07d4c11abda297ad0bf91187)
+- Revert "🚀Bumped version to v0.6.0" [`145b499`](https://git.odit.services/lfk/selfservice/commit/145b49906bdf2d75abf93e1779f188a691a3a909)
+- 🚀Bumped version to v0.6.0 [`0a62e8f`](https://git.odit.services/lfk/selfservice/commit/0a62e8f5d1929bfe9a53a9709a3031f06a2487c3)
+- Merge pull request 'Certificate download feature/19-runner_certficates' (#38) from feature/19-runner_certficates into dev [`53eeb6b`](https://git.odit.services/lfk/selfservice/commit/53eeb6be3ddf4735a11b6c4636c28b4d16aa58ee)
+- Fixed blob handling [`b938cfc`](https://git.odit.services/lfk/selfservice/commit/b938cfc49e269e76761a752f8257ebbab88f6959)
+- Reverted relative linking fix [`c3b2b93`](https://git.odit.services/lfk/selfservice/commit/c3b2b93d90102b4e31cfce15220acfc8fe48a7c5)
+
+#### [0.5.1](https://git.odit.services/lfk/selfservice/compare/0.5.0...0.5.1)
+
+> 3 April 2021
+
+- Merge pull request 'feature/30-profile-forgot-link' (#35) from feature/30-profile-forgot-link into dev [`#30`](https://git.odit.services/lfk/selfservice/issues/30)
+- 🚀Bumped version to v0.5.1 [`1a3c9ed`](https://git.odit.services/lfk/selfservice/commit/1a3c9edeb3987907ffe2223da8f3be079a1c80d2)
+- Merge pull request 'Env linking bugfix bugfix/31-env_linking' (#37) from bugfix/31-env_linking into dev [`fd6bd88`](https://git.odit.services/lfk/selfservice/commit/fd6bd88d4238cca2a2755ab1bc51ff7870bef947)
+- basic ProfileNone layout [`863568d`](https://git.odit.services/lfk/selfservice/commit/863568d7d0e132dd1b7d13a2cb1afe8db02c472c)
+- add forgot view + action [`30f3a51`](https://git.odit.services/lfk/selfservice/commit/30f3a51ef82ad966225abc6fd95508af56106924)
+- Added building pipeline for current branch [`544542a`](https://git.odit.services/lfk/selfservice/commit/544542ac1e9717506676c1495c2d530eca833d31)
+- Removed useless code [`713db5e`](https://git.odit.services/lfk/selfservice/commit/713db5e1e8fed5f38b3a5d19cfe870eff16eeda1)
+- Now manually linking env and main [`67c0dae`](https://git.odit.services/lfk/selfservice/commit/67c0dae537df5842e89c0ed040c0fef02df01b69)
+- Fixed post url and body [`0795ea3`](https://git.odit.services/lfk/selfservice/commit/0795ea318d80b764eee89462ad87da86aa7ce0ae)
+- 🐞 fix home routes [`60dea51`](https://git.odit.services/lfk/selfservice/commit/60dea511b9fbb6d206ee531618e788e686fa6b5a)
+
+#### [0.5.0](https://git.odit.services/lfk/selfservice/compare/0.4.5...0.5.0)
+
+> 1 April 2021
+
+- 🚀Bumped version to v0.5.0 [`676f0e8`](https://git.odit.services/lfk/selfservice/commit/676f0e83393be823ccb612846650a9a98bf7f0b3)
+- Revert "🚀Bumped version to v0.5.0" [`27fd8f9`](https://git.odit.services/lfk/selfservice/commit/27fd8f9a9106294ae6522f2fff42dfbf84f06f82)
+- 🚀Bumped version to v0.5.0 [`b8c1b8c`](https://git.odit.services/lfk/selfservice/commit/b8c1b8c43b6d050d239d836bbb6ace2504fdcd21)
+- Merge pull request 'Runner self deletion feature/21-user_deletion' (#36) from feature/21-user_deletion into dev [`bd512e0`](https://git.odit.services/lfk/selfservice/commit/bd512e0651363f1f2543136d354d9ada9990d83d)
+- Sorted translations [`cf0437c`](https://git.odit.services/lfk/selfservice/commit/cf0437c3a738d42154ed1336d6020b88661b462f)
+- Added translations 🌍 [`ba3dedb`](https://git.odit.services/lfk/selfservice/commit/ba3dedb1643e2d5f1c2ab92224a11c1c8a82ae71)
+- Added confirmation for profile deletion [`8773239`](https://git.odit.services/lfk/selfservice/commit/8773239244c064a888a4ad1f66298f2811fcc2ae)
+- Added confirmation for profile deletion [`85b0549`](https://git.odit.services/lfk/selfservice/commit/85b0549a11927758c579cd08bc8015ae00105a84)
+- Updated icons [`d710d4b`](https://git.odit.services/lfk/selfservice/commit/d710d4b68ff0e9515eb4a0a4ea0def7b3552e599)
+- Added data deletion button [`619078c`](https://git.odit.services/lfk/selfservice/commit/619078cce8281bef520b05bf3e735c26d0752375)
+- Content i18n run 🌍 [`175bb16`](https://git.odit.services/lfk/selfservice/commit/175bb168ae134009c26072b76cd74948aecc189f)
+- Implemented basic deletion [`fc04e71`](https://git.odit.services/lfk/selfservice/commit/fc04e713110df161c481cb9a3b64e78b30d4f79b)
+- Added translations [`8a24505`](https://git.odit.services/lfk/selfservice/commit/8a24505d64832001d6a44800f61f7e0705892046)
+- Updated toasts and removed useless code [`7440fc4`](https://git.odit.services/lfk/selfservice/commit/7440fc404ea2a8e68e7ce896e8369700069b2021)
+- Added error toast [`9751c2e`](https://git.odit.services/lfk/selfservice/commit/9751c2e9fd99650efab4d5edce3909c907ea9391)
+- Merge pull request 'RELEASE 0.3.0' (#25) from dev into main [`1c19657`](https://git.odit.services/lfk/selfservice/commit/1c196579356a70f9d761f7f69d79033157570076)
+
+#### [0.4.5](https://git.odit.services/lfk/selfservice/compare/0.4.4...0.4.5)
+
+> 1 April 2021
+
+- Merge pull request 'feature/32-registration-language' (#33) from feature/32-registration-language into dev [`#32`](https://git.odit.services/lfk/selfservice/issues/32)
+- 🚀Bumped version to v0.4.5 [`efcb7f5`](https://git.odit.services/lfk/selfservice/commit/efcb7f56745aa3f347eb98399ee1bcb68a157e9d)
+- 🐞 fix /profile/ router on register [`52a0828`](https://git.odit.services/lfk/selfservice/commit/52a082841d47d1ed9c0997776a0784285a3f6ba7)
+- pass browser locale to api/runners/register/ [`e3f7497`](https://git.odit.services/lfk/selfservice/commit/e3f7497af5860b2472b6cdfd33090b9d68b9fb49)
+
+#### [0.4.4](https://git.odit.services/lfk/selfservice/compare/0.4.3...0.4.4)
+
+> 31 March 2021
+
+- 🚀Bumped version to v0.4.4 [`9b62962`](https://git.odit.services/lfk/selfservice/commit/9b62962758f8a73d669bca69b77f2c09a13c9e7a)
+- 🚑 hotfix - baseurl_selfservice -> baseurl [`84dc33b`](https://git.odit.services/lfk/selfservice/commit/84dc33bf14ace839261aea02ffbcac5d627f8200)
+
+#### [0.4.3](https://git.odit.services/lfk/selfservice/compare/0.4.2...0.4.3)
+
+> 31 March 2021
+
+- 🚀Bumped version to v0.4.3 [`cad34d3`](https://git.odit.services/lfk/selfservice/commit/cad34d357b9bd8501eed26b35b5324d2b4f756c3)
+- 🚑 hotfix - Profile api path [`2056ce1`](https://git.odit.services/lfk/selfservice/commit/2056ce1e62a33e14bce5bdef5ea8cd38e039dc62)
+
+#### [0.4.2](https://git.odit.services/lfk/selfservice/compare/0.4.1...0.4.2)
+
+> 31 March 2021
+
+- 🚀Bumped version to v0.4.2 [`3b2c99c`](https://git.odit.services/lfk/selfservice/commit/3b2c99c7090de03aab12415342136460ddd735ee)
+- 🚑 fix organization registration token [`f150821`](https://git.odit.services/lfk/selfservice/commit/f150821f0f60e4798b02ebf50588da61ccb51279)
+
+#### [0.4.1](https://git.odit.services/lfk/selfservice/compare/0.4.0...0.4.1)
+
+> 31 March 2021
+
+- Fixed registration routing [`2141f62`](https://git.odit.services/lfk/selfservice/commit/2141f62dca7ecb2be2579a7e79ffca513563c22a)
+- 🚀Bumped version to v0.4.1 [`5191ece`](https://git.odit.services/lfk/selfservice/commit/5191ecea1eb3ac66a3f0c2743d43ff5b505061b7)
+
+#### [0.4.0](https://git.odit.services/lfk/selfservice/compare/0.3.1...0.4.0)
+
+> 31 March 2021
+
+- Merge pull request 'bugfix/27-route-matching' (#28) from bugfix/27-route-matching into dev [`#27`](https://git.odit.services/lfk/selfservice/issues/27)
+- added missing routes [`f603e53`](https://git.odit.services/lfk/selfservice/commit/f603e531512a2245ea2fe41304eb039080bcba28)
+- added env config instructions [`ba604f7`](https://git.odit.services/lfk/selfservice/commit/ba604f77e9ce770e60f032cf393a5987a0401fbe)
+- 🚀Bumped version to v0.4.0 [`149fbdf`](https://git.odit.services/lfk/selfservice/commit/149fbdf58180d1af33f9741d9076df0bb1591130)
+- Home - route fixes [`c178932`](https://git.odit.services/lfk/selfservice/commit/c178932d943e08168fa6be39eb0a1d7e4a25824a)
+- route fix for favicon + background [`106bf4c`](https://git.odit.services/lfk/selfservice/commit/106bf4c0ff07fe847f98aa250230f2a272f55a04)
+- favicon fix [`63d9ee2`](https://git.odit.services/lfk/selfservice/commit/63d9ee2f867e42ecd23ca1d48d59b6deb7458d76)
+- load main.js as deferred [`2e7a718`](https://git.odit.services/lfk/selfservice/commit/2e7a718daa7ca607622e3e339bdb85f5c64cfcf0)
+
+#### [0.3.1](https://git.odit.services/lfk/selfservice/compare/0.3.0...0.3.1)
+
+> 31 March 2021
+
+- 🐞 fixed Vite/ Tailwind build [`27b81d8`](https://git.odit.services/lfk/selfservice/commit/27b81d87aeb907f6c3d35ea6f55b4fe56c1e79b4)
+- 🚀Bumped version to v0.3.1 [`6e0bf56`](https://git.odit.services/lfk/selfservice/commit/6e0bf56289852cda0c30325f4b8ca7826386abf4)
+
+#### [0.3.0](https://git.odit.services/lfk/selfservice/compare/0.2.0...0.3.0)
+
+> 30 March 2021
+
+- Merge branch 'bugfix/23-broken-build' into dev [`#23`](https://git.odit.services/lfk/selfservice/issues/23)
+- migrate to Tailwind JIT + views + router/ build fix [`15b60f6`](https://git.odit.services/lfk/selfservice/commit/15b60f60b5d4f3c4035460f25807c5f5f2f19578)
+- 🚀Bumped version to v0.3.0 [`cb5f48d`](https://git.odit.services/lfk/selfservice/commit/cb5f48d913b8aff2b138c93c4e29a2b8a553529d)
+- 🐞 fix release config [`ae44d7e`](https://git.odit.services/lfk/selfservice/commit/ae44d7e2e86b9bee74d453301846d02b29c632f2)
+- 🚀Bumped version to v0.1.2 [`5253fb1`](https://git.odit.services/lfk/selfservice/commit/5253fb18325ce9069e84180b30110ae97752ef20)
+
+#### [0.2.0](https://git.odit.services/lfk/selfservice/compare/0.1.1...0.2.0)
+
+> 27 March 2021
+
+- 🚀Bumped version to v0.2.0 [`83924a9`](https://git.odit.services/lfk/selfservice/commit/83924a9416dc966a417b32fa19b5fb725181e5ee)
+- Added ci to build dev and tags [`a174df1`](https://git.odit.services/lfk/selfservice/commit/a174df19ddbf65b0229af38947a9416b1bcd0703)
+- Now building latest from main [ci-skip] [`323ddc1`](https://git.odit.services/lfk/selfservice/commit/323ddc1c3d91ffa74200ed9250b891d2fe4da78d)
+- Added releaseit config [`eec6a35`](https://git.odit.services/lfk/selfservice/commit/eec6a358d899a40eb6bac92bb3af37b2d37a5d91)
+- package dependency cleanup [`00f8d80`](https://git.odit.services/lfk/selfservice/commit/00f8d8023e3ca47eb650c8b1c5c550112ed0d503)
+- Added image to docker-compose [`bd29d99`](https://git.odit.services/lfk/selfservice/commit/bd29d9912023539b26cdac36997d7cb29ec0d538)
+
+#### [0.1.1](https://git.odit.services/lfk/selfservice/compare/0.1.0...0.1.1)
+
+> 26 March 2021
+
+- org registration - add team select [`#18`](https://git.odit.services/lfk/selfservice/issues/18)
+- added baseurl_selfservice config [`#22`](https://git.odit.services/lfk/selfservice/issues/22)
+- [tmp] vue i18n error [`7b0bc22`](https://git.odit.services/lfk/selfservice/commit/7b0bc22a7157ee4551ab69dd5be856abed90b60c)
+- ⏫ v0.1.1 changelog [`e2be86c`](https://git.odit.services/lfk/selfservice/commit/e2be86c5589f9ca9053d5bcdc61be3a642b94791)
+- ⏫ version bump to 0.1.1 [`4d57812`](https://git.odit.services/lfk/selfservice/commit/4d57812c043e9078656818a33d241df220127a92)
+- Merge tag '0.1.0' into dev [`88996f8`](https://git.odit.services/lfk/selfservice/commit/88996f81d8990969048f00a7c175d2a30da2588b)
+
+#### 0.1.0
+
+> 26 March 2021
+
+- drop profile data editing [`#20`](https://git.odit.services/lfk/selfservice/issues/20)
+- Merge pull request 'feature/15_company_registration' (#16) from feature/15_company_registration into dev [`#15`](https://git.odit.services/lfk/selfservice/issues/15)
+- Merge pull request 'i18n support for TOS checkbox' (#14) from feature/4-component-interpolation into dev [`#4`](https://git.odit.services/lfk/selfservice/issues/4)
+- Merge pull request 'feature/11-user-scans' (#13) from feature/11-user-scans into dev [`#11`](https://git.odit.services/lfk/selfservice/issues/11)
+- Merge pull request 'feature/10-my-profile-data' (#12) from feature/10-my-profile-data into dev [`#10`](https://git.odit.services/lfk/selfservice/issues/10)
+- Merge pull request 'feature/3_env_file' (#9) from feature/3_env_file into dev [`#3`](https://git.odit.services/lfk/selfservice/issues/3)
+- Merge pull request 'feature/5_basic_ui_lap_times' (#8) from feature/5_basic_ui_lap_times into dev [`#5`](https://git.odit.services/lfk/selfservice/issues/5)
+- Merge pull request 'use new flex grid for responsive displaying action buttons' (#7) from feature/6_profile_action_buttons into dev [`#6`](https://git.odit.services/lfk/selfservice/issues/6)
+- Merge pull request 'feature/1-register-disable-submit-address' (#2) from feature/1-register-disable-submit-address into dev [`#1`](https://git.odit.services/lfk/selfservice/issues/1)
+- Initial commit [`7c2154a`](https://git.odit.services/lfk/selfservice/commit/7c2154ad026e8850727c40e9759757c4ceb56d0b)
+- sample routes + first landing page and routing logic [`3e92597`](https://git.odit.services/lfk/selfservice/commit/3e92597a563399149b5fbfab74fce6a0ecd6aba4)
+- basic ui for profile page [`a0cbeae`](https://git.odit.services/lfk/selfservice/commit/a0cbeae8fef54c298883c379a9e9e9440f6d3336)
+- 🎉 initial commit [`4ca10e1`](https://git.odit.services/lfk/selfservice/commit/4ca10e1db4b99b0181fdb0bdad1c042f958b2267)
+- ✨refined Register component for basic requirements [`e63367e`](https://git.odit.services/lfk/selfservice/commit/e63367e84e382607d372dd5f14f3dd13da0426de)
+- Profile - basic ui reactivity logic [`13543c3`](https://git.odit.services/lfk/selfservice/commit/13543c3cd2792b3f7829a2e0d5d64e73852d7feb)
+- 🚚 tmp move Login component [`a661064`](https://git.odit.services/lfk/selfservice/commit/a661064f34d31dd1ef5a01919cc8d5a2d81882b9)
+- basic lap/ scans ui [`1436948`](https://git.odit.services/lfk/selfservice/commit/14369480ea23e8b0af8548596a6bf3d331de13e5)
+- basic markdown rendering + routing for /imprint and /privacy [`5a5261d`](https://git.odit.services/lfk/selfservice/commit/5a5261d6b0d4adc62c100a29cebd07d25b89028d)
+- Register - basic form validations [`2b303ac`](https://git.odit.services/lfk/selfservice/commit/2b303ac9b279423bc0cee687e4d9ef3bdb3727c2)
+- use new flex grid for responsive displaying action buttons [`2b9c454`](https://git.odit.services/lfk/selfservice/commit/2b9c454395a4789236878b7e2a77dc1fa230eafe)
+- merge #6 into #5 [`7fa459b`](https://git.odit.services/lfk/selfservice/commit/7fa459b71b2bdd96d4a5104b5356441e1232e5e8)
+- re-order language files 😬 [`4fb9aee`](https://git.odit.services/lfk/selfservice/commit/4fb9aee25586cc873f7e276fd44e41458b633b70)
+- 🐳 working docker config + Dockerfile [`5a258d8`](https://git.odit.services/lfk/selfservice/commit/5a258d8e6ceadb6a66cf628e8093876d1f4a783c)
+- 🧹 added order script for i18n keys [`94f5787`](https://git.odit.services/lfk/selfservice/commit/94f578798818f7188ff83e6accb201a50aaa43a2)
+- Profile - remove form styling. data is not editable yet [`8205c11`](https://git.odit.services/lfk/selfservice/commit/8205c11bd9a38c49608b0641dd89df22f492efd0)
+- 🌎 basic i18n keys for Register component [`37b7ed7`](https://git.odit.services/lfk/selfservice/commit/37b7ed75c52cea16b413fcd2af586a30392496d5)
+- Register - reactive AGB registration button [`9effcb4`](https://git.odit.services/lfk/selfservice/commit/9effcb457540b512c261286cbf46bbd856b7d8b9)
+- Register - basic input POST to api [`8bf0803`](https://git.odit.services/lfk/selfservice/commit/8bf08034b798da354fdbbbc7ce6e5a72616bb16b)
+- added ui for configuration errors page [`c92d5bf`](https://git.odit.services/lfk/selfservice/commit/c92d5bf5f2ff7642e2a55abe0002ff94f2d64d3e)
+- fix accessibility in Profile component [`3351092`](https://git.odit.services/lfk/selfservice/commit/335109285912a4df16d4f0aea90c0ba054089762)
+- 🌎 Profile - i18n compatibility [`b518730`](https://git.odit.services/lfk/selfservice/commit/b518730fab90927b111f1708b532c5eb34e2aee2)
+- basic demo for i18n integration along with i18n-ally [`63bb34e`](https://git.odit.services/lfk/selfservice/commit/63bb34ef997bed202f3f208645e14861318e66ef)
+- basic input styling for Profile page [`8fd6f47`](https://git.odit.services/lfk/selfservice/commit/8fd6f47b2f5d21a58ce356a949910db7d7e6064b)
+- 🎉 working vue reactivity [`d18dbc3`](https://git.odit.services/lfk/selfservice/commit/d18dbc3a1fdf1bc9f2e8c5b37cc2d3044857410a)
+- 📍🏠 added address2 field to Register [`2153944`](https://git.odit.services/lfk/selfservice/commit/215394489461e17760263cebf606475938500e6b)
+- Profile - fetch user profile data from api [`0929f2b`](https://git.odit.services/lfk/selfservice/commit/0929f2bbc7037106bc6c9a4c948f51c59148a10b)
+- 🐳 basic devcontainer config [`5bfeac6`](https://git.odit.services/lfk/selfservice/commit/5bfeac693e8f9bfe6f62a38e12bf259744330c39)
+- 📃 updated README [`4c78712`](https://git.odit.services/lfk/selfservice/commit/4c78712f83565f21f3cdee2168f9221e2a007951)
+- Profile - display group [`641e7a0`](https://git.odit.services/lfk/selfservice/commit/641e7a0d8ff75ce5756d11f39b583f55731b821c)
+- accessibility fixes for input borders [`b7f15f4`](https://git.odit.services/lfk/selfservice/commit/b7f15f4d6827c893aa1fc4d47996df2fb46602ff)
+- add required confirmation of data on registration [`aa287cf`](https://git.odit.services/lfk/selfservice/commit/aa287cf452e588a41ec0f74063dcbecdb08d476a)
+- 🐞 bugfix for non-existant env.js [`987ac4d`](https://git.odit.services/lfk/selfservice/commit/987ac4d02cf63af5acdcc60f0ee2ec54534773cb)
+- fallback for env config errors [`20229ab`](https://git.odit.services/lfk/selfservice/commit/20229ab14252e20ffb3ac0e3e8b9d8f7f31819a3)
+- move profile to path param [`a39cf75`](https://git.odit.services/lfk/selfservice/commit/a39cf75c7fc2e29a5a1a34a7db39355e59ce9476)
+- sample toast integration [`ff89071`](https://git.odit.services/lfk/selfservice/commit/ff89071156325b40239d39bc5c21106cfb6448a0)
+- ⚙ basic release config [`35b4796`](https://git.odit.services/lfk/selfservice/commit/35b4796f3794f332940becc25a617777216cc1f3)
+- added more example laps [`c8bf0b2`](https://git.odit.services/lfk/selfservice/commit/c8bf0b2685f1e0db4df5e4ce405268865775eb41)
+- Register - correct phone number validation [`72f6523`](https://git.odit.services/lfk/selfservice/commit/72f65234f09fc2b9c7179fa1b43e217fab59ae60)
+- basic /register/:token route [`18d1dda`](https://git.odit.services/lfk/selfservice/commit/18d1ddacf7e99e67e6572533ebd9add3d0c0592f)
+- i18n support for TOS checkbox [`d405557`](https://git.odit.services/lfk/selfservice/commit/d405557aafb205c958914c85bd69c364d107370c)
+- 🌎 first translations for landing page [`f1c45df`](https://git.odit.services/lfk/selfservice/commit/f1c45dff11bfa088f04922f5cd2d8f4f5f873f2f)
+- enable org registration [`7904151`](https://git.odit.services/lfk/selfservice/commit/7904151a52af1a1592706e6a468943c8e9c57518)
+- working path params for org registration [`79d8545`](https://git.odit.services/lfk/selfservice/commit/79d8545ed6b2e0e64ca02194bc7009b48d2c8f2d)
+- ⏫ dependency bump [`36baf17`](https://git.odit.services/lfk/selfservice/commit/36baf174a52e3a5ce21294f7d4e899d6893fd517)
+- ✨ basic env.js file for api baseurl, documentserver_key [`747c1d2`](https://git.odit.services/lfk/selfservice/commit/747c1d2a906ed46325b999ebc0f079265ad81eeb)
+- ✅ added zipcode validation [`b5eade9`](https://git.odit.services/lfk/selfservice/commit/b5eade9633fb88659cdfe882220db0579e39ada1)
+- 🌟 added requirement stars to Register ui [`2822fcd`](https://git.odit.services/lfk/selfservice/commit/2822fcdeba3c5f559c165d512a2743949bf9c61e)
+- ⏫ dependency bumps [`70ac314`](https://git.odit.services/lfk/selfservice/commit/70ac31401654c316a5c162dbc142421788fccee7)
+- format lap times + only display valid scans [`ff1f43e`](https://git.odit.services/lfk/selfservice/commit/ff1f43e235ba318008b9c408853231c809760304)
+- Register - basic email input validation [`0c006cc`](https://git.odit.services/lfk/selfservice/commit/0c006cc09c983041d906621677b4a7a32ca1bb22)
+- Register - reactive address checkbox [`2b3f4ab`](https://git.odit.services/lfk/selfservice/commit/2b3f4abe1ac13318f5dee873b3454eb06577d1c5)
+- use api response object properly [`c8d4621`](https://git.odit.services/lfk/selfservice/commit/c8d462100a660e8edfd3bc46bd0c8abbd002f661)
+- added sponsorings tab [`e499357`](https://git.odit.services/lfk/selfservice/commit/e499357d6f151eaa8885ebfb78150e709ba4e753)
+- 🌎 translation for lap times + distance [`cf5c279`](https://git.odit.services/lfk/selfservice/commit/cf5c279eacde5d62b62c030b21ba51caad56eac4)
+- 🐞 fix for address submitting [`9d970b0`](https://git.odit.services/lfk/selfservice/commit/9d970b02b8a7ab54109fc3df2c652d01e0c99a8e)
+- ⏫ version bump to 0.1.0 [`ace5c95`](https://git.odit.services/lfk/selfservice/commit/ace5c958f1ce63c1a91ae730b129de45ee9b975a)
+- added empty state for scans [`49c3507`](https://git.odit.services/lfk/selfservice/commit/49c3507a71a6ca212b0b8ade2b1945ea90db96bc)
+- ✨ Register - invalid phone number error state [`e633ad6`](https://git.odit.services/lfk/selfservice/commit/e633ad6cea5d1fe8596cb67319ca7da7548bc770)
+- display user name in Profile title [`b30277b`](https://git.odit.services/lfk/selfservice/commit/b30277b617c1329702cb538b7e98d98929ca2346)
+- ✨ Profile - basic parsing for hash based query params [`f8ceec4`](https://git.odit.services/lfk/selfservice/commit/f8ceec492d720ced359da9001088bf691cb8c28f)
+- ✨ Profile - lap times table responsiveness [`503aafb`](https://git.odit.services/lfk/selfservice/commit/503aafba06d0d72fd980dedd9a56905c6673ce28)
+- 🐞 Register - display error state for empty + required address inputs [`3404fc0`](https://git.odit.services/lfk/selfservice/commit/3404fc06bf8e7163319680991f8d98208869478c)
+- fix fallback component routing for invalid env config [`56daa7c`](https://git.odit.services/lfk/selfservice/commit/56daa7c501e3f59e988f1912ed397e43d6311572)
+- center empty state image [`cb3dc13`](https://git.odit.services/lfk/selfservice/commit/cb3dc13c8acfeea3fad9ba9d5f9f6eade3e2310d)
+- routing import fix [`ac9f1ba`](https://git.odit.services/lfk/selfservice/commit/ac9f1ba2aca43d38d67604a4f6e77c5b29a670af)
+- ✨ Register - disable register button when invalid phone number is set [`e858334`](https://git.odit.services/lfk/selfservice/commit/e8583340c761663067aa51a4937d0795b75d21f1)
+- 🐞 Register - fix zipcode submitting [`43ee4b5`](https://git.odit.services/lfk/selfservice/commit/43ee4b51f9973a20fbb2f4f7774763f5c089b0e1)
+- 🚀Bumped version to v0.0.1 [`c8db78d`](https://git.odit.services/lfk/selfservice/commit/c8db78df6ffd5b4bdeb53893f363659ae2eefd45)
+- Register - style agb link with underline [`c8e1b5d`](https://git.odit.services/lfk/selfservice/commit/c8e1b5d80db0ce20043a5cda5588c995e71ee090)
+- new favicon [`9958fed`](https://git.odit.services/lfk/selfservice/commit/9958fed045e683cbf25b51c66deec405fd342073)
+- 🌎 added missing translations [`69db350`](https://git.odit.services/lfk/selfservice/commit/69db350461231123796bc24a2452e6af47a7c83f)

Dockerfile

@@ -1,9 +1,13 @@
-FROM node:15.9.0-alpine3.13
+FROM node:23.10.0-alpine3.21 AS build
+# ARG NPM_REGISTRY_URL=https://registry.npmjs.org
 WORKDIR /app
 COPY . .
-RUN yarn
-RUN yarn build
+# RUN npm config set registry $NPM_REGISTRY_URL && npm i -g pnpm@9
+RUN npm i -g pnpm@10.7
+RUN pnpm i --frozen-lockfile
+RUN pnpm build
+
 # final image
-FROM fholzer/nginx-brotli:v1.19.1
-COPY --from=0 /app/dist /usr/share/nginx/html
+FROM registry.odit.services/library/nginx-brotli:3.15 AS final
+COPY --from=build /app/dist /usr/share/nginx/html
 COPY ./nginx.conf /etc/nginx/nginx.conf

README.md

@@ -1,3 +1,9 @@
 # @lfk/selfservice
 
-runner selfservice portal
+runner selfservice portal
+
+## 🔨 Environment config
+- copy the `/public/env.sample.js` file to `/public/env.js`
+- set the required environment variables
+  - `documentserver_key`: url to the [document server](https://git.odit.services/lfk/document-server) instance
+  - `baseurl`: url to the main lfk instance - WITH TRAILING SLASH

docker-compose.yml

@@ -2,5 +2,8 @@ version: "3"
 services:
     httpd:
         build: .
+        #image: registry.odit.services/lfk/selfservice:dev
+        volumes:
+            - ./public/env.sample.js:/usr/share/nginx/html/env.js
         ports:
             - 4050:80

index.html

@@ -1,16 +1,17 @@
-<!DOCTYPE html>
-<html lang="de">
-
-<head>
-  <meta charset="UTF-8">
-  <link rel="icon" href="/favicon.ico" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Lauf für Kaya! - Selfservice</title>
-</head>
-
-<body class="dark:bg-gray-900 text-black dark:text-white p-0">
-  <div id="app"></div>
-  <script type="module" src="/src/main.js"></script>
-</body>
-
+<!DOCTYPE html>
+<html lang="de">
+
+<head>
+  <meta charset="UTF-8">
+  <link rel="icon" href="/favicon-lfk.png" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Lauf für Kaya! - Selfservice</title>
+</head>
+
+<body class="dark:bg-gray-900 text-black dark:text-white p-0">
+  <div id="app"></div>
+  <script src="/env.js"></script>
+  <script defer type="module" src="/src/main.js"></script>
+</body>
+
 </html>

nginx.conf

@@ -7,9 +7,22 @@ http {
         error_page 404 /index.html;
         root /usr/share/nginx/html;
         location / {
+            rewrite /register/(.*) /$1 break;
+            rewrite /profile/(.*) /$1 break;
+
             try_files $uri $uri/ /index.html;
+
+            add_header Last-Modified $date_gmt;
+            add_header Cache-Control 'private no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0';
+            if_modified_since off;
+            expires off;
+            etag off;
         }
+
         location ~* \.(?:ico|css|gif|jpe?g|png)$ {
+            rewrite /register/(.*) /$1 break;
+            rewrite /profile/(.*) /$1 break;
+
             expires 1y;
             add_header Pragma public;
             add_header Cache-Control "public";
@@ -28,24 +41,24 @@ http {
         gzip_buffers 16 8k;
         gzip_http_version 1.1;
         gzip_types application/javascript
-            application/rss+xml
-            application/vnd.ms-fontobject
-            application/x-font
-            application/x-font-opentype
-            application/x-font-otf
-            application/x-font-truetype
-            application/x-font-ttf
-            application/x-javascript
-            application/xhtml+xml
-            application/xml
-            font/opentype
-            font/otf
-            font/ttf
-            image/svg+xml
-            image/x-icon
-            text/css
-            text/javascript
-            text/plain
-            text/xml;
+        application/rss+xml
+        application/vnd.ms-fontobject
+        application/x-font
+        application/x-font-opentype
+        application/x-font-otf
+        application/x-font-truetype
+        application/x-font-ttf
+        application/x-javascript
+        application/xhtml+xml
+        application/xml
+        font/opentype
+        font/otf
+        font/ttf
+        image/svg+xml
+        image/x-icon
+        text/css
+        text/javascript
+        text/plain
+        text/xml;
     }
 }

order_i18n.js

@@ -1,16 +1,18 @@
-const fs = require('fs');
+import { readdirSync, readFileSync, writeFileSync } from "node:fs";
 // get all language files
-const files = fs.readdirSync('./src/locales/');
+const files = readdirSync("./src/locales/");
 files.forEach((f) => {
 	// read file as object
-	const unordered = JSON.parse(fs.readFileSync(`src/locales/${f}`));
+	const unordered = JSON.parse(readFileSync(`src/locales/${f}`));
 	// order object by keys alpabetically A-Z
-	const ordered = Object.keys(unordered).sort().reduce((obj, key) => {
-		obj[key] = unordered[key];
-		return obj;
-	}, {});
+	const ordered = Object.keys(unordered)
+		.sort()
+		.reduce((obj, key) => {
+			obj[key] = unordered[key];
+			return obj;
+		}, {});
 	// format output as json for commit diff compatibility
 	const out = JSON.stringify(ordered, 0, 4);
 	// write output file
-	fs.writeFileSync(`src/locales/${f}`, out);
+	writeFileSync(`src/locales/${f}`, out);
 });

package.json

@@ -1,43 +1,50 @@
 {
-  "name": "@odit/lfk-selfservice",
-  "version": "0.0.1",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "release": "release-it --only-version"
-  },
-  "dependencies": {
-    "got": "^11.8.2",
-    "redaxios": "^0.4.1",
-    "toastify-js": "^1.9.3",
-    "validator": "^13.5.2",
-    "vue": "^3.0.5",
-    "vue-i18n": "^9.0.0",
-    "vue-phone-number-input": "^1.1.10",
-    "vue-router": "4",
-    "vue-toastification": "^2.0.0-rc.1"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^1.1.5",
-    "@vue/compiler-sfc": "^3.0.6",
-    "autoprefixer": "^10.2.4",
-    "postcss": "^8.2.6",
-    "release-it": "^14.4.1",
-    "tailwindcss": "^2.0.3",
-    "vite": "^2.0.3",
-    "vite-plugin-windicss": "^0.5.4"
-  },
-  "release-it": {
-    "git": {
-      "commit": true,
-      "requireCleanWorkingDir": false,
-      "commitMessage": "🚀Bumped version to v${version}",
-      "requireBranch": "dev",
-      "push": false,
-      "tag": false
-    },
-    "npm": {
-      "publish": false
-    }
-  }
+	"name": "@odit/lfk-selfservice",
+	"version": "1.4.1",
+	"type": "module",
+	"scripts": {
+		"dev": "vite",
+		"build": "vite build",
+		"release": "release-it"
+	},
+	"dependencies": {
+		"@fontsource/athiti": "5.2.5",
+		"@odit/lfk-client": "^0.0.1",
+		"@tailwindcss/vite": "4.0.17",
+		"bwip-js": "4.5.3",
+		"marked": "15.0.7",
+		"redaxios": "0.5.1",
+		"tailwindcss": "4.0.17",
+		"toastify-js": "1.12.0",
+		"validator": "13.15.0",
+		"vue": "3.5.13",
+		"vue-i18n": "10.0.5",
+		"vue-router": "4.5.0",
+		"vue-toastification": "2.0.0-rc.1"
+	},
+	"devDependencies": {
+		"@vitejs/plugin-vue": "5.2.3",
+		"autoprefixer": "10.4.21",
+		"release-it": "18.1.2",
+		"vite": "6.2.3",
+		"vite-plugin-vue-devtools": "7.7.2"
+	},
+	"release-it": {
+		"git": {
+			"commit": true,
+			"requireCleanWorkingDir": false,
+			"commitMessage": "chore(release): ${version}",
+			"requireBranch": "dev",
+			"push": true,
+			"tag": true,
+			"tagName": "${version}",
+			"tagAnnotation": "${version}"
+		},
+		"npm": {
+			"publish": false
+		},
+		"hooks": {
+			"after:bump": "npx auto-changelog --commit-limit false -p -u --hide-credit && git add CHANGELOG.md && node order_i18n.js  && git add src/locales"
+		}
+	}
 }

postcss.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}

public/env.sample.js

@@ -0,0 +1,14 @@
+const config = {
+	// required
+	documentserver_key: "",
+	// required, with trailing slash
+	baseurl: "",
+	// optional, full url, will fallback to https://lauf-fuer-kaya.de/impressum
+	url_imprint: "",
+	// optional, full url, will fallback to https://lauf-fuer-kaya.de/datenschutz
+	url_privacy: "",
+	// full url (including fqdn)
+	baseurl_documentserver: "http://localhost:3000",
+	// optional, will fallback to code128
+	code_format: "ean13",
+};

src/App.vue

@@ -1,7 +1,5 @@
 <template>
-  <router-view></router-view>
-</template>
-
-<script setup>
-// 
-</script>
+  <main>
+    <router-view></router-view>
+  </main>
+</template>

src/assets/empty_laps.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path d="M307.18 117.6c21.3 1.09 42.83 9.39 57.52 22 46.68 39.91 40.22 110.84 5.81 156.19-33.82 44.58-91.54 70.06-147.13 68a153 153 0 01-48.79-9.79c-27.05-10.33-62.88-30.25-73.29-59.11-12.52-34.72 23.7-41.72 47.84-32.89 19.42 7.12 39 19.43 60.05 9.57 23.33-10.91 35.2-36.06 36.4-60.82 1.3-26.77-13.13-55.71 10.43-77.1 13.63-12.33 32.31-17.01 51.16-16.05z" fill="#407bff"/><path d="M307.18 117.6c21.3 1.09 42.83 9.39 57.52 22 46.68 39.91 40.22 110.84 5.81 156.19-33.82 44.58-91.54 70.06-147.13 68a153 153 0 01-48.79-9.79c-27.05-10.33-62.88-30.25-73.29-59.11-12.52-34.72 23.7-41.72 47.84-32.89 19.42 7.12 39 19.43 60.05 9.57 23.33-10.91 35.2-36.06 36.4-60.82 1.3-26.77-13.13-55.71 10.43-77.1 13.63-12.33 32.31-17.01 51.16-16.05z" fill="#fff" opacity=".9"/><ellipse cx="250" cy="416.24" rx="193.89" ry="11.32" fill="#f5f5f5"/><path fill="#407bff" d="M259.8 382.52H79.91L63.12 316H243l16.8 66.52z"/><path fill="#407bff" d="M242.79 316H62.9l-16.8 66.52h179.89l16.8-66.52z"/><path style="isolation:isolate" fill="#fff" opacity=".6" d="M242.79 316H62.9l-16.8 66.52h179.89l16.8-66.52z"/><path fill="#407bff" d="M449.92 382.52H270.03L253.24 316h179.88l16.8 66.52z"/><path fill="#407bff" d="M432.91 316H253.02l-16.8 66.52h179.89l16.8-66.52z"/><path style="isolation:isolate" fill="#fff" opacity=".6" d="M432.91 316H253.02l-16.8 66.52h179.89l16.8-66.52z"/><g><path d="M266 176a11.19 11.19 0 00-11.52-6.35c-9 .83-17.67 12.16-25.83 9.83S221.5 172 221.5 172s-3 7.39 7.17 13.6 24-9.46 35.48-4.8z" fill="#2e353a"/><path d="M266 176a14.65 14.65 0 00-12.52-9.39c-9.62-.75-15.25 11.41-22.62 9.39" fill="none" stroke="#263238" stroke-linecap="round" stroke-linejoin="round" stroke-width=".48"/><path d="M288.12 189.65s3.42-14.12-8.43-17-17.19 4.1-19.19 11.79 3 18.4 13.77 16.63 13.42-8.07 13.85-11.42z" fill="#2e353a"/><path d="M292.51 211.59c9.74-4.53 22.54-14.45 22.3-18.06s-10.06-27.9-10.06-27.9a7.65 7.65 0 01-2.26-1.08c-1-.72-2.17-9.66-.72-10.14a44.09 44.09 0 017.49-1.21c1.2 0 .72 8 .24 9.9 0 0 15.58 21.72 14.55 32.12s-25.18 28.47-33.63 31 2.09-14.63 2.09-14.63zM186.81 329.9l2.76-5.88 8.63 2.88 7.92 2.66-2.14 7.51-9.1-3.79-8.07-3.38z" fill="#e4897b"/><path d="M190.54 322.94c.64.32-3.61 8-3.61 8s-7.29 2.56-10.64 6.79-5 .23-2.46-5.09l6.17-13.11c1.79-3.78 3.89.1 10.54 3.41z" fill="#2e353a"/><path d="M183.72 335.61a.55.55 0 01-.18 0 .84.84 0 01-.76-.59c-.28-1.1 2.2-3.2 2.7-3.61a.19.19 0 01.1-.05.34.34 0 01.14.05c.07.07 1.61 1.61 1.55 2.9a1.37 1.37 0 01-.51 1 .8.8 0 01-.92.2c-.4-.22-.56-1-.6-1.79a3.62 3.62 0 01-1 1.69 1 1 0 01-.52.2zm1.55-3.43c-1.05.94-2.17 2.19-2 2.71 0 0 .05.18.4.25a.5.5 0 00.38-.1c.56-.42 1-1.88 1.22-2.86zm.54-.07c-.11 1.39 0 2.82.33 3 .1.06.29-.08.39-.16a.9.9 0 00.35-.68 3.92 3.92 0 00-1.07-2.16z" fill="#407bff"/><path style="isolation:isolate" opacity=".2" d="M194.7 333.19l3.34-6.36 8 2.69-2.1 7.53-9.24-3.86z"/><path d="M288.12 290.82c-3.62 15.68-19.81 69.19-45 67.19S199.5 342.15 199 335.83s1.44-9.8 7.72-9.82 24.71 5.64 32.74 5.07S255 296.41 255 296.41z" fill="#407bff"/><path d="M288.12 290.82c-3.62 15.68-19.81 69.19-45 67.19S199.5 342.15 199 335.83s1.44-9.8 7.72-9.82 24.71 5.64 32.74 5.07S255 296.41 255 296.41z" style="isolation:isolate" opacity=".4"/><path fill="#e4897b" d="M352.37 403.04l-5.97 2.58-4.56-7.88-4.18-7.23 6.58-4.21 4.3 8.86 3.83 7.88z"/><path d="M345 405.79c-.27-.66 8-3.64 8-3.64s7.15 2.91 12.47 2 3.87 3.11-1.53 5.44l-13.34 5.76c-3.84 1.65-2.85-2.68-5.6-9.56z" fill="#2e353a"/><path d="M355 402.91a5.6 5.6 0 00-.61.09h-.13a.68.68 0 01-.21-.11v-.08a.08.08 0 000-.06v-.06s.05-.06.05-.09c0-.09-.11-2.27.79-3.2a1.33 1.33 0 011.07-.42q.68 0 .84.45c.16.43-.23 1.1-.74 1.74a3.68 3.68 0 011.9-.59 1 1 0 01.67.36.93.93 0 01.18 1c-.48.81-2.69.97-3.81.97zm2.8-1.88a6.36 6.36 0 00-2.73 1.32c1.41 0 3.08-.21 3.33-.68 0 0 .08-.17-.13-.45a.47.47 0 00-.36-.18zm-1.87-2c-.27 0-.49.31-.67.5a4.1 4.1 0 00-.63 2.44c1-1 1.88-2.26 1.74-2.63a.6.6 0 00-.4-.31z" fill="#407bff"/><path style="isolation:isolate" opacity=".2" d="M348.62 395.35l-6.71 2.56-4.22-7.32 6.57-4.25 4.36 9.01z"/><path d="M257.71 259.72s-14 20.78-11.11 36.26c3.4 18.27 47.4 38.84 59.4 47.93s17.62 43.42 32.56 50l8.13-2.91s4.14-5.72 1.05-15.45c-13-40.8-23.74-60.3-59.62-84.73 0 0 2.36-19.78 1.37-29.8z" fill="#407bff"/><path d="M257.71 259.72s-14 20.78-11.11 36.26c3.4 18.27 47.4 38.84 59.4 47.93s17.62 43.42 32.56 50l8.13-2.91s4.14-5.72 1.05-15.45c-13-40.8-23.74-60.3-59.62-84.73 0 0 2.36-19.78 1.37-29.8z" style="isolation:isolate" opacity=".3"/><path d="M342.38 392.54l-2 .72c-4.54-5.78-8.25-16.2-12.14-27.14-4.13-11.59-8.4-23.57-13.43-28.33-3.5-3.31-11.26-8.52-20.25-14.56-18.35-12.33-39.16-26.3-40.55-34.82-1.47-9.06 3.16-22 5.93-28.6l2.14.09c-2.63 6.23-7.53 19.41-6.09 28.19 1.25 7.66 23.46 22.59 39.68 33.48 9.07 6.09 16.89 11.34 20.52 14.77 5.37 5.09 9.53 16.75 13.93 29.11 3.8 10.67 7.72 21.68 12.26 27.09z" fill="#407bff"/><path d="M288.12 290.82S280.75 286 271.5 280l13.5 5.41a55.44 55.44 0 004.71-19.48 236.85 236.85 0 01-1.59 24.89Line truncated

src/components/Footer.vue

@@ -1,29 +1,22 @@
 <template>
-  <footer class="text-gray-400 bg-gray-900 body-font">
-    <div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col">
-      <p class="text-sm text-gray-400 sm:ml-4 sm:pl-4 sm:py-2 sm:mt-0 mt-4">
-        Lauf für Kaya! Selfservice - Copyright © 2021 + proudly powered by
-        <a
-          class="underline"
-          target="_blank"
-          rel="noopener,noreferrer"
-          href="https://odit.services"
-        >ODIT.Services</a>
-      </p>
-      <span class="inline-flex sm:ml-auto sm:mt-0 mt-4 justify-center sm:justify-start">
-        <a
-          target="_blank"
-          rel="noopener,noreferrer"
-          href="/impressum/"
-          class="ml-3 text-gray-400 underline"
-        >Impressum</a>
-        <a
-          target="_blank"
-          rel="noopener,noreferrer"
-          href="/datenschutz/"
-          class="ml-3 text-gray-400 underline"
-        >Datenschutzerklärung</a>
-      </span>
-    </div>
+  <footer>
+    <p class="text-sm sm:py-2 sm:mt-0 mt-4 text-center md:text-left">
+      Lauf für Kaya! Selfservice<br>Copyright © 2025<br>proudly powered by
+      <a class="underline" target="_blank" rel="noopener,noreferrer"
+        href="https://odit.services?ref=lfk">ODIT.Services</a><br>
+      <a target="_blank" rel="noopener,noreferrer" :href="[[imprint_url]]" class="underline">{{
+        $t('imprint') }}</a> <a target="_blank" rel="noopener,noreferrer" :href="[[privacy_url]]" class="underline">{{
+          $t('privacy_policy') }}</a>
+    </p>
   </footer>
 </template>
+<script>
+export default {
+  data() {
+    return {
+      imprint_url: config.url_imprint || "https://lauf-fuer-kaya.de/impressum"
+      , privacy_url: config.url_privacy || "https://lauf-fuer-kaya.de/datenschutz"
+    }
+  },
+}
+</script>

src/components/HelloWorld.vue

@@ -1,30 +0,0 @@
-<template>
-  <h1>{{ msg }}</h1>
-
-  <p>
-    <a href="https://vitejs.dev/guide/features.html" target="_blank">Vite Documentation</a> |
-    <a href="https://v3.vuejs.org/" target="_blank">Vue 3 Documentation</a>
-  </p>
-
-  <button @click="state.count++">count is: {{ state.count }}</button>
-  <p>
-    Edit
-    <code>components/HelloWorld.vue</code> to test hot module replacement.
-  </p>
-</template>
-
-<script setup>
-import { defineProps, reactive } from 'vue'
-
-defineProps({
-  msg: String
-})
-
-const state = reactive({ count: 0 })
-</script>
-
-<style scoped>
-a {
-  color: #42b983;
-}
-</style>

src/components/Home.vue

@@ -1,30 +0,0 @@
-<template>
-  <div class="bg-cover bg-fixed m-0 h-screen" style="background-image: url('/background.jpg');">
-    <section class="container px-4 py-24 mx-auto">
-      <div class="w-full mx-auto text-center">
-        <img src="/favicon.png" class="h-32 mx-auto" />
-        <h1
-          class="mb-6 text-4xl font-extrabold leading-none tracking-normal text-white md:text-6xl md:tracking-tight"
-        >Lauf Für Kaya!</h1>
-        <p class="px-0 mb-6 text-lg text-gray-100 md:text-xl lg:px-24">Selfservice Portal</p>
-        <p class="px-0 mb-6 text-md text-gray-100 lg:px-24">{{ $t('main_page_text') }}</p>
-        <div class="mt-6 sm:flex place-content-center">
-          <router-link
-            class="w-full sm:w-auto inline-flex px-6 py-3 border border-transparent text-base font-semibold rounded-md text-gray-900 bg-white shadow-sm hover:text-gray-600 focus:outline-none focus:text-gray-600 transition ease-in-out duration-150 xl:text-lg xl:py-4"
-            to="/register"
-          >{{ $t('register_now') }}</router-link>
-          <router-link
-            to="/profile"
-            class="mt-4 sm:ml-4 sm:mt-0 w-full sm:w-auto inline-flex px-6 py-3 border border-transparent text-base font-semibold rounded-md text-white bg-gray-800 shadow-sm hover:bg-gray-700 focus:outline-none focus:bg-gray-700 transition ease-in-out duration-150 xl:text-lg xl:py-4"
-          >{{ $t('view_my_data') }}</router-link>
-        </div>
-      </div>
-    </section>
-  </div>
-  <Footer />
-</template>
-
-<script setup>
-import LoginForm from "./LoginForm.vue";
-import Footer from "./Footer.vue";
-</script>

src/components/Login.vue

@@ -1,112 +0,0 @@
-<template>
-  <div class="min-h-screen flex items-center justify-center">
-    <div class="max-w-md w-full py-12 px-6">
-      <img class="mx-auto h-24 w-auto" src="/favicon.png" alt="" />
-      <h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-center">Lauf für Kaya! - Registrieren</h1>
-      <p
-        class="mx-auto leading-relaxed text-base text-center"
-      >Bitte anmelden...</p>
-      <div class="mt-5">
-        <div class="rounded-md shadow-sm">
-          <div>
-            <input
-              aria-label="E-Mail Adresse"
-              name="email"
-              type="email"
-              required
-              class="border-gray-300 placeholder-gray-500 appearance-none rounded-none relative block w-full px-3 py-2 border text-gray-900 rounded-t-md focus:outline-none focus:shadow-outline-blue focus:border-blue-300 focus:z-10 sm:text-sm"
-              placeholder="E-Mail Adresse"
-              v-model="mail"
-            />
-          </div>
-          <div class="-mt-px relative">
-            <input
-              aria-label="Passwort"
-              name="password"
-              type="password"
-              required
-              class="border-gray-300 placeholder-gray-500 appearance-none rounded-none relative block w-full px-3 py-2 border text-gray-900 rounded-b-md focus:outline-none focus:shadow-outline-blue focus:border-blue-300 focus:z-10 sm:text-sm"
-              placeholder="Passwort"
-            />
-            <div class="absolute inset-y-0 right-0 pr-3 flex items-center text-sm">
-              <a href="./reset" class="text-gray-900 underline">Passwort vergessen?</a>
-            </div>
-          </div>
-        </div>
-        <div class="mt-5">
-          <button
-            v-if="loading === false"
-            @click="login"
-            type="submit"
-            class="relative block w-full py-2 px-3 border border-transparent rounded-md font-semibold bg-gray-800 hover:bg-gray-700 focus:bg-gray-900 focus:outline-none focus:shadow-outline sm:text-sm text-white"
-          >
-            <span class="absolute left-0 inset-y pl-3">
-              <svg class="h-5 w-5 text-gray-500" fill="currentColor" viewBox="0 0 20 20">
-                <path
-                  fill-rule="evenodd"
-                  d="M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z"
-                  clip-rule="evenodd"
-                />
-              </svg>
-            </span>
-            Log in
-          </button>
-          <button
-            v-if="loading === true"
-            type="submit"
-            class="relative block w-full py-2 px-3 border border-transparent rounded-md font-semibold bg-yellow-500 sm:text-sm text-black"
-          >
-            <span class="absolute left-0 inset-y pl-3">
-              <svg class="h-5 w-5 text-gray-500" fill="currentColor" viewBox="0 0 20 20">
-                <path
-                  fill-rule="evenodd"
-                  d="M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z"
-                  clip-rule="evenodd"
-                />
-              </svg>
-            </span>
-            Logging in...
-          </button>
-        </div>
-      </div>
-      <div class="mt-6">
-        <div class="relative">
-          <div class="absolute inset-0 flex items-center">
-            <div class="w-full border-t border-gray-300"></div>
-          </div>
-          <div class="relative flex justify-center text-sm">
-            <span class="px-2 bg-white dark:bg-gray-900">Sie haben noch keinen Account?</span>
-          </div>
-        </div>
-        <div class="mt-6">
-          <a
-            href="./register"
-            class="block w-full text-center py-2 px-3 border border-gray-300 rounded-md font-medium hover:border-gray-400 focus:outline-none focus:border-gray-400 sm:text-sm"
-          >Account erstellen</a>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref } from "vue";
-import axios from "redaxios";
-import Toastify from "toastify-js";
-
-let mail = ref("");
-let loading = ref(false);
-function login() {
-  console.log("ihi");
-  console.log(mail.value);
-  loading.value = true;
-  axios.get("").then((res) => {
-    console.log(res.data);
-    loading.value = false;
-    Toastify({
-      text: "This is a toast",
-      duration: 3000,
-    }).showToast();
-  });
-}
-</script>

src/components/LoginForm.vue

@@ -1,112 +0,0 @@
-<template>
-  <div class="min-h-screen flex items-center justify-center">
-    <div class="max-w-md w-full py-12 px-6">
-      <!-- <img class="mx-auto h-8 w-auto" src="/img/tailwindui-logo.svg" alt="" /> -->
-      <h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-center">Login</h1>
-      <p
-        class="mx-auto leading-relaxed text-base text-center"
-      >Bitte anmelden...</p>
-      <div class="mt-5">
-        <div class="rounded-md shadow-sm">
-          <div>
-            <input
-              aria-label="E-Mail Adresse"
-              name="email"
-              type="email"
-              required
-              class="border-gray-300 placeholder-gray-500 appearance-none rounded-none relative block w-full px-3 py-2 border text-gray-900 rounded-t-md focus:outline-none focus:shadow-outline-blue focus:border-blue-300 focus:z-10 sm:text-sm"
-              placeholder="E-Mail Adresse"
-              v-model="mail"
-            />
-          </div>
-          <div class="-mt-px relative">
-            <input
-              aria-label="Passwort"
-              name="password"
-              type="password"
-              required
-              class="border-gray-300 placeholder-gray-500 appearance-none rounded-none relative block w-full px-3 py-2 border text-gray-900 rounded-b-md focus:outline-none focus:shadow-outline-blue focus:border-blue-300 focus:z-10 sm:text-sm"
-              placeholder="Passwort"
-            />
-            <div class="absolute inset-y-0 right-0 pr-3 flex items-center text-sm">
-              <a href="./reset" class="text-gray-900 underline">Passwort vergessen?</a>
-            </div>
-          </div>
-        </div>
-        <div class="mt-5">
-          <button
-            v-if="loading === false"
-            @click="login"
-            type="submit"
-            class="relative block w-full py-2 px-3 border border-transparent rounded-md font-semibold bg-gray-800 hover:bg-gray-700 focus:bg-gray-900 focus:outline-none focus:shadow-outline sm:text-sm text-white"
-          >
-            <span class="absolute left-0 inset-y pl-3">
-              <svg class="h-5 w-5 text-gray-500" fill="currentColor" viewBox="0 0 20 20">
-                <path
-                  fill-rule="evenodd"
-                  d="M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z"
-                  clip-rule="evenodd"
-                />
-              </svg>
-            </span>
-            Log in
-          </button>
-          <button
-            v-if="loading === true"
-            type="submit"
-            class="relative block w-full py-2 px-3 border border-transparent rounded-md font-semibold bg-yellow-500 sm:text-sm text-black"
-          >
-            <span class="absolute left-0 inset-y pl-3">
-              <svg class="h-5 w-5 text-gray-500" fill="currentColor" viewBox="0 0 20 20">
-                <path
-                  fill-rule="evenodd"
-                  d="M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z"
-                  clip-rule="evenodd"
-                />
-              </svg>
-            </span>
-            Logging in...
-          </button>
-        </div>
-      </div>
-      <div class="mt-6">
-        <div class="relative">
-          <div class="absolute inset-0 flex items-center">
-            <div class="w-full border-t border-gray-300"></div>
-          </div>
-          <div class="relative flex justify-center text-sm">
-            <span class="px-2 bg-white dark:bg-gray-900">Sie haben noch keinen Account?</span>
-          </div>
-        </div>
-        <div class="mt-6">
-          <a
-            href="./register"
-            class="block w-full text-center py-2 px-3 border border-gray-300 rounded-md font-medium hover:border-gray-400 focus:outline-none focus:border-gray-400 sm:text-sm"
-          >Account erstellen</a>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref } from "vue";
-import axios from "redaxios";
-import Toastify from "toastify-js";
-
-let mail = ref("");
-let loading = ref(false);
-function login() {
-  console.log("ihi");
-  console.log(mail.value);
-  loading.value = true;
-  axios.get("").then((res) => {
-    console.log(res.data);
-    loading.value = false;
-    Toastify({
-      text: "This is a toast",
-      duration: 3000,
-    }).showToast();
-  });
-}
-</script>

src/components/Profile.vue

@@ -1,187 +0,0 @@
-<template>
-  <div class="min-h-screen w-full p-4">
-    <section class="text-white body-font">
-      <div class="container mx-auto flex items-center md:flex-row flex-col">
-        <div
-          class="flex flex-col md:pr-10 md:mb-0 mb-6 pr-0 w-full md:w-auto md:text-left text-center"
-        >
-          <p class="text-3xl font-bold whitespace-nowrap">Max Mustermann</p>
-          <p class="text-md text-gray-200 whitespace-nowrap">Musterfirma > PR</p>
-        </div>
-        <div class="inline-flex md:ml-auto md:mr-0 mx-auto items-center space-x-4">
-          <button
-            type="button"
-            class="focus:border-black focus:ring-2 focus:ring-black text-white text-sm py-2.5 px-5 rounded-md bg-blue-500 hover:bg-blue-600 hover:shadow-lg"
-          >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="24"
-              height="24"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              stroke-width="2"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              class="feather feather-download"
-              style="display: inline;height: 1rem;vertical-align: sub;"
-            >
-              <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
-              <polyline points="7 10 12 15 17 10" />
-              <line x1="12" y1="15" x2="12" y2="3" />
-            </svg>
-            {{ $t('download_certificate') }}
-          </button>
-          <button
-            type="button"
-            class="inline-flex focus:border-black focus:ring-2 focus:ring-black text-white text-sm py-2.5 px-5 rounded-md bg-green-600 hover:bg-green-800 hover:shadow-lg opacity-50"
-          >{{ $t('save_changes') }}</button>
-        </div>
-      </div>
-    </section>
-    <div class="flex flex-wrap">
-      <div class="w-full p-4">
-        <div class="flex flex-wrap flex-col w-full tabs">
-          <div class="flex lg:flex-wrap flex-row lg:space-x-2">
-            <div class="flex-none">
-              <button
-                @click="() => { activetab = 'profile' }"
-                :class="{ 'tab-active border-b-2 font-medium border-blue-500': (activetab === 'profile') }"
-                class="tab tab-underline py-4 px-6 block"
-                type="button"
-              >{{ $t('profile') }}</button>
-            </div>
-            <div class="flex-none">
-              <button
-                @click="() => { activetab = 'laptimes' }"
-                :class="{ 'tab-active border-b-2 font-medium border-blue-500': (activetab === 'laptimes') }"
-                class="tab tab-underline py-4 px-6 block"
-                type="button"
-              >{{ $t('lap_times') }}</button>
-            </div>
-            <div class="flex-none">
-              <button
-                @click="() => { activetab = 'sponsorings' }"
-                :class="{ 'tab-active border-b-2 font-medium border-blue-500': (activetab === 'sponsorings') }"
-                class="tab tab-underline py-4 px-6 block"
-                type="button"
-              >{{ $t('sponsoring') }}</button>
-            </div>
-          </div>
-          <div v-if="(activetab === 'profile')" class="tab-content block">
-            <div class="py-4 w-full">
-              <div class="flex flex-col">
-                <form class="form flex flex-wrap w-full">
-                  <div class="w-full">
-                    <div class="form-element">
-                      <div class="form-label">{{ $t('vorname') }}</div>
-                      <input
-                        name="first-name"
-                        class="w-full dark:bg-gray-800 rounded border border-gray-700 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-900 text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
-                        type="text"
-                        :placeholder="[[$t('vorname')]]"
-                      />
-                    </div>
-                    <div class="form-element">
-                      <div class="form-label">{{ $t('mittelname') }}</div>
-                      <input
-                        name="middle-name"
-                        class="w-full dark:bg-gray-800 rounded border border-gray-700 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-900 text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
-                        type="text"
-                        :placeholder="[[$t('mittelname')]]"
-                      />
-                    </div>
-                    <div class="form-element">
-                      <div class="form-label">{{ $t('nachname') }}</div>
-                      <input
-                        name="last-name"
-                        type="text"
-                        class="w-full dark:bg-gray-800 rounded border border-gray-700 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-900 text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
-                        :placeholder="[[$t('nachname')]]"
-                      />
-                    </div>
-                    <div class="form-element">
-                      <div class="form-label">{{ $t('e_mail_adress') }}</div>
-                      <input
-                        name="email"
-                        type="email"
-                        class="w-full dark:bg-gray-800 rounded border border-gray-700 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-900 text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
-                        :placeholder="[[$t('e_mail_adress')]]"
-                      />
-                    </div>
-                    <div class="form-element">
-                      <div class="form-label">{{ $t('phone_number') }}</div>
-                      <input
-                        name="tel"
-                        type="tel"
-                        class="w-full dark:bg-gray-800 rounded border border-gray-700 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-900 text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
-                        :placeholder="[[$t('phone_number')]]"
-                      />
-                    </div>
-                  </div>
-                </form>
-              </div>
-            </div>
-          </div>
-          <div v-if="(activetab === 'laptimes')" class="tab-content block">
-            <div class="py-4 w-full">
-              <section class="text-gray-400 bg-gray-900 body-font">
-                <div class="container mx-auto">
-                  <div class="lg:w-2/3 w-full mx-auto overflow-auto">
-                    <table class="table-auto w-full text-left whitespace-no-wrap">
-                      <thead>
-                        <tr>
-                          <th
-                            class="px-4 py-3 title-font tracking-wider font-medium text-white text-sm bg-gray-800 rounded-tl rounded-bl"
-                          >{{ $t('distance') }}</th>
-                          <th
-                            class="px-4 py-3 title-font tracking-wider font-medium text-white text-sm bg-gray-800"
-                          >{{ $t('lap_time') }}</th>
-                          <th
-                            class="w-10 title-font tracking-wider font-medium text-white text-sm bg-gray-800 rounded-tr rounded-br"
-                          ></th>
-                        </tr>
-                      </thead>
-                      <tbody>
-                        <tr>
-                          <td class="border-t-2 border-gray-800 px-4 py-3">400m</td>
-                          <td class="border-t-2 border-gray-800 px-4 py-3">0min 57s</td>
-                        </tr>
-                        <tr>
-                          <td class="border-t-2 border-gray-800 px-4 py-3">400m</td>
-                          <td class="border-t-2 border-gray-800 px-4 py-3">1min 15s</td>
-                        </tr>
-                        <tr>
-                          <td class="border-t-2 border-gray-800 px-4 py-3">1km</td>
-                          <td class="border-t-2 border-gray-800 px-4 py-3">2min 50s</td>
-                        </tr>
-                        <tr>
-                          <td class="border-t-2 border-gray-800 px-4 py-3">1km</td>
-                          <td class="border-t-2 border-gray-800 px-4 py-3">3min 00s</td>
-                        </tr>
-                      </tbody>
-                    </table>
-                  </div>
-                </div>
-              </section>
-            </div>
-          </div>
-          <div v-if="(activetab === 'sponsorings')" class="tab-content block">
-            <div class="py-4 w-full">coming soon...</div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { computed, ref, reactive, watch } from "vue";
-import axios from "redaxios";
-import isEmail from 'validator/es/lib/isEmail';
-import isMobilePhone from 'validator/es/lib/isMobilePhone';
-import isPostalCode from 'validator/es/lib/isPostalCode';
-import { useToast } from "vue-toastification";
-// 
-let activetab = ref("profile");
-</script>

src/components/Register.vue

@@ -1,273 +0,0 @@
-<template>
-  <div class="min-h-screen flex items-center justify-center">
-    <div class="max-w-md w-full py-12 px-6">
-      <img class="mx-auto h-24 w-auto" src="/favicon.png" alt />
-      <h1
-        class="sm:text-3xl text-2xl font-medium title-font mb-4 text-center"
-      >Lauf für Kaya! - {{ $t('registrieren') }}</h1>
-      <p class="mx-auto leading-relaxed text-base text-center">{{ $t('register.register_now') }}</p>
-      <div class="mt-4">
-        <label for="first_name" class="block font-medium">
-          {{ $t('vorname') }}
-          <span class="font-bold">*</span>
-        </label>
-        <input
-          v-model="userdetails.firstname"
-          name="firstname"
-          id="first_name"
-          autocomplete="off"
-          :placeholder="[[$t('vorname')]]"
-          type="text"
-          :class="{ 'border-red-500': (!userdetails.firstname.trim()), 'border-green-300': (userdetails.firstname.trim()) }"
-          class="dark:bg-gray-800 mt-1 block w-full shadow-sm sm:text-sm border-gray-300 border-2 bg-gray-50 text-gray-500 rounded-md p-2"
-        />
-        <!--  -->
-        <label for="middle_name" class="block font-medium">{{ $t('mittelname') }}</label>
-        <input
-          v-model="userdetails.middlename"
-          name="middlename"
-          id="middle_name"
-          autocomplete="off"
-          :placeholder="[[$t('mittelname')]]"
-          type="text"
-          class="dark:bg-gray-800 mt-1 block w-full shadow-sm sm:text-sm border-gray-300 border-2 bg-gray-50 text-gray-500 rounded-md p-2"
-        />
-        <!--  -->
-        <label for="last_name" class="block font-medium">
-          {{ $t('nachname') }}
-          <span class="font-bold">*</span>
-        </label>
-        <input
-          v-model="userdetails.lastname"
-          name="lastname"
-          id="last_name"
-          autocomplete="off"
-          :placeholder="[[$t('nachname')]]"
-          type="text"
-          :class="{ 'border-red-500': (!userdetails.lastname.trim()), 'border-green-300': (userdetails.lastname.trim()) }"
-          class="dark:bg-gray-800 mt-1 block w-full shadow-sm sm:text-sm border-gray-300 border-2 bg-gray-50 text-gray-500 rounded-md p-2"
-        />
-        <!--  -->
-        <label for="email_address" class="block font-medium">
-          {{ $t('e_mail_adress') }}
-          <span class="font-bold">*</span>
-        </label>
-        <input
-          v-model="userdetails.mail"
-          name="email_address"
-          id="email_address"
-          autocomplete="off"
-          :placeholder="[[$t('e_mail_adress')]]"
-          type="email"
-          :class="{ 'border-red-500': (!isEmail(userdetails.mail)), 'border-green-300': (isEmail(userdetails.mail)) }"
-          class="dark:bg-gray-800 mt-1 block w-full shadow-sm sm:text-sm border-2 bg-gray-50 text-gray-500 rounded-md p-2"
-        />
-        <p v-if="!isEmail(userdetails.mail)" class="text-sm">{{ $t('please_provide_valid_mail') }}</p>
-        <!--  -->
-        <label for="phone" class="select-none block font-medium">{{ $t('phone_number') }}</label>
-        <input
-          v-model="userdetails.phone"
-          name="phone"
-          id="phone"
-          autocomplete="off"
-          :placeholder="[[$t('phone_number')]]"
-          type="text"
-          :class="{ 'border-red-500': (!isMobilePhone(userdetails.phone) && userdetails.phone.trim()), 'border-green-300': (isMobilePhone(userdetails.phone) && userdetails.phone.trim()) }"
-          class="dark:bg-gray-800 mt-1 block w-full shadow-sm sm:text-sm border-2 bg-gray-50 text-gray-500 rounded-md p-2"
-        />
-        <p
-          v-if="(!isMobilePhone(userdetails.phone) && userdetails.phone.trim())"
-          class="text-sm"
-        >{{ $t('this_is_not_a_valid_international_phone_number') }}</p>
-        <!--  -->
-        <div class="grid grid-cols-6 mt-6">
-          <div class="col-span-6"></div>
-          <div class="flex items-start col-span-6">
-            <div class="flex items-center h-5">
-              <input
-                v-model="provide_address"
-                id="address_activated"
-                name="address_activated"
-                type="checkbox"
-                class="h-4 w-4 text-indigo-600 border-gray-300 rounded"
-              />
-            </div>
-            <div class="ml-3 text-sm">
-              <label
-                for="address_activated"
-                class="font-medium text-gray-400 select-none"
-              >{{ $t('provide_address') }}</label>
-            </div>
-          </div>
-          <div v-if="provide_address === true" class="col-span-6">
-            <div class="col-span-6">
-              <label for="street" class="block font-medium">
-                {{ $t('strasse') }}
-                <span class="font-bold">*</span>
-              </label>
-              <input
-                v-model="userdetails.address.street"
-                type="text"
-                name="street"
-                :placeholder="[[$t('strasse')]]"
-                id="street"
-                autocomplete="street-address"
-                :class="{ 'border-red-500': (!userdetails.address.street.trim()), 'border-green-300': (userdetails.address.street.trim()) }"
-                class="dark:bg-gray-800 mt-1 block w-full shadow-sm sm:text-sm border-gray-300 border-2 bg-gray-50 text-gray-500 rounded-md p-2"
-              />
-            </div>
-            <div class="col-span-6">
-              <label for="address2" class="block font-medium">{{ $t('apartment_suite_etc') }}</label>
-              <input
-                v-model="userdetails.address.address2"
-                type="text"
-                name="address2"
-                :placeholder="[[$t('apartment_suite_etc')]]"
-                id="address2"
-                autocomplete="street-address"
-                class="dark:bg-gray-800 mt-1 block w-full shadow-sm sm:text-sm border-gray-300 border-2 bg-gray-50 text-gray-500 rounded-md p-2"
-              />
-            </div>
-            <div class="col-span-6 sm:col-span-6 lg:col-span-2">
-              <label for="city" class="block font-medium">
-                {{ $t('ort') }}
-                <span class="font-bold">*</span>
-              </label>
-              <input
-                v-model="userdetails.address.city"
-                type="text"
-                name="city"
-                :placeholder="[[$t('ort')]]"
-                id="city"
-                :class="{ 'border-red-500': (!userdetails.address.city.trim()), 'border-green-300': (userdetails.address.city.trim()) }"
-                class="dark:bg-gray-800 mt-1 block w-full shadow-sm sm:text-sm border-gray-300 border-2 bg-gray-50 text-gray-500 rounded-md p-2"
-              />
-            </div>
-            <div class="col-span-6 sm:col-span-3 lg:col-span-2">
-              <label for="postal_code" class="block font-medium">
-                {{ $t('plz') }}
-                <span class="font-bold">*</span>
-              </label>
-              <input
-                v-model="userdetails.address.zipcode"
-                type="text"
-                name="postal_code"
-                :placeholder="[[$t('plz')]]"
-                id="postal_code"
-                autocomplete="postal-code"
-                :class="{ 'border-red-500': (!isPostalCode(userdetails.address.zipcode, 'DE')), 'border-green-300': (isPostalCode(userdetails.address.zipcode, 'DE')) }"
-                class="dark:bg-gray-800 mt-1 block w-full shadow-sm sm:text-sm border-gray-300 border-2 bg-gray-50 text-gray-500 rounded-md p-2"
-              />
-            </div>
-            <p
-              v-if="!isPostalCode(userdetails.address.zipcode, 'DE')"
-              class="text-sm"
-            >{{ $t('please_provide_a_valid_zipcode') }}</p>
-          </div>
-        </div>
-        <div class="flex items-start mt-6">
-          <div class="flex items-center h-5">
-            <input
-              v-model="agb_accepted"
-              id="agb_accepted"
-              name="agb_accepted"
-              type="checkbox"
-              class="h-4 w-4 text-indigo-600 border-gray-300 rounded"
-            />
-          </div>
-          <div class="ml-3 text-sm">
-            <label for="agb_accepted" class="font-medium text-gray-400 select-none">
-              Ich habe die
-              <a target="_blank" rel="noreferrer,noopener" href class="underline">AGBs</a> gelesen und akzeptiert.
-              <span class="font-bold">*</span>
-            </label>
-          </div>
-        </div>
-        <div class="mt-6">
-          <button
-            @click="login"
-            :disabled="(!state.submit_enabled)"
-            :class="{ 'opacity-50': (!state.submit_enabled), 'cursor-not-allowed': (!state.submit_enabled) }"
-            class="text-white block w-full text-center py-2 px-3 border-2 border-gray-300 rounded-md p-1 bg-blue-800 font-medium hover:border-gray-400 focus:outline-none focus:border-gray-400 sm:text-sm"
-          >{{ $t('registrieren') }}</button>
-        </div>
-      </div>
-      <div class="mt-6">
-        <div class="relative">
-          <div class="absolute inset-0 flex items-center">
-            <div class="w-full border-t border-gray-300"></div>
-          </div>
-          <div class="relative flex justify-center text-sm">
-            <span class="px-2 bg-white dark:bg-gray-900">{{ $t('already_have_an_account') }}</span>
-          </div>
-        </div>
-        <div class="mt-6">
-          <a
-            href="./login"
-            class="block w-full text-center py-2 px-3 border-2 border-gray-300 rounded-md p-1 dark:bg-gray-800 font-medium hover:border-gray-400 focus:outline-none focus:border-gray-400 sm:text-sm"
-          >{{ $t('go_to_login') }}</a>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { computed, ref, reactive, watch } from "vue";
-import axios from "redaxios";
-import isEmail from 'validator/es/lib/isEmail';
-import isMobilePhone from 'validator/es/lib/isMobilePhone';
-import isPostalCode from 'validator/es/lib/isPostalCode';
-import { useToast } from "vue-toastification";
-
-let userdetails = ref({ firstname: "", lastname: "", middlename: "", mail: "", phone: "", address: { street: "", address2: "", city: "", zipcode: "" } });
-let provide_address = ref(false);
-let agb_accepted = ref(false);
-// 
-const state = reactive({
-  submit_enabled: computed(() => agb_accepted.value === true && (isMobilePhone(userdetails.value.phone) || !userdetails.value.phone.trim()) && isEmail(userdetails.value.mail)
-    && userdetails.value.firstname
-    && userdetails.value.lastname && (provide_address.value === false || provide_address.value === true && (userdetails.value.address.street.trim() && userdetails.value.address.city.trim() && isPostalCode(userdetails.value.address.zipcode, "DE"))))
-})
-const toast = useToast();
-function login() {
-  userdetails = userdetails.value;
-  if (userdetails.phone === "" || isMobilePhone(userdetails.phone)) {
-    if (isEmail(userdetails.mail)) {
-      let postdata = {
-        "email": userdetails.mail,
-        "firstname": userdetails.firstname,
-        "middlename": userdetails.middlename,
-        "lastname": userdetails.lastname,
-        "address": {}
-      }
-      if (isMobilePhone(userdetails.phone)) {
-        postdata.phone = userdetails.phone;
-      }
-      if (provide_address.value === true) {
-        postdata.address = {
-          address1: userdetails.address.street,
-          address2: userdetails.address.address2 || "",
-          city: userdetails.address.city,
-          postalcode: userdetails.address.zipcode,
-          country: "DE",
-        }
-      }
-      toast("registration in progress...");
-      axios.post('https://dev.lauf-fuer-kaya.de/api/runners/register', postdata)
-        .then((response) => {
-          response = response.data;
-          const token = response.token;
-          const userid = JSON.parse(atob(token.split(".")[1])).id;
-          console.log({ token });
-          console.log({ userid });
-          // 
-          toast.success("You have been registered!");
-        })
-        .catch((error) => {
-          console.log(error);
-        });
-    }
-  }
-}
-</script>

src/language.js

@@ -0,0 +1,14 @@
+import * as keys_en from './locales/en.json';
+import * as keys_de from './locales/de.json';
+import { createI18n } from 'vue-i18n';
+
+const messages = {
+	en: keys_en,
+	de: keys_de
+};
+const browserlocale = ((navigator.languages && navigator.languages[0]) || '').substr(0, 2);
+export const i18n = createI18n({
+	locale: browserlocale,
+	fallbackLocale: 'en',
+	messages
+});

src/locales/de.json

@@ -1,31 +1,85 @@
 {
-    "already_have_an_account": "Sie haben bereits einen Account?",
+    "access_is_only_provided_via_your_email_link": "Der Zugang erfolgt über den Link, den Sie bei der Registrierung erhalten haben.",
+    "add_sponsoring": "Sponsoring hinzufügen",
+    "alle_daten_geloescht": "Alle Daten gelöscht!",
+    "already_registered": "bereits registriert...",
+    "amount_per_kilometer_in_eur": "Betrag pro Kilometer (in €)",
     "apartment_suite_etc": "Addresszeile 2",
+    "buergerlauf": "Bürgerlauf",
+    "cancel_keep_my_data": "Abbrechen, meine Daten behalten",
+    "configuration_error": "Konfigurationsfehler",
+    "confirm_delete_all_of_my_data": "Bestätigen, meine Daten löschen",
+    "confirm_personal_data": "Hiermit bestätige ich die Vollständigkeit und Richtigkeit der oben genannten Angaben",
+    "current_total_amount_in_eur": "Aktueller Gesamtbetrag (in €)",
+    "delete_my_data": "Meine Daten löschen",
     "distance": "Distanz",
     "download_certificate": "Urkunde herunterladen",
+    "download_registrationcode": "Registrierungscode herunterladen",
     "e_mail_adress": "E-Mail Adresse",
-    "go_to_login": "Zum Login",
+    "e_mail_des_sponsors": "E-Mail des Sponsors",
+    "error_requesting_the_login_link": "Fehler beim Anfordern des Login-Links...",
+    "first_lap": "👏 erste Runde",
+    "geben_sie_ihre_handynummer_an": "Ihre Handynummer",
+    "hinweis": "Hinweis:",
+    "i_accept": "Ich habe die ",
+    "i_accept_end": "gelesen und akzeptiert.",
+    "if_you_are_the_system_administrator_please_refer_to_the_official_product_documentation_readme_for_configuration_guidance": "Wenn Sie der Systemadministrator sind, finden Sie Konfigurationsanweisungen in der offiziellen Produktdokumentation / README.",
+    "ihr_nachname": "Ihr Nachname",
+    "ihr_vorname": "Ihr Vorname",
+    "ihre_e_mail_adresse": "Ihre E-Mail Adresse",
+    "imprint": "Impressum",
+    "invalid_input_phone_number_should_be_international_format": "ungültige Eingabe... Die Telefonnummer sollte ein internationales Format haben",
     "lap_time": "Rundenzeit",
     "lap_times": "Rundenzeiten",
+    "login_link_gesendet_an_user_email_value": "Login-Link gesendet an ",
+    "login_link_is_requested": "Login-Link wird angefordert...",
+    "lost_your_registration_mail": "Brauchen Sie einen neuen Login-Link?",
     "main_page_text": "Hier können Sie sich für den Lauf Für Kaya! registrieren oder ihr Läuferprofil verwalten.",
     "mittelname": "Mittelname",
     "nachname": "Nachname",
+    "nachname_des_sponsors": "Nachname des Sponsors",
+    "no_laps_scans_were_recorded_yet": "Noch keine Runden aufgezeichnet ...",
+    "no_sponsorings_for_you_were_recorded_yet": "Es gibt noch keine Sponsorings für dich",
+    "not_registered_yet": "Noch nicht registriert?",
+    "organization": "Organisation",
     "ort": "Ort",
-    "phone_number": "Telefonnummer",
+    "phone_number": "Handynummer (optional)",
     "please_provide_a_valid_zipcode": "Bitte geben Sie eine gültige Postleitzahl an...",
     "please_provide_valid_mail": "Bitte geben Sie eine gültige E-Mail Adresse an",
     "plz": "PLZ",
+    "privacy_policy": "Datenschutzerklärung",
+    "profil_konnte_nicht_geladen_werden": "Profil konnte nicht geladen werden...",
+    "profil_konnte_nicht_geloescht_werden": "Profil konnte nicht gelöscht werden...",
+    "profil_wird_geloescht": "Profil wird gelöscht...",
     "profile": "Profil",
     "provide_address": "Adresse angeben?",
     "register": {
-        "register_now": "Jetzt für den Lauf für Kaya! 2021 registrieren."
+        "register_now": "Jetzt für den LfK! 2025 registrieren."
     },
     "register_now": "Jetzt registrieren!",
+    "register_now_small": "Jetzt registrieren",
+    "registration_local_phone_nr": "Handynummern ohne Vorwahl werden als deutsche Telefonnummer gewertet",
+    "registration_running": "Registrierung läuft...",
+    "registrationcode": "Registrierungscode",
     "registrieren": "Registrieren",
-    "save_changes": "Änderungen speichern",
+    "registriert": "Registriert",
+    "registrierungscode_generiert": "Registrierungscode generiert!",
+    "registrierungscode_wird_generiert": "Registrierungscode wird generiert...",
+    "resend_the_registration_mail": "Login-Link anfordern",
+    "sponsor_add_agree": "Mit dem Absenden bestätige ich, dass der Sponsor mit der Übermittlung seiner Daten einverstanden ist und ich dessen Berechtigung habe",
     "sponsoring": "Sponsoring",
+    "sponsoring_pro_kilometer_in_eur": "Sponsoring pro Kilometer (in €)",
     "strasse": "Straße",
+    "telefonnummer_des_sponsors": "Telefonnummer des Sponsors",
+    "the_system_is_not_properly_configured_please_contact_the_system_administrator_for_help": "Das System ist nicht richtig konfiguriert. Bitte wenden Sie sich an den Systemadministrator, um Hilfe zu erhalten.",
     "this_is_not_a_valid_international_phone_number": "Dies ist keine gültige internationale Telefonnummer",
+    "total": "Gesamt",
+    "total_distance": "Gesamt-Distanz",
+    "urkunde_generiert": "Urkunde generiert!",
+    "urkunde_konnte_nicht_generiert_werden": "Urkunde konnte nicht generiert werden...",
+    "urkunde_wird_generiert": "Urkunde wird generiert...",
     "view_my_data": "Meine Läuferdaten einsehen",
-    "vorname": "Vorname"
+    "vorname": "Vorname",
+    "vorname_des_sponsors": "Vorname des Sponsors",
+    "z_b_1eur_oder_0_50eur": "z.B. 1€ ODER 0,50€"
 }

src/locales/en.json

@@ -1,31 +1,85 @@
 {
-    "already_have_an_account": "Already have an account?",
+    "access_is_only_provided_via_your_email_link": "Access is only provided via the link you received upon registration.",
+    "add_sponsoring": "New Sponsoring",
+    "alle_daten_geloescht": "all data deleted!",
+    "already_registered": "already registered...",
+    "amount_per_kilometer_in_eur": "Amount per kilometer (in €)",
     "apartment_suite_etc": "Apartment, suite, etc.",
+    "buergerlauf": "Public Run",
+    "cancel_keep_my_data": "Cancel, keep my data",
+    "configuration_error": "Configuration error",
+    "confirm_delete_all_of_my_data": "Confirm, delete all of my data",
+    "confirm_personal_data": "I hereby confirm that the above information is complete and correct",
+    "current_total_amount_in_eur": "Current total amount (in €)",
+    "delete_my_data": "Delete my data",
     "distance": "Distance",
     "download_certificate": "Download certificate",
+    "download_registrationcode": "Download registrationcode",
     "e_mail_adress": "mail address",
-    "go_to_login": "Go To Login",
+    "e_mail_des_sponsors": "E-Mail of the Sponsor",
+    "error_requesting_the_login_link": "Error requesting the login link...",
+    "first_lap": "👏 first lap",
+    "geben_sie_ihre_handynummer_an": "Your mobile number",
+    "hinweis": "Note:",
+    "i_accept": "I have read and accepted the ",
+    "i_accept_end": "",
+    "if_you_are_the_system_administrator_please_refer_to_the_official_product_documentation_readme_for_configuration_guidance": "If you are the system administrator, please refer to the official product documentation/ README for configuration guidance.",
+    "ihr_nachname": "Your last name",
+    "ihr_vorname": "Your first name",
+    "ihre_e_mail_adresse": "Your email address",
+    "imprint": "Imprint",
+    "invalid_input_phone_number_should_be_international_format": "invalid input... phone number should be international format",
     "lap_time": "Lap time",
     "lap_times": "Lap times",
+    "login_link_gesendet_an_user_email_value": "Login-Link sent to ",
+    "login_link_is_requested": "Login link is requested...",
+    "lost_your_registration_mail": "Lost your registration mail?",
     "main_page_text": "Here you can register for the Lauf Für Kaya! or manage your runner profile.",
     "mittelname": "Middlename",
     "nachname": "Lastname",
+    "nachname_des_sponsors": "last name of the sponsor",
+    "no_laps_scans_were_recorded_yet": "No laps/ scans were recorded yet...",
+    "no_sponsorings_for_you_were_recorded_yet": "No sponsorings for you were recorded yet...",
+    "not_registered_yet": "Not registered yet?",
+    "organization": "Organization",
     "ort": "City",
-    "phone_number": "Phone Number",
+    "phone_number": "mobile number (optional)",
     "please_provide_a_valid_zipcode": "Please provide a valid zipcode...",
     "please_provide_valid_mail": "Please provide a valid mail address.",
     "plz": "zipcode",
+    "privacy_policy": "Privacy Policy",
+    "profil_konnte_nicht_geladen_werden": "could not load profile...",
+    "profil_konnte_nicht_geloescht_werden": "couold not delete profile...",
+    "profil_wird_geloescht": "deleting profile...",
     "profile": "Profile",
     "provide_address": "Provide a postal address?",
     "register": {
-        "register_now": "Register now for Lauf für Kaya! 2021."
+        "register_now": "Register now for LfK! 2025."
     },
     "register_now": "Register now!",
+    "register_now_small": "Register now",
+    "registration_local_phone_nr": "Mobile numbers without an area code are considered German phone numbers",
+    "registration_running": "registration is running...",
+    "registrationcode": "Registration Code",
     "registrieren": "Register Now",
-    "save_changes": "Save changes",
+    "registriert": "Registered",
+    "registrierungscode_generiert": "created registration code!",
+    "registrierungscode_wird_generiert": "creating registration code...",
+    "resend_the_registration_mail": "Send me a login link",
+    "sponsor_add_agree": "By submitting, I confirm that the sponsor agrees to the transmission of his data and that I have his authorization",
     "sponsoring": "Sponsoring",
+    "sponsoring_pro_kilometer_in_eur": "Sponsoring per Kilometer (in €)",
     "strasse": "Street/ Block",
+    "telefonnummer_des_sponsors": "Sponsor's phone number",
+    "the_system_is_not_properly_configured_please_contact_the_system_administrator_for_help": "The system is not properly configured. Please contact the system administrator for help.",
     "this_is_not_a_valid_international_phone_number": "This is not a valid international phone number",
+    "total": "Total",
+    "total_distance": "total distance",
+    "urkunde_generiert": "created certificate",
+    "urkunde_konnte_nicht_generiert_werden": "could not create your certificate...",
+    "urkunde_wird_generiert": "creating certificate...",
     "view_my_data": "View my data",
-    "vorname": "Firstname"
+    "vorname": "Firstname",
+    "vorname_des_sponsors": "Sponsor's first name",
+    "z_b_1eur_oder_0_50eur": "e.g. €1 OR €0.50"
 }

src/main.js

@@ -1,37 +1,29 @@
 import { createApp } from 'vue';
-import { createWebHistory, createRouter } from 'vue-router';
-import App from './App.vue';
-import { createI18n } from 'vue-i18n';
-import Toast from 'vue-toastification';
-import 'windi.css';
+import './tailwind.css';
 import 'toastify-js/src/toastify.css';
 import 'vue-toastification/dist/index.css';
-import * as keys_en from './locales/en.json';
-import * as keys_de from './locales/de.json';
+// import '@fontsource/athiti';
+import '@fontsource/athiti/200.css';
+import '@fontsource/athiti/300.css';
+import '@fontsource/athiti/400.css';
+import '@fontsource/athiti/500.css';
+import '@fontsource/athiti/600.css';
+import '@fontsource/athiti/700.css';
+// 
+import App from './App.vue';
+import { routes } from './routes.js';
+import { createRouter, createWebHistory } from 'vue-router';
+import { i18n } from './language';
+import Toast from 'vue-toastification';
 
-const messages = {
-	en: keys_en,
-	de: keys_de
-};
-const browserlocale = ((navigator.languages && navigator.languages[0]) || '').substr(0, 2);
-const i18n = createI18n({
-	locale: browserlocale,
-	fallbackLocale: 'en',
-	messages
-});
+const app = createApp(App);
 
-// ---------------
-const Home = import('./components/Home.vue');
-const Register = import('./components/Register.vue');
-const Profile = import('./components/Profile.vue');
-//
 const router = createRouter({
 	history: createWebHistory(),
-	routes: [
-		{ path: '/', component: Home },
-		{ path: '/register', component: Register },
-		{ path: '/profile', component: Profile }
-	]
+	routes
 });
-// ---------------
-createApp(App).use(Toast).use(i18n).use(router).mount('#app');
+
+app.use(router);
+app.use(i18n);
+app.use(Toast);
+app.mount('#app');

src/routes.js

@@ -0,0 +1,17 @@
+import Home from "./views/Home.vue";
+import Register from "./views/Register.vue";
+import Profile from "./views/Profile.vue";
+import ProfileNone from "./views/ProfileNone.vue";
+
+// console.log(config);
+
+/** @type {import('vue-router').RouterOptions['routes']} */
+export const routes = [
+	{ path: "/", component: Home },
+	{ path: "/register", component: Register },
+	{ path: "/register/", component: Register },
+	{ path: "/register/:token", component: Register, props: true },
+	{ path: "/profile", component: Profile },
+	{ path: "/profile/", component: ProfileNone },
+	{ path: "/profile/:token", component: Profile, props: true },
+];

src/simple.css

@@ -0,0 +1 @@
+.simplecontent *{margin:0;padding:0}.simplecontent address,.simplecontent area,.simplecontent article,.simplecontent aside,.simplecontent audio,.simplecontent blockquote,.simplecontent datalist,.simplecontent details,.simplecontent dl,.simplecontent fieldset,.simplecontent figure,.simplecontent form,.simplecontent iframe,.simplecontent img,.simplecontent input,.simplecontent meter,.simplecontent nav,.simplecontent ol,.simplecontent optgroup,.simplecontent option,.simplecontent output,.simplecontent p,.simplecontent pre,.simplecontent progress,.simplecontent ruby,.simplecontent section,.simplecontent table,.simplecontent textarea,.simplecontent ul,.simplecontent video{margin-bottom:1rem}.simplecontent button,.simplecontent html,.simplecontent input,.simplecontent select{font-family:var(--nc-font-sans)}.simplecontent body{margin:0 auto;max-width:750px;padding:2rem;border-radius:6px;overflow-x:hidden;word-break:break-word;overflow-wrap:break-word;background:var(--nc-bg-1);color:var(--nc-tx-2);font-size:1.03rem;line-height:1.5}.simplecontent h1,.simplecontent h2,.simplecontent h3,.simplecontent h4,.simplecontent h5,.simplecontent h6{line-height:1;color:var(--nc-tx-1);padding-top:.875rem}.simplecontent h1,.simplecontent h2,.simplecontent h3{color:var(--nc-tx-1);padding-bottom:2px;margin-bottom:8px;border-bottom:1px solid var(--nc-bg-2)}.simplecontent h4,.simplecontent h5,.simplecontent h6{margin-bottom:.3rem}.simplecontent h1{font-size:2.25rem}.simplecontent h2{font-size:1.85rem}.simplecontent h3{font-size:1.55rem}.simplecontent h4{font-size:1.25rem}.simplecontent h5{font-size:1rem}.simplecontent h6{font-size:.875rem}.simplecontent a{color:#3d5af1}.simplecontent a:hover{color:var(--nc-lk-2)}.simplecontent abbr:hover{cursor:help}.simplecontent blockquote{padding:1.5rem;background:#ddd;border-left:5px solid var(--nc-bg-3)}.simplecontent abbr{cursor:help}.simplecontent blockquote :last-child{padding-bottom:0;margin-bottom:0}.simplecontent header{background:#ddd;border-bottom:1px solid var(--nc-bg-3);padding:2rem 1.5rem;margin:-2rem calc(0px - (50vw - 50%)) 2rem;padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}.simplecontent header h1,.simplecontent header h2,.simplecontent header h3{padding-bottom:0;border-bottom:0}.simplecontent header>:first-child{margin-top:0;padding-top:0}.simplecontent header>:last-child{margin-bottom:0}.simplecontent a button,.simplecontent button,.simplecontent input[type=button],.simplecontent input[type=reset],.simplecontent input[type=submit]{font-size:1rem;display:inline-block;padding:6px 12px;text-align:center;text-decoration:none;white-space:nowrap;background:#3d5af1;color:var(--nc-lk-tx);border:0;border-radius:4px;box-sizing:border-box;cursor:pointer;color:var(--nc-lk-tx)}.simplecontent a button[disabled],.simplecontent button[disabled],.simplecontent input[type=button][disabled],.simplecontent input[type=reset][disabled],.simplecontent input[type=submit][disabled]{cursor:default;opacity:.5;cursor:not-allowed}.simplecontent .button:focus,.simplecontent .button:hover,.simplecontent button:focus,.simplecontent button:hover,.simplecontent input[type=button]:focus,.simplecontent input[type=button]:hover,.simplecontent input[type=reset]:focus,.simplecontent input[type=reset]:hover,.simplecontent input[type=submit]:focus,.simplecontent input[type=submit]:hover{background:var(--nc-lk-2)}.simplecontent code,.simplecontent kbd,.simplecontent pre,.simplecontent samp{font-family:var(--nc-font-mono)}.simplecontent code,.simplecontent kbd,.simplecontent pre,.simplecontent samp{background:#ddd;border:1px solid var(--nc-bg-3);border-radius:4px;padding:3px 6px;font-size:.9rem}.simplecontent kbd{border-bottom:3px solid var(--nc-bg-3)}.simplecontent pre{padding:1rem 1.4rem;max-width:100%;overflow:auto}.simplecontent pre code{background:inherit;font-size:inherit;color:inherit;border:0;padding:0;margin:0}.simplecontent code pre{display:inline;background:inherit;font-size:inherit;color:inherit;border:0;padding:0;margin:0}.simplecontent details{padding:.6rem 1rem;background:#ddd;border:1px solid var(--nc-bg-3);border-radius:4px}.simplecontent summary{cursor:pointer;font-weight:700}.simplecontent details[open]{padding-bottom:.75rem}.simplecontent details[open] summary{margin-bottom:6px}.simplecontent details[open]>:last-child{margin-bottom:0}.simplecontent dt{font-weight:700}.simplecontent dd::before{content:"→ "}.simplecontent hr{border:0;border-bottom:1px solid var(--nc-bg-3);margin:1rem auto}.simplecontent fieldset{margin-top:1rem;padding:2rem;border:1px solid var(--nc-bg-3);border-radius:4px}.simplecontent legend{padding:auto .5rem}.simplecontent table{border-collapse:collapse;width:100%}.simplecontent td,.simplecontent th{border:1px solid var(--nc-bg-3);text-align:left;padding:.5rem}.simplecontent th{background:#ddd}.simplecontent tr:nth-child(even){background:#ddd}.simplecontent table caption{font-weight:700;margin-bottom:.5rem}.simplecontent textarea{max-width:100%}.simplecontent ol,.sLine truncated

src/tailwind.css

@@ -0,0 +1,8 @@
+@import "tailwindcss";
+@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
+
+
+
+* {
+	font-family: Athiti;
+}

src/views/Home.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="bg-cover bg-fixed m-0 h-screen text-white"
+    v-bind:style='{ backgroundImage: "url(" + background_base64 + ")", }'>
+    <section class="px-4 py-24 mx-auto">
+      <div class="w-full mx-auto text-center">
+        <img src="/favicon-lfk.png" class="h-32 mx-auto" />
+        <h1 class="mb-6 text-4xl font-extrabold leading-none tracking-normal md:text-6xl md:tracking-tight">
+          Lauf Für Kaya!<br>2025</h1>
+        <h2 class="mb-6 text-xl font-bold leading-none tracking-normal md:text-3xl md:tracking-tight">
+          Selfservice Portal</h2>
+        <p class="px-0 mb-6 text-md lg:px-24 font-medium">{{ $t('main_page_text') }}</p>
+        <a class="w-full block mx-auto md:w-3/4 px-6 py-3 border border-transparent text-base font-semibold rounded-md text-gray-900 bg-white shadow-sm hover:text-gray-600 focus:outline-none focus:text-gray-600 xl:text-lg xl:py-4"
+          href="/register/">{{ $t('register_now') }}</a>
+        <a href="/profile/"
+          class="md:mt-4 mt-2 w-full block mx-auto md:w-3/4 px-6 py-3 text-base font-semibold rounded-md bg-gray-800 shadow-sm hover:bg-gray-700 focus:outline-none focus:bg-gray-700 xl:text-lg xl:py-4 border border-gray-400">{{
+            $t('view_my_data') }}</a>
+      </div>
+    </section>
+  </div>
+  <div class="p-8">
+    <Footer />
+  </div>
+</template>
+
+<script setup>
+import background_base64 from "../assets/background.jpg?inline";
+import Footer from "@/components/Footer.vue";
+</script>

src/views/Profile.vue

@@ -0,0 +1,652 @@
+<template>
+  <div class="w-full p-4 lg:px-48 xl:w-2/3 xl:mx-auto">
+      <div class="md:pr-10 md:mb-0 mb-6 pr-0 w-full text-center text-black dark:text-gray-200">
+        <img src="/favicon-lfk.png" class="h-20 mx-auto" />
+        <div v-if="loadstate === 'loaded'">
+          <h1 class="text-3xl font-bold whitespace-nowrap" v-text="(state.firstname || '') +
+            ' ' +
+            (state.middlename || '') +
+            ' ' +
+            (state.lastname || '')
+            "></h1>
+          <p v-if="state.group==='Citizen'" class="text-md whitespace-nowrap">Bürgerlauf<br>Start: 14:00 Uhr</p>
+          <p v-else class="text-md whitespace-nowrap">Team: {{ state.group }}</p>
+        </div>
+        <h1 v-else class="text-3xl font-bold whitespace-nowrap">Daten werden geladen...</h1>
+      </div>
+      <div v-if="loadstate === 'loaded'" class="flex flex-wrap">
+        <div class="w-full">
+          <div class="">
+            <div class="grid grid-cols-3 text-center gap-1">
+              <button @click="() => {
+                state.activetab = 'profile';
+              }
+              " :class="{
+                'tab-active font-medium bg-blue-600 hover:bg-blue-700 text-white':
+                  state.activetab === 'profile',
+                'bg-neutral-200':
+                  state.activetab !== 'profile',
+              }" class="cursor-pointer rounded-md p-2 py-3 md:py-4 md:px-6 block" type="button">
+                {{ $t("profile") }}
+              </button>
+              <button @click="() => {
+                state.activetab = 'laptimes';
+              }
+              " :class="{
+                'tab-active font-medium bg-blue-600 hover:bg-blue-700 text-white':
+                  state.activetab === 'laptimes',
+                'bg-neutral-200':
+                  state.activetab !== 'laptimes',
+              }" class="cursor-pointer rounded-md p-2 py-3 md:py-4 md:px-6 block" type="button">
+                {{ $t("lap_times") }}
+              </button>
+              <button @click="() => {
+                state.activetab = 'sponsorings';
+              }
+              " :class="{
+                'tab-active font-medium bg-blue-600 hover:bg-blue-700 text-white':
+                  state.activetab === 'sponsorings',
+                'bg-neutral-200':
+                  state.activetab !== 'sponsorings',
+              }" class="cursor-pointer rounded-md p-2 py-3 md:py-4 md:px-6 block" type="button">
+                {{ $t("sponsoring") }}
+              </button>
+            </div>
+            <div v-if="state.activetab === 'profile'" class="tab-content block">
+              <div class="w-full mx-auto">
+                <div class="flex flex-col">
+                  <div class="flex flex-wrap w-full">
+                    <div class="w-full">
+                      <div v-if="state.delete_active === false">
+                        <button type="button"
+                          class="mt-2 focus:border-black focus:ring-2 focus:ring-black text-white text-base font-medium md:text-sm py-3.5 px-5 md:py-2.5 md:px-5 rounded-md bg-blue-600 hover:bg-blue-700 hover:shadow-lg w-full md:w-auto cursor-pointer mb-1 md:mr-1"
+                          @click="get_certificate">
+                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                            class="inline-block">
+                            <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+                            <polyline points="7 10 12 15 17 10" />
+                            <line x1="12" x2="12" y1="15" y2="3" />
+                          </svg>
+                          {{ $t("download_certificate") }}
+                        </button>
+
+                      </div>
+                      <div>
+                        <div class="text-lg">{{ $t("registrationcode") }}</div>
+                        <img class="w-full md:w-auto mb-2 bg-white p-2" alt="Registrierungscode" :src="state.barcode" />
+                        <button type="button"
+                          class="focus:border-black focus:ring-2 focus:ring-black text-white text-base font-medium md:text-sm py-3.5 px-5 md:py-2.5 md:px-5 rounded-md bg-blue-600 hover:bg-blue-700 hover:shadow-lg w-full md:w-auto cursor-pointer mb-1 md:mr-1"
+                          @click="get_registration">
+                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                            class="inline-block">
+                            <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+                            <polyline points="7 10 12 15 17 10" />
+                            <line x1="12" x2="12" y1="15" y2="3" />
+                          </svg>
+                          {{ $t("download_registrationcode") }}
+                        </button>
+                      </div>
+                      <div class="mb-2">
+                        <div class="text-lg">{{ $t("e_mail_adress") }}</div>
+                        <p v-text="state.email || '---'" />
+                      </div>
+                      <div class="mb-2">
+                        <div class="text-lg">{{ $t("phone_number") }}</div>
+                        <p v-text="state.phone || '---'" />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div v-if="state.delete_active === true">
+                  <button type="button"
+                    class="focus:border-black focus:ring-2 focus:ring-black text-white text-base font-medium md:text-sm py-3.5 px-5 md:py-2.5 md:px-5 rounded-md mb-1 md:mb-auto w-full md:w-auto cursor-pointer bg-blue-600 hover:bg-blue-700 hover:shadow-lg"
+                    @click="() => {
+                      state.delete_active = false;
+                    }
+                    ">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                      stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                      class="inline-block">
+                      <circle cx="12" cy="12" r="10" />
+                      <path d="m4.9 4.9 14.2 14.2" />
+                    </svg>
+                    {{ $t("cancel_keep_my_data") }}
+                  </button>
+                  <button type="button"
+                    class="focus:border-black focus:ring-2 focus:ring-black text-white text-base font-medium md:text-sm py-3.5 px-5 md:py-2.5 md:px-5 rounded-md w-full md:w-auto cursor-pointer bg-red-600 hover:bg-red-700 hover:shadow-lg md:ml-1"
+                    @click="delete_me">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                      stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                      class="inline-block">
+                      <path d="M3 6h18" />
+                      <path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" />
+                      <path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" />
+                      <line x1="10" x2="10" y1="11" y2="17" />
+                      <line x1="14" x2="14" y1="11" y2="17" />
+                    </svg>
+                    {{ $t("confirm_delete_all_of_my_data") }}
+                  </button>
+                </div>
+                <button v-else type="button"
+                  class="focus:border-black focus:ring-2 focus:ring-black text-white text-base font-medium md:text-sm py-3.5 px-5 md:py-2.5 md:px-5 rounded-md bg-red-600 hover:bg-red-700 hover:shadow-lg w-full md:w-auto cursor-pointer"
+                  @click="() => {
+                    state.delete_active = true;
+                  }
+                  ">
+                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                    class="inline-block">
+                    <path d="M3 6h18" />
+                    <path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" />
+                    <path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" />
+                    <line x1="10" x2="10" y1="11" y2="17" />
+                    <line x1="14" x2="14" y1="11" y2="17" />
+                  </svg>
+                  {{ $t("delete_my_data") }}
+                </button>
+              </div>
+            </div>
+          </div>
+          <div v-if="state.activetab === 'laptimes'" class="tab-content block">
+            <div class="py-4 w-full">
+              <section class="dark:bg-gray-900 body-font">
+                <div class="mx-auto">
+                  <div class="w-full mx-auto">
+                    <div v-if="state.scans.length > 0">
+                      <p class="mb-2">
+                        {{ $t('total_distance') }}: {{ getReadableDistanceForUI() }}
+                      </p>
+
+                      <table class="table-auto w-full text-left whitespace-no-wrap">
+                        <thead class="
+                          text-black
+                          bg-gray-300
+                          dark:text-white
+                          text-sm
+                          dark:bg-gray-800
+                        ">
+                          <tr>
+                            <th class="
+                              px-4
+                              py-3
+                              title-font
+                              tracking-wider
+                              font-medium
+                            ">
+                              {{ $t("distance") }}
+                            </th>
+                            <th class="
+                              px-4
+                              py-3
+                              title-font
+                              tracking-wider
+                              font-medium
+                            ">
+                              {{ $t("lap_time") }}
+                            </th>
+                          </tr>
+                        </thead>
+                        <tbody class="text-gray-900 dark:text-gray-50">
+                          <tr v-for="s in state.scans" :key="s.id">
+                            <td class="px-4 py-3">
+                              <span v-text="s.distance_readable"></span>
+                            </td>
+                            <td class="px-4 py-3" v-text="s.lapTime_readable"></td>
+                          </tr>
+                        </tbody>
+                      </table>
+                    </div>
+                    <div v-else class="
+                        text-center
+                        font-medium
+                        text-black
+                        dark:text-white
+                        text-xl
+                      ">
+                      <img src="../assets/empty_laps.svg" class="mx-auto h-56"
+                        :alt="[[$t('no_laps_scans_were_recorded_yet')]]" />
+                      {{ $t("no_laps_scans_were_recorded_yet") }}
+                    </div>
+                  </div>
+                </div>
+              </section>
+            </div>
+          </div>
+          <div v-if="state.activetab === 'sponsorings'" class="tab-content block">
+            <div v-if="mode === 'add_sponsoring'">
+              <h1 class="text-3xl">{{ $t('add_sponsoring') }}</h1>
+              <form>
+                <div class="mt-6 grid gap-4 lg:gap-6">
+                  <!-- Grid -->
+                  <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-6">
+                    <div>
+                      <label for="sponsorvorname"
+                        class="block mb-2 text-sm text-gray-700 font-medium dark:text-white">{{
+                          $t('vorname_des_sponsors') }}</label>
+                      <input v-bind="newsponsor_vorname" type="text" name="sponsorvorname" id="sponsorvorname"
+                        placeholder="Vorname des Sponsors"
+                        class="py-2.5 sm:py-3 px-4 block w-full border-gray-200 rounded-lg border sm:text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder-neutral-500 dark:focus:ring-neutral-600">
+                    </div>
+
+                    <div>
+                      <label for="sponsornachname"
+                        class="block mb-2 text-sm text-gray-700 font-medium dark:text-white">{{
+                          $t('nachname_des_sponsors') }}</label>
+                      <input v-bind="newsponsor_nachname" type="text" name="sponsornachname" id="sponsornachname"
+                        placeholder="Nachname des Sponsors"
+                        class="py-2.5 sm:py-3 px-4 block w-full border-gray-200 rounded-lg border sm:text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder-neutral-500 dark:focus:ring-neutral-600">
+                    </div>
+                  </div>
+                  <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-6">
+                    <!-- End Grid -->
+
+                    <div>
+                      <label for="sponsortel" class="block mb-2 text-sm text-gray-700 font-medium dark:text-white">{{
+                        $t('telefonnummer_des_sponsors') }}</label>
+                      <input v-bind="newsponsor_tel" type="tel" name="sponsortel" id="sponsortel" autocomplete="tel"
+                        class="py-2.5 sm:py-3 px-4 block w-full border-gray-200 rounded-lg border sm:text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder-neutral-500 dark:focus:ring-neutral-600">
+                    </div>
+
+                    <div>
+                      <label for="sponsormail" class="block mb-2 text-sm text-gray-700 font-medium dark:text-white">{{
+                        $t('e_mail_des_sponsors') }}</label>
+                      <input v-bind="newsponsor_mail" type="email" name="sponsormail" id="sponsormail"
+                        class="py-2.5 sm:py-3 px-4 block w-full border-gray-200 rounded-lg border sm:text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder-neutral-500 dark:focus:ring-neutral-600">
+                    </div>
+
+                  </div>
+                  <div>
+                    <label for="eurokilometer" class="block mb-2 text-sm text-gray-700 font-medium dark:text-white">{{
+                      $t('sponsoring_pro_kilometer_in_eur') }}</label>
+                    <input v-bind="newsponsor_value" type="number" name="eurokilometer" id="eurokilometer"
+                      placeholder="z.B. 1€ ODER 0,50€"
+                      class="py-2.5 sm:py-3 px-4 block w-full border-gray-200 rounded-lg border sm:text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder-neutral-500 dark:focus:ring-neutral-600">
+                  </div>
+                </div>
+              </form>
+              <!-- End Grid -->
+
+              <!-- Checkbox -->
+              <div class="mt-3 flex">
+                <div class="flex">
+                  <input v-model="newsponsor_check" id="sponsor_agree" name="sponsor_agree" type="checkbox"
+                    class="shrink-0 mt-1.5 border-gray-200 rounded-sm text-blue-600 focus:ring-blue-500 dark:bg-neutral-800 dark:border-neutral-700 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800">
+                </div>
+                <div class="ms-3">
+                  <label for="sponsor_agree" class="text-sm text-gray-600 dark:text-neutral-400">{{
+                    $t('sponsor_add_agree') }}</label>
+                </div>
+              </div>
+              <!-- End Checkbox -->
+
+              <button :disabled="!newsponsor_check" @click="addSponsoring" type="button"
+                class="py-3 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent bg-teal-100 text-teal-800 hover:bg-teal-200 focus:outline-hidden focus:bg-teal-200 disabled:opacity-50 disabled:pointer-events-none dark:text-teal-500 dark:bg-teal-800/30 dark:hover:bg-teal-800/20 dark:focus:bg-teal-800/20 mt-2 cursor-pointer">
+                {{ $t('add_sponsoring') }}
+              </button>
+            </div>
+            <div v-else>
+              <div class="py-4 w-full">
+                <section class="dark:bg-gray-900 body-font">
+                  <div class="mx-auto">
+                    <div class="w-full mx-auto">
+                      <table v-if="state.sponsorings.length > 0" class="table-auto w-full text-left whitespace-no-wrap">
+                        <thead class="
+                      text-black
+                      bg-gray-300
+                          dark:text-white
+                          text-sm
+                          dark:bg-gray-800
+                        ">
+                          <tr>
+                            <th class="
+                              px-4
+                              py-3
+                              title-font
+                              tracking-wider
+                              font-medium
+                            ">
+                              Name
+                            </th>
+                            <th class="
+                          px-4
+                              py-3
+                              title-font
+                              tracking-wider
+                              font-medium
+                            ">
+                              {{ $t("amount_per_kilometer_in_eur") }}
+                            </th>
+                            <th class="
+                              px-4
+                              py-3
+                              title-font
+                              tracking-wider
+                              font-medium
+                            ">
+                              {{ $t("current_total_amount_in_eur") }}
+                            </th>
+                          </tr>
+                        </thead>
+                        <tbody class="text-gray-900 dark:text-gray-50">
+                          <tr class="odd:bg-white even:bg-gray-100 dark:odd:bg-neutral-900 dark:even:bg-neutral-800"
+                            v-for="s in state.sponsorings" :key="s.id">
+                            <td class="px-4 py-3">
+                              <span v-text="s.donor.firstname + ' '"></span>
+                              <span v-if="s.donor.middlename">
+                                <span v-text="s.donor.middlename"></span>
+                              </span>
+                              <span v-text="s.donor.lastname"></span>
+                            </td>
+                            <td class="px-4 py-3">
+                              <span v-text="(s.amountPerDistance / 100)
+                                .toFixed(2)
+                                .toLocaleString('de-DE', { valute: 'EUR' })
+                                "></span>€
+                            </td>
+                            <td class="px-4 py-3">
+                              <span v-text="(s.amount / 100)
+                                .toFixed(2)
+                                .toLocaleString('de-DE', { valute: 'EUR' })
+                                "></span>€
+                            </td>
+                          </tr>
+                        </tbody>
+                        <tfoot class="text-black
+                      bg-gray-300
+                      border-t-2
+                      border-t-current
+                          dark:text-white
+                          text-sm
+                          dark:bg-gray-800">
+                          <tr>
+                            <td class="px-4 py-3">{{ $t("total") }}</td>
+                            <td class="px-4 py-3">
+                              <span v-text="(
+                                state.sponsorings.reduce(function (
+                                  sum,
+                                  current
+                                ) {
+                                  return sum + current.amountPerDistance;
+                                },
+                                  0) / 100
+                              )
+                                .toFixed(2)
+                                .toLocaleString('de-DE', { valute: 'EUR' })
+                                "></span>€
+                            </td>
+                            <td class="px-4 py-3">
+                              <span v-text="(
+                                state.sponsorings.reduce(function (
+                                  sum,
+                                  current
+                                ) {
+                                  return sum + current.amount;
+                                },
+                                  0) / 100
+                              )
+                                .toFixed(2)
+                                .toLocaleString('de-DE', { valute: 'EUR' })
+                                "></span>€
+                            </td>
+                          </tr>
+                        </tfoot>
+                      </table>
+                      <div v-else class="
+                        text-center
+                        font-medium
+                        text-black
+                        dark:text-white
+                        text-xl
+                        ">
+                        <img src="../assets/empty_laps.svg" class="h-56 mx-auto" :alt="[
+                          [$t('no_sponsorings_for_you_were_recorded_yet')],
+                        ]" />
+                        {{ $t("no_sponsorings_for_you_were_recorded_yet") }}
+                      </div>
+                      <!-- <button
+                        class="py-3 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent bg-teal-100 text-teal-800 hover:bg-teal-200 focus:outline-hidden focus:bg-teal-200 disabled:opacity-50 disabled:pointer-events-none dark:text-teal-500 dark:bg-teal-800/30 dark:hover:bg-teal-800/20 dark:focus:bg-teal-800/20 mt-2"
+                        @click="mode = 'add_sponsoring'">{{ $t('add_sponsoring') }}</button> -->
+                    </div>
+                  </div>
+                </section>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    <!--  -->
+    <Footer />
+  </div>
+</template>
+
+<script setup>
+import Footer from "@/components/Footer.vue";
+import { runnerSelfServiceControllerGet, runnerSelfServiceControllerGetScans, runnerSelfServiceControllerRemove } from "@odit/lfk-client";
+import { toCanvas } from "bwip-js";
+import axios from "redaxios";
+import { reactive, ref } from "vue";
+import { useI18n } from 'vue-i18n';
+import { TYPE, useToast } from "vue-toastification";
+const { t } = useI18n()
+const loadstate = ref("loading")
+const mode = ref("")
+// 
+const newsponsor_check = ref(false)
+const newsponsor_value = ref("")
+const newsponsor_mail = ref("")
+const newsponsor_tel = ref("")
+const newsponsor_vorname = ref("")
+const newsponsor_nachname = ref("")
+
+function shareSponsorLink() {
+  navigator.share({
+    title: state.firstname,
+    text: "Am 23.05.2025 findet der Lauf für Kaya! statt 🏃‍♂️🏃‍♀️\nWerde mein Sponsor beim Lauf für Kaya! 2025 und unterstütze mich pro gelaufenem Kilometer: https://lauf-fuer-kaya.de",
+    // url: "https://lauf-fuer-kaya.de",
+  })
+}
+
+function textToBase64Barcode(text) {
+  const canvas = document.createElement("canvas");
+  let codeconfig = {
+    bcid: config.code_format || "code128",
+    text: `${text}`,
+    scale: 3,
+    includetext: false,
+    textxalign: "center",
+    backgroundcolor: "ffffff",
+  };
+  if (
+    codeconfig.bcid === "code39" ||
+    codeconfig.bcid === "code128" ||
+    codeconfig.bcid === "ean13"
+  ) {
+    codeconfig.height = 10;
+  }
+  toCanvas(canvas, codeconfig);
+  return canvas.toDataURL("image/png");
+}
+
+const state = reactive({
+  barcode: "",
+  phone: "",
+  email: "",
+  firstname: "",
+  middlename: "",
+  lastname: "",
+  scans: [],
+  sponsorings: [],
+  group: "",
+  activetab: "profile",
+  delete_active: false,
+  fullobject: {},
+});
+const toast = useToast();
+const props = defineProps({
+  token: String,
+});
+const accesstoken = props.token;
+
+function getReadableDistanceForUI() {
+  return state.scans.reduce((accumulator, currentValue) => accumulator + currentValue.distance, 0)
+}
+
+function getReadableDistance(distance) {
+  const km = Math.floor(distance / 1000)
+  const m = Math.floor(distance % 1000)
+  console.log({ km, m });
+  if (km > 0) {
+    return `${km},${m} km`
+  }
+  return `${m} m`
+}
+
+runnerSelfServiceControllerGet({ path: { jwt: accesstoken } }).then(({ data }) => {
+  loadstate.value = "loaded"
+  state.phone = data.phone;
+  state.email = data.email;
+  state.firstname = data.firstname;
+  state.middlename = data.middlename;
+  state.lastname = data.lastname;
+  state.group = data.group;
+  state.sponsorings = data.distanceDonations;
+  state.fullobject = data;
+  state.barcode = textToBase64Barcode(data.id ?? "???");
+})
+  .catch((error) => {
+    loadstate.value = "error"
+    toast.clear();
+    toast.error(t('profil_konnte_nicht_geladen_werden'));
+  });
+runnerSelfServiceControllerGetScans({ path: { jwt: accesstoken } }).then(({ data }) => {
+  let counter = 0
+  data = data.filter((s) => s.valid === true);
+  data.map(function (s) {
+    if (counter === 0) {
+      s.lapTime_readable = t('first_lap')
+    } else {
+      s.lapTime_readable =
+        Math.floor(s.lapTime / 60) +
+        "min " +
+        (Math.floor(s.lapTime % 60) + "").padStart(2, "0") +
+        "s";
+    }
+    s.distance_readable = getReadableDistance(s.distance);
+    counter++;
+    return s;
+  });
+  state.scans = data;
+})
+  .catch((error) => {
+    toast.error(t('profil_konnte_nicht_geladen_werden'));
+  });
+function addSponsoring() {
+  const postdata = {
+    "receiptNeeded": false,
+    "firstname": newsponsor_vorname.value,
+    "middlename": "",
+    "lastname": newsponsor_nachname.value,
+    "phone": newsponsor_tel.value,
+    "email": newsponsor_mail.value,
+    "address": {}
+  }
+  console.log(postdata);
+  // TODO: implement: donationControllerPostDistance({body:{}})
+}
+function delete_me() {
+  toast.clear();
+  toast(t('profil_wird_geloescht'));
+  runnerSelfServiceControllerRemove({
+    path: {
+      jwt: accesstoken
+    }, query: { force: true }
+  }).then(() => {
+    toast.clear();
+    toast(t('alle_daten_geloescht'));
+    location.replace(`/`);
+  })
+    .catch((error) => {
+      toast.clear();
+      toast.error(t('profil_konnte_nicht_geloescht_werden'));
+    });
+}
+function get_certificate() {
+  toast(t('urkunde_wird_generiert'));
+  const browserlocale = (
+    (navigator.languages && navigator.languages[0]) ||
+    ""
+  ).substr(0, 2);
+  let url = `${config.baseurl_documentserver}/v1/pdfs/certificates?key=${config.documentserver_key}`;
+  let postdata = {
+    locale: browserlocale,
+    runners: [
+      {
+        first_name: state.firstname,
+        middle_name: state.middlename,
+        last_name: state.lastname,
+        id: state.fullobject.id,
+        distance: state.fullobject.distance,
+        self_service_link: window.location.href,
+        group: {
+          name: state.group,
+          id: state.fullobject.group.id || 0,
+        },
+        distance_donations: state.fullobject.distanceDonations.map((s) => {
+          return {
+            id: s.id || 0,
+            amount: s.amount,
+            amount_per_distance: s.amountPerDistance,
+            donor: {
+              id: s.donor.id || 0,
+              first_name: s.donor.firstname,
+              middle_name: s.donor.middlename,
+              last_name: s.donor.lastname,
+            },
+          };
+        }),
+      }
+    ]
+  };
+  axios
+    .post(url, postdata, {
+      responseType: "blob",
+    })
+    .then((response) => {
+      console.log(response);
+      if (response.status !== 200) {
+        toast.error(t('urkunde_konnte_nicht_generiert_werden'));
+      } else {
+        var fileURL = window.URL.createObjectURL(
+          new Blob([response.data], { type: "application/pdf" })
+        );
+        var fileLink = document.createElement("a");
+
+        fileLink.href = fileURL;
+        fileLink.setAttribute("download", "Certificate.pdf");
+        document.body.appendChild(fileLink);
+
+        fileLink.click();
+        fileLink.remove();
+        toast.clear();
+        toast(t('urkunde_generiert'), { type: TYPE.SUCCESS });
+      }
+    })
+    .catch((err) => {
+      console.error(err);
+      toast.clear();
+      toast.error(t('urkunde_konnte_nicht_generiert_werden'));
+    });
+}
+function get_registration() {
+  // toast.clear();
+  // toast(t('registrierungscode_wird_generiert'));
+  var a = document.createElement("a");
+  a.href = state.barcode;
+  a.download = `LfK25_Registrierungscode_${state.firstname}_${state.lastname}.png`;
+  a.click();
+  // toast.clear();
+  // toast(t('registrierungscode_generiert'), { type: TYPE.SUCCESS });
+}
+</script>

src/views/ProfileNone.vue

@@ -0,0 +1,92 @@
+<template>
+    <div class="min-h-screen flex items-center justify-center">
+        <div class="max-w-md w-full py-12 px-6">
+            <img class="mx-auto h-24 w-auto" src="/favicon-lfk.png" alt />
+            <h1 class="sm:text-3xl text-2xl font-semibold title-font mb-4 text-center">Lauf für Kaya! - {{
+                $t('profile')
+            }}</h1>
+            <p class="mx-auto leading-relaxed text-base text-center">
+                {{ $t('access_is_only_provided_via_your_email_link') }}
+            </p>
+            <div class="mt-6">
+                <div class="relative">
+                    <div class="absolute inset-0 flex items-center">
+                        <div class="w-full border-t border-gray-300"></div>
+                    </div>
+                    <div class="relative flex justify-center text-sm">
+                        <span class="px-2 bg-white dark:bg-gray-900">{{ $t('lost_your_registration_mail') }}</span>
+                    </div>
+                </div>
+                <div class="mt-4">
+                    <label for="email_address" class="block font-medium">
+                        {{ $t('e_mail_adress') }}
+                        <span class="font-bold">*</span>
+                    </label>
+                    <input v-model="user_email" name="email_address" id="email_address" autocomplete="email"
+                        :placeholder="[[$t('e_mail_adress')]]" type="email"
+                        :class="{ 'border-red-500': (!isEmail(user_email)), 'border-green-300': (isEmail(user_email)) }"
+                        class="dark:bg-gray-800 mt-1 block w-full shadow-sm sm:text-sm border-2 bg-gray-50 text-gray-500 rounded-md p-2" />
+                    <p v-if="!isEmail(user_email) && user_email !== ''" class="text-sm">{{
+                        $t('please_provide_valid_mail')
+                        }}</p>
+                </div>
+                <div class="mt-2">
+                    <button :disabled="(!state.submit_enabled)"
+                        :class="{ 'opacity-50': (!state.submit_enabled), 'cursor-not-allowed': (!state.submit_enabled) }"
+                        @click="resendMail"
+                        class="block w-full text-center py-2 px-3 border-2 border-gray-300 rounded-md p-1 dark:bg-gray-800 font-medium hover:border-gray-400 focus:outline-none focus:border-gray-400 sm:text-sm">{{
+                            $t('resend_the_registration_mail') }}</button>
+                </div>
+            </div>
+            <div class="mt-12">
+                <div class="relative">
+                    <div class="absolute inset-0 flex items-center">
+                        <div class="w-full border-t border-gray-300"></div>
+                    </div>
+                    <div class="relative flex justify-center text-sm">
+                        <span class="px-2 bg-white dark:bg-gray-900">{{ $t('not_registered_yet') }}</span>
+                    </div>
+                </div>
+                <div class="mt-2">
+                    <a href="/register/"
+                        class="text-white block w-full text-center py-2 px-3 border-2 border-gray-300 rounded-md p-1 bg-blue-800 font-medium hover:border-gray-400 focus:outline-none focus:border-gray-400 sm:text-sm">{{
+                            $t('register_now_small') }}</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <Footer />
+</template>
+
+<script setup>
+import Footer from "@/components/Footer.vue";
+import { runnerSelfServiceControllerRequestNewToken } from "@odit/lfk-client";
+import isEmail from 'validator/es/lib/isEmail';
+import { computed, reactive, ref } from "vue";
+import { useI18n } from 'vue-i18n';
+import { TYPE, useToast } from "vue-toastification";
+const { t } = useI18n()
+
+let user_email = ref("");
+// 
+const state = reactive({
+    org_name: "",
+    org_teams: [],
+    submit_enabled: computed(() => isEmail(user_email.value))
+})
+const toast = useToast();
+function resendMail() {
+    if (isEmail(user_email.value)) {
+        toast(t('login_link_is_requested'));
+        const browserlocale = ((navigator.languages && navigator.languages[0]) || '').substr(0, 2);
+        runnerSelfServiceControllerRequestNewToken({ query: { locale: browserlocale, mail: user_email.value } }).then(({ data }) => {
+            console.log(data);
+            toast(t('login_link_gesendet_an_user_email_value') + user_email.value);
+        })
+            .catch((error) => {
+                console.log(error);
+                toast(t('error_requesting_the_login_link'), { type: TYPE.ERROR });
+            });
+    }
+}
+</script>

src/views/Register.vue

@@ -0,0 +1,493 @@
+<template>
+  <div class="min-h-screen flex items-center justify-center" v-if="registrationState === 'registered'">
+    <div class="max-w-md w-full py-6 px-6">
+      <img class="mx-auto h-24 w-auto" src="/favicon-lfk.png" alt />
+      <h1 class="sm:text-3xl text-2xl font-semibold title-font mb-4 text-center">
+        Lauf für Kaya! - {{ $t('registriert') }}
+      </h1>
+      <p class="mx-auto leading-relaxed text-base text-center">
+        Bitte klicken Sie zum Fortfahren auf den Link, den wir an
+        <b class="font-bold">{{ userdetails.mail }}</b> geschickt haben.
+      </p>
+    </div>
+  </div>
+  <div class="min-h-screen flex items-center justify-center" v-else>
+    <div class="max-w-md w-full py-6 px-6">
+      <img class="mx-auto h-24 w-auto" src="/favicon-lfk.png" alt />
+      <h1 class="sm:text-3xl text-2xl font-semibold title-font text-center">
+        Lauf für Kaya!
+      </h1>
+      <p class="mx-auto leading-relaxed text-lg text-center font-medium mb-4">
+        {{ $t("register.register_now") }}
+      </p>
+      <div v-if="state.org_name !== ''" class="w-full text-center">
+        <span
+          class="inline-flex items-center gap-x-1.5 py-1.5 px-3 rounded-lg mx-auto font-medium bg-blue-100 text-blue-800 dark:bg-blue-800/30 dark:text-blue-500">{{ state.org_name }}</span>
+      </div>
+      <label v-if="state.org_name !== '' && state.org_teams.length > 0" for="select_team" class="block font-semibold mt-2">
+        Team:
+      </label>
+      <select id="select_team" v-model="org_team" v-if="state.org_name !== '' && state.org_teams.length > 0" class="
+          w-full
+          border-2
+          bg-white
+          rounded-md
+          px-3
+          py-2
+          outline-none
+          block
+          mt-1
+          text-sm
+          dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700
+          form-select
+          focus:border-purple-400 focus:outline-none focus:shadow-outline-purple
+          dark:focus:shadow-outline-gray
+        ">
+        <option v-for="t in state.org_teams" :key="t.id" :value="t.id">
+          {{ t.name }}
+        </option>
+      </select>
+      <div v-if="state.org_name === ''" class="w-full text-center">
+        <span
+          class="inline-flex items-center gap-x-1.5 py-1.5 px-3 rounded-lg mx-auto font-medium bg-blue-100 text-blue-800 dark:bg-blue-800/30 dark:text-blue-500">{{
+            $t('buergerlauf') }}</span>
+      </div>
+      <div class="mt-4">
+        <label for="first_name" class="block font-semibold mt-2">
+          {{ $t("vorname") }}
+          <span class="font-bold">*</span>
+        </label>
+        <input v-model="userdetails.firstname" name="firstname" id="first_name" autocomplete="off"
+          :placeholder="[[$t('ihr_vorname')]]" type="text" :class="{
+            '': !userdetails.firstname.trim(),
+            'border-green-300': userdetails.firstname.trim(),
+          }" class="
+            dark:bg-gray-800
+            block
+            w-full
+            shadow-sm
+            sm:text-sm
+            border-2 placeholder:text-gray-800
+            bg-gray-50
+            text-gray-500
+            rounded-md
+            p-2
+          " />
+        <!--  -->
+        <label for="last_name" class="block font-semibold mt-2">
+          {{ $t("nachname") }}
+          <span class="font-bold">*</span>
+        </label>
+        <input v-model="userdetails.lastname" name="lastname" id="last_name" autocomplete="off"
+          :placeholder="[[$t('ihr_nachname')]]" type="text" :class="{
+            '': !userdetails.lastname.trim(),
+            'border-green-300': userdetails.lastname.trim(),
+          }" class="
+            dark:bg-gray-800
+            block
+            w-full
+            shadow-sm
+            sm:text-sm
+            border-2 placeholder:text-gray-800
+            bg-gray-50
+            text-gray-500
+            rounded-md
+            p-2
+          " />
+        <!--  -->
+        <label for="email_address" class="block font-semibold mt-2">
+          {{ $t("e_mail_adress") }}
+          <span class="font-bold">*</span>
+        </label>
+        <input v-model="userdetails.mail" name="email_address" id="email_address" autocomplete="off"
+          :placeholder="[[$t('ihre_e_mail_adresse')]]" type="email" :class="{
+            '': !isEmail(userdetails.mail),
+            'border-green-300': isEmail(userdetails.mail),
+          }" class="
+            dark:bg-gray-800
+            block
+            w-full
+            shadow-sm
+            sm:text-sm
+            border-2 placeholder:text-gray-800
+            bg-gray-50
+            text-gray-500
+            rounded-md
+            p-2
+          " />
+        <p v-if="userdetails.mail !== '' && !isEmail(userdetails.mail)" class="text-sm">
+          {{ $t("please_provide_valid_mail") }}
+        </p>
+        <!--  -->
+        <label for="phone" class="block font-semibold mt-2">{{
+          $t("phone_number")
+        }}</label>
+        <div v-if="userdetails.phone !== '' && !userdetails.phone.includes('+')"
+          class="bg-blue-100 border border-blue-200 text-black rounded-lg p-4 mb-1" role="alert" tabindex="-1"
+          aria-labelledby="hs-actions-label">
+          <div class="flex">
+            <div class="shrink-0">
+              <svg class="shrink-0 size-4 mt-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                stroke-linejoin="round">
+                <circle cx="12" cy="12" r="10"></circle>
+                <path d="M12 16v-4"></path>
+                <path d="M12 8h.01"></path>
+              </svg>
+            </div>
+            <div class="ms-3">
+              <h3 id="hs-actions-label" class="font-semibold">
+                {{ $t('hinweis') }}
+              </h3>
+              <div class="mt-2 text-sm text-gray-800 font-medium">
+                {{ $t('registration_local_phone_nr') }}
+              </div>
+            </div>
+          </div>
+        </div>
+        <input v-model="userdetails.phone" name="phone" id="phone" autocomplete="off"
+          :placeholder="[[$t('geben_sie_ihre_handynummer_an')]]" type="text" :class="{
+            '':
+              userdetails.phone === '',
+            'border-red-300':
+              !isPhoneOkay(),
+          }" class="
+            dark:bg-gray-800
+            block
+            w-full
+            shadow-sm
+            sm:text-sm
+            border-2 placeholder:text-gray-800
+            bg-gray-50
+            text-gray-500
+            rounded-md
+            p-2
+          " />
+        <p v-if="!isPhoneOkay()" class="text-sm">
+          {{ $t("this_is_not_a_valid_international_phone_number") }}
+        </p>
+        <!--  -->
+        <div class="grid grid-cols-6 mt-6">
+          <div class="col-span-6"></div>
+          <div class="flex items-start col-span-6">
+            <div class="flex items-center h-5">
+              <input v-model="provide_address" id="address_activated" name="address_activated" type="checkbox"
+                class="h-4 w-4 text-indigo-600 border-gray-300 rounded" />
+            </div>
+            <div class="ml-3 text-sm">
+              <label for="address_activated" class="font-medium text-gray-600 select-none">{{ $t("provide_address")
+              }}</label>
+            </div>
+          </div>
+          <div v-if="provide_address === true" class="col-span-6">
+            <div class="col-span-6">
+              <label for="street" class="block font-semibold mt-2">
+                {{ $t("strasse") }}
+                <span class="font-bold">*</span>
+              </label>
+              <input v-model="userdetails.address.street" type="text" name="street" :placeholder="[[$t('strasse')]]"
+                id="street" autocomplete="street-address" :class="{
+                  'border-red-500': !userdetails.address.street.trim(),
+                  'border-green-300': userdetails.address.street.trim(),
+                }" class="
+                  dark:bg-gray-800
+                  block
+                  w-full
+                  shadow-sm
+                  sm:text-sm
+                  border-2 placeholder:text-gray-800
+                  bg-gray-50
+                  text-gray-500
+                  rounded-md
+                  p-2
+                " />
+            </div>
+            <div class="col-span-6">
+              <label for="address2" class="block font-semibold mt-2">{{
+                $t("apartment_suite_etc")
+              }}</label>
+              <input v-model="userdetails.address.address2" type="text" name="address2"
+                :placeholder="[[$t('apartment_suite_etc')]]" id="address2" autocomplete="street-address" class="
+                  dark:bg-gray-800
+                  block
+                  w-full
+                  shadow-sm
+                  sm:text-sm
+                  border-2 placeholder:text-gray-800
+                  bg-gray-50
+                  text-gray-500
+                  rounded-md
+                  p-2
+                " />
+            </div>
+            <div class="col-span-6 sm:col-span-6 lg:col-span-2">
+              <label for="city" class="block font-semibold mt-2">
+                {{ $t("ort") }}
+                <span class="font-bold">*</span>
+              </label>
+              <input v-model="userdetails.address.city" type="text" name="city" :placeholder="[[$t('ort')]]" id="city"
+                :class="{
+                  'border-red-500': !userdetails.address.city.trim(),
+                  'border-green-300': userdetails.address.city.trim(),
+                }" class="
+                  dark:bg-gray-800
+                  block
+                  w-full
+                  shadow-sm
+                  sm:text-sm
+                  border-2 placeholder:text-gray-800
+                  bg-gray-50
+                  text-gray-500
+                  rounded-md
+                  p-2
+                " />
+            </div>
+            <div class="col-span-6 sm:col-span-3 lg:col-span-2">
+              <label for="postal_code" class="block font-semibold mt-2">
+                {{ $t("plz") }}
+                <span class="font-bold">*</span>
+              </label>
+              <input v-model="userdetails.address.zipcode" type="text" name="postal_code" :placeholder="[[$t('plz')]]"
+                id="postal_code" autocomplete="postal-code" :class="{
+                  'border-red-500': !isPostalCode(
+                    userdetails.address.zipcode,
+                    'DE'
+                  ),
+                  'border-green-300': isPostalCode(
+                    userdetails.address.zipcode,
+                    'DE'
+                  ),
+                }" class="
+                  dark:bg-gray-800
+                  block
+                  w-full
+                  shadow-sm
+                  sm:text-sm
+                  border-2 placeholder:text-gray-800
+                  bg-gray-50
+                  text-gray-500
+                  rounded-md
+                  p-2
+                " />
+            </div>
+            <p v-if="!isPostalCode(userdetails.address.zipcode, 'DE')" class="text-sm">
+              {{ $t("please_provide_a_valid_zipcode") }}
+            </p>
+          </div>
+        </div>
+        <div class="flex items-start mt-6">
+          <div class="flex items-center h-5">
+            <input v-model="agb_accepted" id="agb_accepted" name="agb_accepted" type="checkbox"
+              class="h-4 w-4 text-indigo-600 border-gray-300 rounded" />
+          </div>
+          <div class="ml-3 text-sm">
+            <label for="agb_accepted" class="font-medium text-gray-600 select-none">
+              {{ $t("i_accept", { tos: $t("privacy_policy") }) }}
+              <a target="_blank" rel="noreferrer,noopener" href="https://lauf-fuer-kaya.de/datenschutz/"
+                class="underline">{{ $t("privacy_policy") }}</a>
+              {{ $t("i_accept_end") }}
+              <span class="font-bold">*</span>
+            </label>
+          </div>
+        </div>
+        <div class="flex items-start mt-6">
+          <div class="flex items-center h-5">
+            <input v-model="data_confirmed" id="data_confirmed" name="data_confirmed" type="checkbox"
+              class="h-4 w-4 text-indigo-600 border-gray-300 rounded" />
+          </div>
+          <div class="ml-3 text-sm">
+            <label for="data_confirmed" class="font-medium text-gray-600 select-none">
+              {{ $t("confirm_personal_data") }}
+              <span class="font-bold">*</span>
+            </label>
+          </div>
+        </div>
+        <div class="mt-6">
+          <button @click="login" :disabled="!state.submit_enabled" :class="{
+            'opacity-50': !state.submit_enabled,
+            'cursor-not-allowed': !state.submit_enabled,
+          }" class="
+              text-white
+              block
+              w-full
+              text-center
+              py-2
+              px-3
+              border-2 placeholder:text-gray-800 border-gray-300
+              rounded-md
+              p-1
+              bg-blue-800
+              font-medium
+              not-disabled:hover:border-gray-400
+              not-disabled:hover:bg-blue-600
+              not-disabled:cursor-pointer
+              not-disabled:focus:outline-none focus:border-gray-400
+              sm:text-sm
+            ">
+            {{ $t("registrieren") }}
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="p-8">
+    <Footer />
+  </div>
+</template>
+
+<script setup>
+import Footer from "@/components/Footer.vue";
+import { runnerSelfServiceControllerGetSelfserviceOrg, runnerSelfServiceControllerRegisterOrganizationRunner, runnerSelfServiceControllerRegisterRunner } from "@odit/lfk-client";
+import isEmail from "validator/es/lib/isEmail";
+import isMobilePhone from "validator/es/lib/isMobilePhone";
+import isPostalCode from "validator/es/lib/isPostalCode";
+import { computed, reactive, ref } from "vue";
+import { useI18n } from 'vue-i18n';
+import { TYPE, useToast } from "vue-toastification";
+const { t } = useI18n()
+const props = defineProps({
+  token: String,
+});
+if (props.token) {
+  runnerSelfServiceControllerGetSelfserviceOrg({ path: { token: props.token } }).then(({ data }) => {
+    state.org_name = data.name;
+    state.org_teams = data.teams;
+    org_team.value = data.teams[0]?.id;
+  })
+    .catch((error) => {
+      console.log(error);
+    });
+}
+
+let userdetails = ref({
+  firstname: "",
+  lastname: "",
+  middlename: "",
+  mail: "",
+  phone: "",
+  address: { street: "", address2: "", city: "", zipcode: "" },
+});
+function formatPhoneNumber(phoneNumber, countryCode = "+49") {
+  // Remove all non-digit characters
+  const cleanedNumber = phoneNumber.replace(/\D/g, "");
+
+  // Check if the number starts with the country code
+  if (cleanedNumber.startsWith(countryCode.replace("+", ""))) {
+    return "+" + cleanedNumber; // already international
+  }
+
+  // Check if the number starts with 0
+  if (cleanedNumber.startsWith("0")) {
+    return countryCode + cleanedNumber.slice(1);
+  }
+
+  // If it doesn't start with 0 or the country code, assume it's a local number.
+  // In this case, prepend the country code.
+  return countryCode + cleanedNumber;
+}
+function isPhoneOkay() {
+  if (userdetails.value.phone === "") {
+    return true
+  }
+  const formattedNumber = formatPhoneNumber(userdetails.value.phone)
+  if (isMobilePhone(formattedNumber)) {
+    return true
+  }
+  return false
+}
+let provide_address = ref(false);
+let agb_accepted = ref(false);
+let data_confirmed = ref(false);
+let org_team = ref("");
+let registrationState = ref("pending");
+//
+const state = reactive({
+  org_name: "",
+  org_teams: [],
+  submit_enabled: computed(
+    () =>
+      agb_accepted.value === true &&
+      data_confirmed.value === true &&
+      isPhoneOkay() &&
+      isEmail(userdetails.value.mail) &&
+      userdetails.value.firstname &&
+      userdetails.value.lastname &&
+      (provide_address.value === false ||
+        (provide_address.value === true &&
+          userdetails.value.address.street.trim() &&
+          userdetails.value.address.city.trim() &&
+          isPostalCode(userdetails.value.address.zipcode, "DE")))
+  ),
+});
+const toast = useToast();
+function login() {
+  // userdetails = userdetails.value;
+  if (isPhoneOkay()) {
+    if (isEmail(userdetails.value.mail)) {
+      let postdata = {
+        email: userdetails.value.mail,
+        firstname: userdetails.value.firstname,
+        middlename: userdetails.value.middlename,
+        lastname: userdetails.value.lastname,
+        address: {},
+      };
+      if (userdetails.value.phone !== "") {
+        postdata.phone = formatPhoneNumber(userdetails.value.phone)
+      }
+      if (provide_address.value === true) {
+        postdata.address = {
+          address1: userdetails.value.address.street,
+          address2: userdetails.value.address.address2 || "",
+          city: userdetails.value.address.city,
+          postalcode: userdetails.value.address.zipcode,
+          country: "DE",
+        };
+      }
+      if (state.org_name !== "" && state.org_teams.length > 0) {
+        postdata.team = org_team.value;
+      }
+      toast(t('registration_running'));
+      const browserlocale = (
+        (navigator.languages && navigator.languages[0]) ||
+        ""
+      ).substr(0, 2);
+      registrationState.value = "loading";
+      if (props.token) {
+        runnerSelfServiceControllerRegisterOrganizationRunner({ path: { token: props.token }, body: postdata, query: { locale: browserlocale } })
+          .then(() => {
+            registrationState.value = "registered";
+          })
+          .catch((error) => {
+            console.log(error);
+            if (error.data.message === "E-Mail already registered") {
+              toast(t('already_registered'), { type: TYPE.ERROR });
+            } else if (error.data.message === "Invalid body, check 'errors' property for more info.") {
+              error.data.errors.forEach(e => {
+                if (e.property === "phone") {
+                  toast(t('invalid_input_phone_number_should_be_international_format'), { type: TYPE.ERROR });
+                }
+              });
+            }
+          });
+      } else {
+        runnerSelfServiceControllerRegisterRunner({ body: postdata, query: { locale: browserlocale } })
+          .then(() => {
+            registrationState.value = "registered";
+          })
+          .catch((error) => {
+            console.log(error);
+            if (error.data.message === "E-Mail already registered") {
+              toast(t('already_registered'), { type: TYPE.ERROR });
+            } else if (error.data.message === "Invalid body, check 'errors' property for more info.") {
+              error.data.errors.forEach(e => {
+                if (e.property === "phone") {
+                  toast(t('invalid_input_phone_number_should_be_international_format'), { type: TYPE.ERROR });
+                }
+              });
+            }
+          });
+      }
+    }
+  }
+}
+</script>

tailwind.config.js

@@ -1,11 +0,0 @@
-module.exports = {
-  purge: [],
-  darkMode: "media", // or 'media' or 'class'
-  theme: {
-    extend: {},
-  },
-  variants: {
-    extend: {},
-  },
-  plugins: [],
-}

vite.config.js

@@ -1,9 +1,15 @@
-import vue from '@vitejs/plugin-vue';
-import WindiCSS from 'vite-plugin-windicss';
+import { fileURLToPath, URL } from "node:url";
 
-/**
- * @type {import('vite').UserConfig}
- */
-export default {
-	plugins: [ vue(), WindiCSS() ]
-};
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import tailwindcss from "@tailwindcss/vite";
+import vueDevTools from "vite-plugin-vue-devtools";
+
+export default defineConfig({
+	plugins: [vue(), vueDevTools(), tailwindcss()],
+	resolve: {
+		alias: {
+			"@": fileURLToPath(new URL("./src", import.meta.url)),
+		},
+	},
+});