Work in progress

2023-12-09 15:47:03 +01:00
parent f970557b76
commit 1f853e8178
315 changed files with 34058 additions and 25 deletions
--- a/client/scss/app.scss
+++ b/client/scss/app.scss
@@ -0,0 +1,58 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@import 'fonts';
+
+body.dark * {
+  @apply border-gray-600
+}
+
+* {
+  font-family: GeneralSans, sans-serif !important;
+}
+
+#app {
+   @apply min-h-screen;
+}
+
+@layer base {
+
+  :root {
+    --bg-form-color: #2563eb;
+  }
+
+  p, div {
+    @apply text-gray-900 dark:text-white;
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    @apply text-gray-900 dark:text-white;
+  }
+
+  h1 {
+    @apply text-3xl sm:text-4xl font-semibold;
+  }
+
+  h2 {
+    @apply text-3xl font-semibold;
+  }
+
+  a {
+    @apply text-blue-600 hover:underline;
+  }
+}
+
+.bg-white {
+  @apply dark:bg-notion-dark;
+}
+
+.bg-gray-50 {
+  @apply dark:bg-notion-dark-light;
+}
+
+.field-help {
+  p {
+    @apply text-gray-400 dark:text-gray-500;
+  }
+}
--- a/client/scss/fonts.scss
+++ b/client/scss/fonts.scss
@@ -0,0 +1,202 @@
+/**
+ * @license
+ *
+ * Font Family: General Sans
+ * Designed by: Frode Helland
+ * URL: https://www.fontshare.com/fonts/general-sans/general-sans
+ * © 2022 Indian Type Foundry
+ *
+ * Font Styles:
+ * General Sans Variable(Variable font)
+ * General Sans Variable Italic(Variable font)
+ * General Sans Extralight
+ * General Sans Extralight Italic
+ * General Sans Light
+ * General Sans Light Italic
+ * General Sans Regular
+ * General Sans Italic
+ * General Sans Medium
+ * General Sans Medium Italic
+ * General Sans Semibold
+ * General Sans Semibold Italic
+ * General Sans Bold
+ * General Sans Bold Italic
+ *
+*/
+
+
+/**
+* This is a variable font
+* You can controll variable axes as shown below:
+* font-variation-settings: 'wght' 700.0;
+*
+* available axes:
+
+* 'wght' (range from 200.0 to 700.0)
+
+*/
+
+@font-face {
+  font-family: 'GeneralSans-Variable';
+  src: url('/fonts/general-sans/GeneralSans-Variable.woff2') format('woff2'),
+  url('/fonts/general-sans/GeneralSans-Variable.woff') format('woff'),
+  url('/fonts/general-sans/GeneralSans-Variable.ttf') format('truetype');
+  font-weight: 200 700;
+  font-display: swap;
+  font-style: normal;
+}
+
+
+/**
+* This is a variable font
+* You can controll variable axes as shown below:
+* font-variation-settings: 'wght' 700.0;
+*
+* available axes:
+
+* 'wght' (range from 200.0 to 700.0)
+
+*/
+
+@font-face {
+  font-family: 'GeneralSans';
+  src: url('/fonts/general-sans/GeneralSans-VariableItalic.woff2') format('woff2'),
+  url('/fonts/general-sans/GeneralSans-VariableItalic.woff') format('woff'),
+  url('/fonts/general-sans/GeneralSans-VariableItalic.ttf') format('truetype');
+  font-weight: 200 700;
+  font-display: swap;
+  font-style: italic;
+}
+
+
+@font-face {
+  font-family: 'GeneralSans';
+  src: url('/fonts/general-sans/GeneralSans-Extralight.woff2') format('woff2'),
+  url('/fonts/general-sans/GeneralSans-Extralight.woff') format('woff'),
+  url('/fonts/general-sans/GeneralSans-Extralight.ttf') format('truetype');
+  font-weight: 200;
+  font-display: swap;
+  font-style: normal;
+}
+
+
+@font-face {
+  font-family: 'GeneralSans';
+  src: url('/fonts/general-sans/GeneralSans-ExtralightItalic.woff2') format('woff2'),
+  url('/fonts/general-sans/GeneralSans-ExtralightItalic.woff') format('woff'),
+  url('/fonts/general-sans/GeneralSans-ExtralightItalic.ttf') format('truetype');
+  font-weight: 200;
+  font-display: swap;
+  font-style: italic;
+}
+
+
+@font-face {
+  font-family: 'GeneralSans';
+  src: url('/fonts/general-sans/GeneralSans-Light.woff2') format('woff2'),
+  url('/fonts/general-sans/GeneralSans-Light.woff') format('woff'),
+  url('/fonts/general-sans/GeneralSans-Light.ttf') format('truetype');
+  font-weight: 300;
+  font-display: swap;
+  font-style: normal;
+}
+
+
+@font-face {
+  font-family: 'GeneralSans';
+  src: url('/fonts/general-sans/GeneralSans-LightItalic.woff2') format('woff2'),
+  url('/fonts/general-sans/GeneralSans-LightItalic.woff') format('woff'),
+  url('/fonts/general-sans/GeneralSans-LightItalic.ttf') format('truetype');
+  font-weight: 300;
+  font-display: swap;
+  font-style: italic;
+}
+
+
+@font-face {
+  font-family: 'GeneralSans';
+  src: url('/fonts/general-sans/GeneralSans-Regular.woff2') format('woff2'),
+  url('/fonts/general-sans/GeneralSans-Regular.woff') format('woff'),
+  url('/fonts/general-sans/GeneralSans-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-display: swap;
+  font-style: normal;
+}
+
+
+@font-face {
+  font-family: 'GeneralSans';
+  src: url('/fonts/general-sans/GeneralSans-Italic.woff2') format('woff2'),
+  url('/fonts/general-sans/GeneralSans-Italic.woff') format('woff'),
+  url('/fonts/general-sans/GeneralSans-Italic.ttf') format('truetype');
+  font-weight: 400;
+  font-display: swap;
+  font-style: italic;
+}
+
+
+@font-face {
+  font-family: 'GeneralSans';
+  src: url('/fonts/general-sans/GeneralSans-Medium.woff2') format('woff2'),
+  url('/fonts/general-sans/GeneralSans-Medium.woff') format('woff'),
+  url('/fonts/general-sans/GeneralSans-Medium.ttf') format('truetype');
+  font-weight: 500;
+  font-display: swap;
+  font-style: normal;
+}
+
+
+@font-face {
+  font-family: 'GeneralSans';
+  src: url('/fonts/general-sans/GeneralSans-MediumItalic.woff2') format('woff2'),
+  url('/fonts/general-sans/GeneralSans-MediumItalic.woff') format('woff'),
+  url('/fonts/general-sans/GeneralSans-MediumItalic.ttf') format('truetype');
+  font-weight: 500;
+  font-display: swap;
+  font-style: italic;
+}
+
+
+@font-face {
+  font-family: 'GeneralSans';
+  src: url('/fonts/general-sans/GeneralSans-Semibold.woff2') format('woff2'),
+  url('/fonts/general-sans/GeneralSans-Semibold.woff') format('woff'),
+  url('/fonts/general-sans/GeneralSans-Semibold.ttf') format('truetype');
+  font-weight: 600;
+  font-display: swap;
+  font-style: normal;
+}
+
+
+@font-face {
+  font-family: 'GeneralSans';
+  src: url('/fonts/general-sans/GeneralSans-SemiboldItalic.woff2') format('woff2'),
+  url('/fonts/general-sans/GeneralSans-SemiboldItalic.woff') format('woff'),
+  url('/fonts/general-sans/GeneralSans-SemiboldItalic.ttf') format('truetype');
+  font-weight: 600;
+  font-display: swap;
+  font-style: italic;
+}
+
+
+@font-face {
+  font-family: 'GeneralSans';
+  src: url('/fonts/general-sans/GeneralSans-Bold.woff2') format('woff2'),
+  url('/fonts/general-sans/GeneralSans-Bold.woff') format('woff'),
+  url('/fonts/general-sans/GeneralSans-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-display: swap;
+  font-style: normal;
+}
+
+
+@font-face {
+  font-family: 'GeneralSans';
+  src: url('/fonts/general-sans/GeneralSans-BoldItalic.woff2') format('woff2'),
+  url('/fonts/general-sans/GeneralSans-BoldItalic.woff') format('woff'),
+  url('/fonts/general-sans/GeneralSans-BoldItalic.ttf') format('truetype');
+  font-weight: 700;
+  font-display: swap;
+  font-style: italic;
+}
+