From 391186d01f3b96638a3569dc2843bf181dc3f02c Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Tue, 18 Mar 2025 00:46:10 +0100
Subject: [PATCH] feat: athiti font

---
 package.json                                    | 1 +
 pnpm-lock.yaml                                  | 8 ++++++++
 src/components/cards/Cards.svelte               | 2 +-
 src/components/contacts/Contacts.svelte         | 2 +-
 src/components/dashboard/MainDashContent.svelte | 2 +-
 src/components/donations/Donations.svelte       | 2 +-
 src/components/donors/Donors.svelte             | 2 +-
 src/components/general/About.svelte             | 4 ++--
 src/components/groups/Groups.svelte             | 2 +-
 src/components/orgs/Orgs.svelte                 | 2 +-
 src/components/runners/Runners.svelte           | 2 +-
 src/components/scans/Scans.svelte               | 2 +-
 src/components/scanstations/ScanStations.svelte | 2 +-
 src/components/statsclients/StatsClients.svelte | 2 +-
 src/components/teams/Teams.svelte               | 2 +-
 src/components/tracks/TracksOverview.svelte     | 2 +-
 src/components/users/Users.svelte               | 2 +-
 src/main.js                                     | 6 ++++++
 src/style.css                                   | 3 +++
 19 files changed, 34 insertions(+), 16 deletions(-)

diff --git a/package.json b/package.json
index ad1966d9..c3314020 100644
--- a/package.json
+++ b/package.json
@@ -42,6 +42,7 @@
     }
   },
   "dependencies": {
+    "@fontsource/athiti": "^5.2.5",
     "@odit/lfk-client-js": "1.1.3",
     "@paralleldrive/cuid2": "2.2.2",
     "@tanstack/svelte-table": "8.9.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 40aa334d..d069ff73 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,6 +8,9 @@ importers:
 
   .:
     dependencies:
+      '@fontsource/athiti':
+        specifier: ^5.2.5
+        version: 5.2.5
       '@odit/lfk-client-js':
         specifier: 1.1.3
         version: 1.1.3
@@ -231,6 +234,9 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@fontsource/athiti@5.2.5':
+    resolution: {integrity: sha512-vHoAKBBw+wI4y3bGOkiogOkgcoLH7+SWtNNo/nBQ1XfhvfRPX/91xGtclEdwqUlbOJTCkNzEecdKChJQ5MsDFg==}
+
   '@formatjs/ecma402-abstract@1.11.4':
     resolution: {integrity: sha512-EBikYFp2JCdIfGEb5G9dyCkTGDmC57KSHhRQOC3aYxoPWVZvfWCDjZwkGYHN7Lis/fmuWl906bnNTJifDQ3sXw==}
 
@@ -2024,6 +2030,8 @@ snapshots:
   '@esbuild/win32-x64@0.17.16':
     optional: true
 
+  '@fontsource/athiti@5.2.5': {}
+
   '@formatjs/ecma402-abstract@1.11.4':
     dependencies:
       '@formatjs/intl-localematcher': 0.2.25
diff --git a/src/components/cards/Cards.svelte b/src/components/cards/Cards.svelte
index 84f9378f..8ea03d65 100644
--- a/src/components/cards/Cards.svelte
+++ b/src/components/cards/Cards.svelte
@@ -11,7 +11,7 @@
 </script>
 
 <section class="container p-5">
-  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight">
     {$_("cards")}
   </h4>
   {#if store.state.jwtinfo.userdetails.permissions.includes("CARD:CREATE")}
diff --git a/src/components/contacts/Contacts.svelte b/src/components/contacts/Contacts.svelte
index 123bda22..093f06fa 100644
--- a/src/components/contacts/Contacts.svelte
+++ b/src/components/contacts/Contacts.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <section class="container p-5">
-  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight">
     {$_("contacts")}
   </h4>
   {#if store.state.jwtinfo.userdetails.permissions.includes("CONTACT:CREATE")}
diff --git a/src/components/dashboard/MainDashContent.svelte b/src/components/dashboard/MainDashContent.svelte
index 4e9007a2..42db7647 100644
--- a/src/components/dashboard/MainDashContent.svelte
+++ b/src/components/dashboard/MainDashContent.svelte
@@ -7,7 +7,7 @@
 </script>
 
 <div class="p-2 md:p-5 overflow-x-hidden">
-  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight">
     {$_("dashboard-greeting")} <span class="text-blue-500"
       >{store.state.jwtinfo.userdetails.firstname}
       {store.state.jwtinfo.userdetails.lastname}</span
diff --git a/src/components/donations/Donations.svelte b/src/components/donations/Donations.svelte
index ad317325..e0b49d01 100644
--- a/src/components/donations/Donations.svelte
+++ b/src/components/donations/Donations.svelte
@@ -9,7 +9,7 @@
 </script>
 
 <section class="container p-5">
-  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight">
     {$_("donations")}
   </h4>
   {#if store.state.jwtinfo.userdetails.permissions.includes("DONATION:CREATE")}
diff --git a/src/components/donors/Donors.svelte b/src/components/donors/Donors.svelte
index 42958373..9442c46e 100644
--- a/src/components/donors/Donors.svelte
+++ b/src/components/donors/Donors.svelte
@@ -9,7 +9,7 @@
 </script>
 
 <section class="container p-5">
-  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight">
     {$_("donors")}
   </h4>
   {#if store.state.jwtinfo.userdetails.permissions.includes("DONOR:CREATE")}
diff --git a/src/components/general/About.svelte b/src/components/general/About.svelte
index 2b61fbb5..ebd7840a 100644
--- a/src/components/general/About.svelte
+++ b/src/components/general/About.svelte
@@ -97,7 +97,7 @@
 {/if}
 <!-- /// -->
 <section class="container p-5">
-	<h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
+	<h4 class="mb-1 text-3xl font-extrabold leading-tight">
 		{$_("about")}
 	</h4>
 	<p class="mt-2 mb-2">
@@ -109,7 +109,7 @@
 		<br />
 		<span>{$_("lfk-is-os")}</span>
 	</p>
-	<h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
+	<h4 class="mb-1 text-3xl font-extrabold leading-tight">
 		{$_("credits")}
 	</h4>
 	<p class="text-left">{$_("oss_credit_description")}</p>
diff --git a/src/components/groups/Groups.svelte b/src/components/groups/Groups.svelte
index 47a5be37..20538462 100644
--- a/src/components/groups/Groups.svelte
+++ b/src/components/groups/Groups.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <section class="container p-5">
-  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight">
     {$_("user-groups")}
   </h4>
   {#if store.state.jwtinfo.userdetails.permissions.includes("USERGROUP:CREATE")}
diff --git a/src/components/orgs/Orgs.svelte b/src/components/orgs/Orgs.svelte
index 03df2039..374c7132 100644
--- a/src/components/orgs/Orgs.svelte
+++ b/src/components/orgs/Orgs.svelte
@@ -10,7 +10,7 @@
 </script>
 
 <section class="container p-5">
-  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight">
     {$_("organizations")}
   </h4>
   {#if store.state.jwtinfo.userdetails.permissions.includes("ORGANIZATION:CREATE")}
diff --git a/src/components/runners/Runners.svelte b/src/components/runners/Runners.svelte
index b66f02d5..cb58582f 100644
--- a/src/components/runners/Runners.svelte
+++ b/src/components/runners/Runners.svelte
@@ -11,7 +11,7 @@
 </script>
 
 <section class="container p-5">
-  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight">
     {$_("runners")}
   </h4>
   {#if store.state.jwtinfo.userdetails.permissions.includes("RUNNER:CREATE")}
diff --git a/src/components/scans/Scans.svelte b/src/components/scans/Scans.svelte
index fabaedc8..b1179ddd 100644
--- a/src/components/scans/Scans.svelte
+++ b/src/components/scans/Scans.svelte
@@ -9,7 +9,7 @@
 </script>
 
 <section class="container p-5">
-  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight">
     {$_("scans")}
   </h4>
   {#if store.state.jwtinfo.userdetails.permissions.includes("SCAN:CREATE")}
diff --git a/src/components/scanstations/ScanStations.svelte b/src/components/scanstations/ScanStations.svelte
index fc233786..3f829a1f 100644
--- a/src/components/scanstations/ScanStations.svelte
+++ b/src/components/scanstations/ScanStations.svelte
@@ -24,7 +24,7 @@
 </script>
 
 <section class="container p-5">
-	<h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
+	<h4 class="mb-1 text-3xl font-extrabold leading-tight">
 		{$_("scanstations")}
 	</h4>
 	{#if store.state.jwtinfo.userdetails.permissions.includes("STATION:CREATE")}
diff --git a/src/components/statsclients/StatsClients.svelte b/src/components/statsclients/StatsClients.svelte
index f7bf207f..5e37206a 100644
--- a/src/components/statsclients/StatsClients.svelte
+++ b/src/components/statsclients/StatsClients.svelte
@@ -11,7 +11,7 @@
 </script>
 
 <section class="container p-5">
-	<h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
+	<h4 class="mb-1 text-3xl font-extrabold leading-tight">
 		{$_("statsclients")}
 	</h4>
 	{#if store.state.jwtinfo.userdetails.permissions.includes("STATSCLIENT:CREATE")}
diff --git a/src/components/teams/Teams.svelte b/src/components/teams/Teams.svelte
index 12815a16..2edeecf1 100644
--- a/src/components/teams/Teams.svelte
+++ b/src/components/teams/Teams.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <section class="container p-5">
-  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight">
     {$_("teams")}
   </h4>
   {#if store.state.jwtinfo.userdetails.permissions.includes("TEAM:CREATE")}
diff --git a/src/components/tracks/TracksOverview.svelte b/src/components/tracks/TracksOverview.svelte
index f5ff3ba8..02509321 100644
--- a/src/components/tracks/TracksOverview.svelte
+++ b/src/components/tracks/TracksOverview.svelte
@@ -19,7 +19,7 @@
 </script>
 
 <section class="container p-5">
-  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight">
     {$_("tracks")}
   </h4>
   <button
diff --git a/src/components/users/Users.svelte b/src/components/users/Users.svelte
index 0bff7a78..7292ec0c 100644
--- a/src/components/users/Users.svelte
+++ b/src/components/users/Users.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <section class="container p-5">
-  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight">
     {$_("users")}
   </h4>
   {#if store.state.jwtinfo.userdetails.permissions.includes("USER:CREATE")}
diff --git a/src/main.js b/src/main.js
index fbf5a7a3..e25f1b82 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,5 +1,11 @@
 import "./style.css";
 import App from "./App.svelte";
+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';
 
 const app = new App({
   target: document.body,
diff --git a/src/style.css b/src/style.css
index a463292b..992f1a7d 100644
--- a/src/style.css
+++ b/src/style.css
@@ -4,4 +4,7 @@
     @apply bg-gray-300;
     @apply text-black;
 }
+*{
+    font-family: Athiti;
+}
 @tailwind utilities;