From af9a168f587768d8b1af8990729e743481ba687d Mon Sep 17 00:00:00 2001 From: Philipp Dormann Date: Mon, 2 Dec 2024 11:12:00 +0100 Subject: [PATCH] feat: lfk font --- package.json | 5 +++-- pnpm-lock.yaml | 20 ++++++++++++++------ src/main.js | 8 ++++++++ src/views/Home.vue | 17 +++++++---------- 4 files changed, 32 insertions(+), 18 deletions(-) diff --git a/package.json b/package.json index 6b50eac..d6c1d55 100644 --- a/package.json +++ b/package.json @@ -9,9 +9,12 @@ "postbuild": "node env_fix.js" }, "dependencies": { + "@fontsource/athiti": "^5.1.0", + "@tailwindcss/vite": "4.0.0-beta.4", "bwip-js": "3.2.2", "marked": "2.0.3", "redaxios": "0.5.1", + "tailwindcss": "4.0.0-beta.4", "toastify-js": "1.12.0", "validator": "13.12.0", "vue": "3.5.13", @@ -20,11 +23,9 @@ "vue-toastification": "2.0.0-rc.1" }, "devDependencies": { - "@tailwindcss/vite": "4.0.0-beta.4", "@vitejs/plugin-vue": "5.2.1", "autoprefixer": "10.4.20", "release-it": "17.10.0", - "tailwindcss": "4.0.0-beta.4", "vite": "6.0.2", "vite-plugin-vue-devtools": "^7.6.7" }, diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 27a5e13..17ffb32 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -8,6 +8,12 @@ importers: .: dependencies: + '@fontsource/athiti': + specifier: ^5.1.0 + version: 5.1.0 + '@tailwindcss/vite': + specifier: 4.0.0-beta.4 + version: 4.0.0-beta.4(@babel/core@7.26.0)(postcss-load-config@4.0.2(postcss@8.4.49))(postcss@8.4.49)(svelte@5.3.1)(vite@6.0.2(@types/node@18.11.18)(jiti@2.4.1)(lightningcss@1.28.2)(yaml@2.6.1)) bwip-js: specifier: 3.2.2 version: 3.2.2 @@ -17,6 +23,9 @@ importers: redaxios: specifier: 0.5.1 version: 0.5.1 + tailwindcss: + specifier: 4.0.0-beta.4 + version: 4.0.0-beta.4 toastify-js: specifier: 1.12.0 version: 1.12.0 @@ -36,9 +45,6 @@ importers: specifier: 2.0.0-rc.1 version: 2.0.0-rc.1(vue@3.5.13) devDependencies: - '@tailwindcss/vite': - specifier: 4.0.0-beta.4 - version: 4.0.0-beta.4(@babel/core@7.26.0)(postcss-load-config@4.0.2(postcss@8.4.49))(postcss@8.4.49)(svelte@5.3.1)(vite@6.0.2(@types/node@18.11.18)(jiti@2.4.1)(lightningcss@1.28.2)(yaml@2.6.1)) '@vitejs/plugin-vue': specifier: 5.2.1 version: 5.2.1(vite@6.0.2(@types/node@18.11.18)(jiti@2.4.1)(lightningcss@1.28.2)(yaml@2.6.1))(vue@3.5.13) @@ -48,9 +54,6 @@ importers: release-it: specifier: 17.10.0 version: 17.10.0 - tailwindcss: - specifier: 4.0.0-beta.4 - version: 4.0.0-beta.4 vite: specifier: 6.0.2 version: 6.0.2(@types/node@18.11.18)(jiti@2.4.1)(lightningcss@1.28.2)(yaml@2.6.1) @@ -347,6 +350,9 @@ packages: cpu: [x64] os: [win32] + '@fontsource/athiti@5.1.0': + resolution: {integrity: sha512-iQsMj7twMf8bmqW0zBOQX6S3oYdRjjgoGO9JOtLPd9T0pzQ1zxGQmp2eEc3ny/Gd5PDRSmn8E5CNwSjUVl0raA==} + '@iarna/toml@2.2.5': resolution: {integrity: sha512-trnsAYxU3xnS1gPHPyU961coFyLkh4gAD/0zQ5mymY4yOZ+CYvsPqUbOFSw0aDM4y0tV7tiFxL/1XfXPNC6IPg==} @@ -2476,6 +2482,8 @@ snapshots: '@esbuild/win32-x64@0.24.0': optional: true + '@fontsource/athiti@5.1.0': {} + '@iarna/toml@2.2.5': {} '@inquirer/figures@1.0.8': {} diff --git a/src/main.js b/src/main.js index 792b9b6..ca670c1 100644 --- a/src/main.js +++ b/src/main.js @@ -2,6 +2,14 @@ import { createApp } from 'vue'; import './tailwind.css'; import 'toastify-js/src/toastify.css'; import 'vue-toastification/dist/index.css'; +// 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'; diff --git a/src/views/Home.vue b/src/views/Home.vue index a73fe5f..1b18e7b 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -4,19 +4,16 @@

Lauf Für Kaya!

+ class="mb-6 text-4xl font-extrabold leading-none tracking-normal text-white md:text-6xl md:tracking-tight font-[Athiti] font-bold"> + Lauf Für Kaya!
2025

Selfservice Portal

{{ $t('main_page_text') }}

- {{ $t('register_now') }} - {{ $t('view_my_data') }} + {{ $t('register_now') }} + {{ + $t('view_my_data') }}