Add tailwind fonts and colours

package-lock.json

@@ -9,6 +9,7 @@
       "version": "0.0.0",
       "dependencies": {
         "@sendgrid/mail": "^7.4.4",
+        "app-root-path": "^3.0.0",
         "autoprefixer": "^10.3.4",
         "axios": "^0.21.2",
         "cookie-parser": "^1.4.5",
@@ -371,6 +372,14 @@
         "node": ">= 8"
       }
     },
+    "node_modules/app-root-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/app-root-path/-/app-root-path-3.0.0.tgz",
+      "integrity": "sha512-qMcx+Gy2UZynHjOHOIXPNvpf+9cjvk3cWrBBK7zg4gH9+clobJRb9NGzcT7mQTcV/6Gm/1WelUtqxVXnNlrwcw==",
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
     "node_modules/arg": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.1.tgz",
@@ -4103,6 +4112,11 @@
         "picomatch": "^2.0.4"
       }
     },
+    "app-root-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/app-root-path/-/app-root-path-3.0.0.tgz",
+      "integrity": "sha512-qMcx+Gy2UZynHjOHOIXPNvpf+9cjvk3cWrBBK7zg4gH9+clobJRb9NGzcT7mQTcV/6Gm/1WelUtqxVXnNlrwcw=="
+    },
     "arg": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.1.tgz",

package.json

@@ -4,7 +4,9 @@
   "private": true,
   "watch": {
     "build-tail": {
-      "patterns": ["../views"],
+      "patterns": [
+        "views/"
+      ],
       "extensions": "pug"
     }
   },
@@ -16,6 +18,7 @@
   },
   "dependencies": {
     "@sendgrid/mail": "^7.4.4",
+    "app-root-path": "^3.0.0",
     "autoprefixer": "^10.3.4",
     "axios": "^0.21.2",
     "cookie-parser": "^1.4.5",

src/tailwind.css

@@ -1,3 +1,19 @@
 @tailwind base;
 @tailwind components;
+
+@font-face {
+    font-family: 'Titling Gothic FB';
+    src: url("../fonts/TITLINGGOTHICFB-WIDE.OTF") format('opentype')
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: url("../fonts/Gilroy-ExtraBold.otf") format('opentype')
+}
+
+@font-face {
+    font-family: 'Apercu Mono';
+    src: url("../fonts/ApercuMono.ttf") format('truetype');
+}
+
 @tailwind utilities;

tailwind.config.js

@@ -1,9 +1,28 @@
 module.exports = {
   mode: "jit",
-  purge: ['../views/*.pug'],
+  purge: ['views/*.pug'],
   darkMode: false, // or 'media' or 'class'
   theme: {
-    extend: {},
+    extend: {
+      fontFamily: {
+        'extra': ['"Titling Gothic FB"'],
+        'sans': ['Gilroy'],
+        'mono': ['"Apercu Mono"'],
+      },
+      colors: {
+        transparent: 'transparent',
+        current: 'currentColor',
+        black: {
+          DEFAULT: '#002234',
+        },
+        pink: {
+          DEFAULT: '#CC7A98',
+        },
+        green: {
+          DEFAULT: '#CDE7B0',
+        }
+      }
+    },
   },
   variants: {
     extend: {},