🎨 general page styles

src/components/About.svelte

@@ -2,17 +2,6 @@
   import { _ } from "svelte-i18n";
 </script>
 
-<style>
-  * {
-    font-family: "Agave", sans-serif;
-  }
-</style>
-
-<svelte:head>
-  <link
-    rel="stylesheet"
-    href="https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/agave.min.css" />
-</svelte:head>
 <div class="pt-12 px-4 sm:px-6 lg:px-8 lg:pt-20 bg-gray-900 pb-12">
   <div class="text-center mb-8">
     <h1

src/components/MainDashContent.svelte

@@ -13,7 +13,7 @@
   }}>
   <!-- <div class="border-4 border-dashed rounded h-96" /> -->
   <h1 class="text-3xl leading-tight">
-    <span class="font-bold">{$_('dashboard-title')}</span><span>
+    <span class="font-extrabold">{$_('dashboard-title')}</span><span>
       -
       {$_('dashboard-greeting')},
       <span

src/components/Orgs.svelte

@@ -2,12 +2,12 @@
   import { _ } from "svelte-i18n";
 </script>
 
-<section class="container py-10 mx-auto sm:px-2">
+<section class="container p-5">
   <span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900">
     Orgs
   </span>
   <p class="mb-8 text-lg text-gray-500">
-    configure the tracks/ min-max lap times
+    add, delete, edit organizations
   </p>
   <nav><a class="underline" href="./1">Org 1</a></nav>
 </section>

src/components/Runners.svelte

@@ -2,7 +2,7 @@
   import { _ } from "svelte-i18n";
 </script>
 
-<section class="container py-10 mx-auto sm:px-2">
+<section class="container p-5">
   <span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900">
     {$_('runners')}
   </span>

src/components/Settings.svelte

@@ -2,22 +2,11 @@
   import { _ } from "svelte-i18n";
 </script>
 
-<style>
-  * {
-    font-family: "Agave", sans-serif;
-  }
-</style>
-
-<svelte:head>
-  <link
-    rel="stylesheet"
-    href="https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/agave.min.css" />
-</svelte:head>
 <div class="pt-12 px-4 sm:px-6 lg:px-8 lg:pt-20 bg-gray-900 pb-12">
   <div class="text-center mb-8">
     <h1
       class="mt-9 font-display text-4xl leading-none font-semibold text-white sm:text-5xl lg:text-6xl">
-      🔨<br />Settings
+      🔨<br />{$_('settings')}
     </h1>
     <p
       class="mt-2 max-w-xl mx-auto text-xl lg:max-w-3xl lg:text-2xl text-gray-300">

src/components/Teams.svelte

@@ -2,7 +2,7 @@
   import { _ } from "svelte-i18n";
 </script>
 
-<section class="container py-10 mx-auto sm:px-2">
+<section class="container p-5">
   <span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900">
     {$_('teams')}
   </span>

src/components/TracksOverview.svelte

@@ -5,7 +5,7 @@
   import Tracks from "./Tracks.svelte";
 </script>
 
-<section class="container py-10 mx-auto sm:px-2">
+<section class="container p-5">
   <span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900">
     Tracks
     <button

src/components/Users.svelte

@@ -2,7 +2,7 @@
   import { _ } from "svelte-i18n";
 </script>
 
-<section class="container py-10 mx-auto sm:px-2">
+<section class="container p-5">
   <span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900">
     {$_('users')}
   </span>

src/locales/en.json

@@ -66,5 +66,6 @@
   "changelog": "Changelog",
   "orgs": "Orgs",
   "users": "Users",
-  "teams": "Teams"
+  "teams": "Teams",
+  "faq": "FAQ"
 }