lfk/selfservice
3
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

feat: lfk font

Browse Source
This commit is contained in:
Philipp Dormann
2024-12-02 11:12:00 +01:00
parent f71b01c39a
commit af9a168f58
4 changed files with 32 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
package.json
View File

@@ -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"
},

20
pnpm-lock.yaml generated
View File

@@ -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': {}

8
src/main.js
View File

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

17
src/views/Home.vue
View File

@@ -4,19 +4,16 @@
<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>
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!<br>2025</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">
<a
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"
href="/selfservice/register/"
>{{ $t('register_now') }}</a>
<a
href="/selfservice/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') }}</a>
<a 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"
href="/selfservice/register/">{{ $t('register_now') }}</a>
<a href="/selfservice/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') }}</a>
</div>
</div>
</section>