fix(assets): update build paths

website/assets/esbuild.config.js

@@ -20,7 +20,7 @@ console.log(watch);
 
 esbuild.build({
     entryPoints: ["./js/app.js"],
-    outfile: "../source/build/app.js",
+    outfile: "/app/build/app.js",
     bundle: true,
     minify: minify,
     sourcemap: sourcemap,

website/assets/tailwind.config.js

@@ -1,68 +1,65 @@
-const colors = require('./tools/tailwindcss/colours')
-const defaultTheme = require('tailwindcss/defaultTheme')
-const { fontFamily } = defaultTheme
+const colors = require("./tailwindcss/colours");
+const defaultTheme = require("tailwindcss/defaultTheme");
+const { fontFamily } = defaultTheme;
 
 module.exports = {
-  mode: 'jit',
-  darkMode: 'media',
+  mode: "jit",
+  darkMode: "media",
   important: true,
   purge: {
-    content: [
-      'tools/tailwindcss/safelist-classes.txt',
-      'source/**/*.{md,twig}',
-    ],
+    content: ["./tailwindcss/safelist-classes.txt", "../source/**/*.{md,twig}"],
   },
   theme: {
     outline: {
-      black: '1px solid black',
-      white: '1px solid white'
+      black: "1px solid black",
+      white: "1px solid white",
     },
     extend: {
       typography: (theme) => ({
         DEFAULT: {
           css: {
             p: {
-              lineHeight: 400
-            }
-          }
-        }
+              lineHeight: 400,
+            },
+          },
+        },
       }),
       colors,
       fontFamily: {
         sans: [
-          'Roboto Condensed',
-          'Arial',
-          'Helvetica Neue',
-          'Helvetica',
-          'sans-serif',
+          "Roboto Condensed",
+          "Arial",
+          "Helvetica Neue",
+          "Helvetica",
+          "sans-serif",
         ],
         mono: [
-          'ui-monospace',
-          'SFMono-Regular',
-          'SF Mono',
-          'Consolas',
-          'Liberation Mono',
-          ...fontFamily.mono
-        ]
+          "ui-monospace",
+          "SFMono-Regular",
+          "SF Mono",
+          "Consolas",
+          "Liberation Mono",
+          ...fontFamily.mono,
+        ],
       },
       spacing: {
-        '2px': '2px'
+        "2px": "2px",
       },
       borderWidth: {
-        3: '3px'
+        3: "3px",
       },
       width: {
-        96: '24rem'
-      }
-    }
+        96: "24rem",
+      },
+    },
   },
   corePlugins: {
-    container: false
+    container: false,
   },
   plugins: [
-    require('./tools/tailwindcss/plugins/focus-visible'),
-    require('@tailwindcss/aspect-ratio'),
-    require('@tailwindcss/forms'),
-    require('@tailwindcss/typography')
-  ]
-}
+    require("./tailwindcss/plugins/focus-visible"),
+    require("@tailwindcss/aspect-ratio"),
+    require("@tailwindcss/forms"),
+    require("@tailwindcss/typography"),
+  ],
+};

website/assets/tailwindcss/colours.js

@@ -0,0 +1,13 @@
+let { gray } = require('tailwindcss/colors')
+
+module.exports = {
+  black: '#000',
+  blue: {
+    primary: '#24608A',
+  },
+  current: 'currentColor',
+  gray,
+  inherit: 'inherit',
+  transparent: 'transparent',
+  white: '#fff'
+}

website/assets/tailwindcss/plugins/focus-visible.js

@@ -0,0 +1,9 @@
+const plugin = require('tailwindcss/plugin')
+
+module.exports = plugin(function({ addVariant, e }) {
+  addVariant('focus-visible', ({ modifySelectors, separator }) => {
+    modifySelectors(({ className }) => {
+      return `.${e(`focus-visible${separator}${className}`)}[data-focus-visible-added]`
+    })
+  })
+})

website/assets/tailwindcss/safelist-classes.txt

@@ -0,0 +1,32 @@
+bg-blue-600
+bg-gray-200
+block
+block-opdavies-branding
+border
+border-gray
+border-l-0
+flex
+flex-col
+flex-none
+italic
+my-auto
+p-3
+pl-5
+pr-6
+py-3
+rounded-full
+rounded-l-full
+rounded-r-full
+sm:flex-row
+sm:space-x-4
+sm:space-y-0
+space-x-3
+space-y-3
+space-y-4
+text-center
+text-sm
+text-white
+w-16
+w-32
+w-auto
+w-full