Add index split

Add start of index markup
Fix footer, convert nav html to pug
2025-09-07 05:56:52 +01:00 · 2021-09-11 14:38:58 +01:00 · 2021-09-11 14:16:48 +01:00 · 2021-09-11 13:47:20 +01:00 · 2021-09-11 13:26:44 +01:00 · 2021-09-10 23:15:05 +01:00
11 changed files with 198 additions and 203 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -198,6 +198,4 @@ notes

 .secrets

-public/stylesheets/style.css
-ngrok
-.dccache
+public/stylesheets/style.css
--- a/6
+++ b/6
@@ -1,13 +1,11 @@
-FROM node:16-bullseye-slim
+FROM node:10.19.0

 ENV IS_DOCKER=true
 ENV NODE_ENV=production

 WORKDIR /app
 COPY ["package.json", "package-lock.json*", "./"]
-RUN npm install
-RUN npm install nodemon
+RUN npm install && npm install nodemon
 COPY . .
-RUN npm run build-tailwind

 CMD [ "npm", "start" ]
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,7 +11,7 @@
        "@sendgrid/mail": "^7.4.4",
        "app-root-path": "^3.0.0",
        "autoprefixer": "^10.3.4",
-        "axios": "^0.21.3",
+        "axios": "^0.21.2",
        "cookie-parser": "^1.4.5",
        "express": "^4.17.1",
        "express-rate-limit": "^5.2.6",
@@ -19,11 +19,10 @@
        "helmet": "^4.6.0",
        "http-errors": "^1.8.0",
        "morgan": "^1.10.0",
-        "nodemailer": "^6.6.1",
+        "nodemailer": "^6.6.0",
        "npm-watch": "^0.11.0",
        "postcss-cli": "^8.3.1",
        "pug": "^3.0.2",
-        "tailwind-hamburgers": "^1.1.1",
        "tailwindcss": "^2.2.15",
        "winston": "^3.3.3"
      }
@@ -449,9 +448,9 @@
      }
    },
    "node_modules/axios": {
-      "version": "0.21.3",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.3.tgz",
-      "integrity": "sha512-JtoZ3Ndke/+Iwt5n+BgSli/3idTvpt5OjKyoCmz4LX5+lPiY5l7C1colYezhlxThjNa/NhngCUWZSZFypIFuaA==",
+      "version": "0.21.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.2.tgz",
+      "integrity": "sha512-87otirqUw3e8CzHTMO+/9kh/FSgXt/eVDvipijwDtEuwbkySWZ9SBm6VEubmJ/kLKEoLQV/POhxXFb66bfekfg==",
      "dependencies": {
        "follow-redirects": "^1.14.0"
      }
@@ -1335,9 +1334,9 @@
      "integrity": "sha512-GRnmB5gPyJpAhTQdSZTSp9uaPSvl09KoYcMQtsB9rQoOmzs9dH6ffeccH+Z+cv6P68Hu5bC6JjRh4Ah/mHSNRw=="
    },
    "node_modules/follow-redirects": {
-      "version": "1.14.8",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.8.tgz",
-      "integrity": "sha512-1x0S9UVJHsQprFcEC/qnNzBLcIxsjAV905f/UkQxbclCsoTWlacCNOpQa/anodLl2uaEKFhfWOvM2Qg77+15zA==",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.1.tgz",
+      "integrity": "sha512-HWqDgT7ZEkqRzBvc2s64vSZ/hfOceEol3ac/7tKwzuvEyWx3/4UegXh5oBOIotkGsObyk3xznnSRVADBgWSQVg==",
      "funding": [
        {
          "type": "individual",
@@ -2276,9 +2275,9 @@
      "integrity": "sha512-Qe5OUajvqrqDSy6wrWFmMwfJ0jVgwiw4T3KqmbTcZ62qW0gQkheXYhcFM1+lOVcGUoRxcEcfyvFMAnDgaF1VWw=="
    },
    "node_modules/nodemailer": {
-      "version": "6.6.1",
-      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-6.6.1.tgz",
-      "integrity": "sha512-1xzFN3gqv+/qJ6YRyxBxfTYstLNt0FCtZaFRvf4Sg9wxNGWbwFmGXVpfSi6ThGK6aRxAo+KjHtYSW8NvCsNSAg==",
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-6.6.0.tgz",
+      "integrity": "sha512-ikSMDU1nZqpo2WUPE0wTTw/NGGImTkwpJKDIFPZT+YvvR9Sj+ze5wzu95JHkBMglQLoG2ITxU21WukCC/XsFkg==",
      "engines": {
        "node": ">=6.0.0"
      }
@@ -3359,11 +3358,6 @@
        "node": ">=8"
      }
    },
-    "node_modules/tailwind-hamburgers": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/tailwind-hamburgers/-/tailwind-hamburgers-1.1.1.tgz",
-      "integrity": "sha512-0w7oyswgVn85NsLjo6uECLH7r8D3jvKQGSSH9h0KqKmJgToyiuvQaYkEDMtDlQ46PX4XbtopYiilfwMXSZIsbA=="
-    },
    "node_modules/tailwindcss": {
      "version": "2.2.15",
      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.2.15.tgz",
@@ -4172,9 +4166,9 @@
      }
    },
    "axios": {
-      "version": "0.21.3",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.3.tgz",
-      "integrity": "sha512-JtoZ3Ndke/+Iwt5n+BgSli/3idTvpt5OjKyoCmz4LX5+lPiY5l7C1colYezhlxThjNa/NhngCUWZSZFypIFuaA==",
+      "version": "0.21.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.2.tgz",
+      "integrity": "sha512-87otirqUw3e8CzHTMO+/9kh/FSgXt/eVDvipijwDtEuwbkySWZ9SBm6VEubmJ/kLKEoLQV/POhxXFb66bfekfg==",
      "requires": {
        "follow-redirects": "^1.14.0"
      }
@@ -4891,9 +4885,9 @@
      "integrity": "sha512-GRnmB5gPyJpAhTQdSZTSp9uaPSvl09KoYcMQtsB9rQoOmzs9dH6ffeccH+Z+cv6P68Hu5bC6JjRh4Ah/mHSNRw=="
    },
    "follow-redirects": {
-      "version": "1.14.8",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.8.tgz",
-      "integrity": "sha512-1x0S9UVJHsQprFcEC/qnNzBLcIxsjAV905f/UkQxbclCsoTWlacCNOpQa/anodLl2uaEKFhfWOvM2Qg77+15zA=="
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.1.tgz",
+      "integrity": "sha512-HWqDgT7ZEkqRzBvc2s64vSZ/hfOceEol3ac/7tKwzuvEyWx3/4UegXh5oBOIotkGsObyk3xznnSRVADBgWSQVg=="
    },
    "forwarded": {
      "version": "0.1.2",
@@ -5594,9 +5588,9 @@
      "integrity": "sha512-Qe5OUajvqrqDSy6wrWFmMwfJ0jVgwiw4T3KqmbTcZ62qW0gQkheXYhcFM1+lOVcGUoRxcEcfyvFMAnDgaF1VWw=="
    },
    "nodemailer": {
-      "version": "6.6.1",
-      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-6.6.1.tgz",
-      "integrity": "sha512-1xzFN3gqv+/qJ6YRyxBxfTYstLNt0FCtZaFRvf4Sg9wxNGWbwFmGXVpfSi6ThGK6aRxAo+KjHtYSW8NvCsNSAg=="
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-6.6.0.tgz",
+      "integrity": "sha512-ikSMDU1nZqpo2WUPE0wTTw/NGGImTkwpJKDIFPZT+YvvR9Sj+ze5wzu95JHkBMglQLoG2ITxU21WukCC/XsFkg=="
    },
    "nodemon": {
      "version": "2.0.12",
@@ -6411,11 +6405,6 @@
        "has-flag": "^4.0.0"
      }
    },
-    "tailwind-hamburgers": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/tailwind-hamburgers/-/tailwind-hamburgers-1.1.1.tgz",
-      "integrity": "sha512-0w7oyswgVn85NsLjo6uECLH7r8D3jvKQGSSH9h0KqKmJgToyiuvQaYkEDMtDlQ46PX4XbtopYiilfwMXSZIsbA=="
-    },
    "tailwindcss": {
      "version": "2.2.15",
      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.2.15.tgz",
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
  "version": "0.0.0",
  "private": true,
  "watch": {
-    "build-tailwind": {
+    "build-tail": {
      "patterns": [
        "views/"
      ],
@@ -13,13 +13,13 @@
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "npx nodemon ./bin/www -e js,pug,sass",
-    "watch-tailwind": "npx npm-watch",
-    "build-tailwind": "npx postcss src/tailwind.css -o public/stylesheets/style.css"
+    "watch-tail": "npm-watch",
+    "build-tail": "postcss src/tailwind.css -o public/stylesheets/style.css"
  },
  "dependencies": {
    "@sendgrid/mail": "^7.4.4",
    "app-root-path": "^3.0.0",
-    "axios": "^0.21.3",
+    "axios": "^0.21.2",
    "cookie-parser": "^1.4.5",
    "express": "^4.17.1",
    "express-rate-limit": "^5.2.6",
@@ -27,13 +27,14 @@
    "helmet": "^4.6.0",
    "http-errors": "^1.8.0",
    "morgan": "^1.10.0",
-    "nodemailer": "^6.6.1",
+    "nodemailer": "^6.6.0",
    "pug": "^3.0.2",
-    "tailwind-hamburgers": "^1.1.1",
-    "winston": "^3.3.3",
-    "autoprefixer": "^10.3.4",
-    "npm-watch": "^0.11.0",
+    "winston": "^3.3.3"
+  },
+  "devDependencies": {
+    "tailwindcss": "^2.2.15",
    "postcss-cli": "^8.3.1",
-    "tailwindcss": "^2.2.15"
+    "npm-watch": "^0.11.0",
+    "autoprefixer": "^10.3.4"
  }
 }
--- a/public/javascript/contact.js
+++ b/public/javascript/contact.js
--- a/public/javascript/nav.js
+++ b/public/javascript/nav.js
@@ -1,6 +1,5 @@
 $(document).ready(function () {
-    $('#menu').on('click', function () {
-        $('#menu').toggleClass('tham-active');
-        $('#menu-items').slideToggle(300);
+    $('.ham-button').on('click', function () {
+        $('.ham').toggleClass('open');
    });
 });
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -27,7 +27,5 @@ module.exports = {
  variants: {
    extend: {},
  },
-  plugins: [
-    require('tailwind-hamburgers'),
-  ],
-}
+  plugins: [],
+}
--- a/views/about.pug
+++ b/views/about.pug
@@ -1,62 +1,68 @@
 extends layout

 block nav-links
-    a(href='/')
-        li(class="py-3 bg-pink text-black hover:bg-black hover:text-pink transition duration-500 ease-in-out")
+    li.nav-item
+        a.nav-link(href='/')
            span Home
-    a(href='#')
-        li(class="py-3 bg-black text-green hover:bg-pink hover:text-black transition duration-500 ease-in-out") 
+    li.nav-item.active
+        a.nav-link(href='#')
            span About
-    a(href='#')
-        li(class="py-3 bg-pink text-black hover:bg-black hover:text-pink transition duration-500 ease-in-out")
+    li.nav-item
+        a.nav-link(href='#')
            span CV
-    a(href='https://github.com/aurora-dot')
-        li(class="py-3 bg-pink text-black hover:bg-black hover:text-pink transition duration-500 ease-in-out")
+    li.nav-item
+        a.nav-link(href='https://github.com/aurora-dot')
            span Projects
-    a(href='https://blog.pastel.codes')
-        li(class="py-3 bg-pink text-black hover:bg-black hover:text-pink transition duration-500 ease-in-out")
+    li.nav-item
+        a.nav-link(href='https://blog.pastel.codes')
            span Blog
-    a(href='/contact')
-        li(class="py-3 bg-pink text-black hover:bg-black hover:text-pink transition duration-500 ease-in-out")
+    li.nav-item
+        a.nav-link(href='/contact')
            span Contact

 block content
-    div.mt-5
-            div.text-lg
-                h1.font-sans.text-6xl.wavy.mb-10 Hello.
-                p.mb-5 I’m E, a 20 year old student in 3rd year of university, who studies computer science &amp; artificial intelligence, somehow achieved a 1:1 for the previous two years.
-                p.mb-5 In my free time, I create small projects to learn new skills to be helpful for others, recently i have been focusing on Django and tailwind for my job.
-                p.mb-5 Graphic design is also very fun and i enjoy making small projects to post on instagram, it has helped a lot with UX/UI design for applications.
-                p.mb-5 Currently I am working as a freelance developer for Bounce Technologies!
-            div
-                h1.font-sans.text-6xl.wavy.my-10 Projects.
-            
-            div
-                each val in project
-                    div(class="mb-10 text-center sm:text-left")
-                        div.contents
-                            a(href=val.url).contents
-                                if val.feature_image
-                                    img(class="sm:w-2/3 mx-auto sm:mx-0" src=val.feature_image)
-                                else
-                                    img(src="/images/logo.png")
-                        div.mt-2
-                            a(href=val.url)
-                                span(class="font-sans text-2xl sm:text-3xl mt-3 mb-3") #{val.title}
-                            p.text-lg #{val.excerpt}
+    .container
+        .about-pos
+            .row
+                .col
+                    h1
+                        span Hello.
+                    p I’m E, a 20 year old student in 3rd year of university, who studies computer science &amp; artificial intelligence.
+                    p In my free time, I create small projects to learn new skills to be helpful for others, recently i have been focusing on node.js.
+                    p Graphic design is also very fun and i enjoy making small projects to post on instagram, it helps with programming too which is neat
+            .row
+                .col.start
+                    h1
+                        span Projects.
+            .row

-            div
-                h1.font-sans.text-6xl.wavy.my-10 Blog.
-            div
-                each val in blog
-                    div(class="mb-10 text-center sm:text-left")
-                        div.contents
-                            a(href=val.url).contents
+                each val in project
+                    .col
+                        .pr
+                            a(href=val.url)
                                if val.feature_image
-                                    img(class="sm:w-2/3 mx-auto sm:mx-0" src=val.feature_image)
+                                    img(src=val.feature_image)
                                else
                                    img(src="/images/logo.png")
-                        div.mt-2
+                        .pr-text
                            a(href=val.url)
-                                span(class="font-sans text-2xl sm:text-3xl mt-3 mb-3") #{val.title}
-                            p.text-lg #{val.excerpt}
+                                h1 #{val.title}
+                            p #{val.excerpt}
+
+            .row
+                .col.start
+                    h1
+                        span Blog.
+            .row
+                each val in blog
+                    .col
+                        .pr
+                            a(href=val.url)
+                                if val.feature_image
+                                    img(src=val.feature_image)
+                                else
+                                    img(src="/images/logo.png")
+                        .pr-text
+                            a(href=val.url)
+                                h1 #{val.title}
+                            p #{val.excerpt}
--- a/views/contact.pug
+++ b/views/contact.pug
@@ -4,56 +4,57 @@ block head
    script(src='https://hcaptcha.com/1/api.js' async='' defer='defer')

 block nav-links
-    a(href='/')
-        li(class="py-3 bg-pink text-black hover:bg-black hover:text-pink transition duration-500 ease-in-out")
+    li.nav-item
+        a.nav-link(href='/')
            span Home
-    a(href='/about')
-        li(class="py-3 bg-pink text-black hover:bg-black hover:text-pink transition duration-500 ease-in-out")
+    li.nav-item
+        a.nav-link(href='/about')
            span About
-    a(href='#')
-        li(class="py-3 bg-pink text-black hover:bg-black hover:text-pink transition duration-500 ease-in-out")
+    li.nav-item
+        a.nav-link(href='#')
            span CV
-    a(href='https://github.com/aurora-dot')
-        li(class="py-3 bg-pink text-black hover:bg-black hover:text-pink transition duration-500 ease-in-out")
+    li.nav-item
+        a.nav-link(href='https://github.com/aurora-dot')
            span Projects
-    a(href='https://blog.pastel.codes')
-        li(class="py-3 bg-pink text-black hover:bg-black hover:text-pink transition duration-500 ease-in-out")
+    li.nav-item
+        a.nav-link(href='https://blog.pastel.codes')
            span Blog
-    a(href='#')
-        li(class="py-3 bg-black text-green hover:bg-pink hover:text-black transition duration-500 ease-in-out") 
+    li.nav-item.active
+        a.nav-link(href='#')
            span Contact

 block content
-    div.w-full
-        div
-            h1.font-sans.text-6xl.wavy.mb-10 Contact.
+    .container
+        .row
+            .col
+                h1
+                    span Contact.
+        .row
+            .col
+                form#contact-form(action='/contact' method='post' role='form')
+                    .form-group
+                        label Name
+                        .form-row
+                            .col
+                                input#fname(name='firstname' class="form-control" type='text' placeholder='First name' required="true" pattern="^[\\w'\\-,.][^0-9_!¡?÷?¿/\\\\+=@#$%ˆ&*(){}|~<>;:[\\]]{2,}$")
+                            .col
+                                input#lname(name='lastname' class="form-control" type='text' placeholder='Last name' required="true" pattern="^[\\w'\\-,.][^0-9_!¡?÷?¿/\\\\+=@#$%ˆ&*(){}|~<>;:[\\]]{2,}$")

-        div
-            form#contact-form(action='/contact' method='post' role='form')
-                div.mb-5
-                    label Name
-                    div(class="sm:flex sm:flex-row")
-                        .flex.w-full
-                            input#fname(class="w-full border-2 border-pink bg-black p-2 text-base" name='firstname' class="form-control" type='text' placeholder='First name' required="true")
-                        div(class="mb-3 sm:mb-0 sm:ml-5")
-                        .flex.w-full
-                            input#lname(class="w-full border-2 border-pink bg-black p-2 text-base" name='lastname' class="form-control" type='text' placeholder='Last name' required="true")
+                    .form-group
+                        label(for='email') Email
+                        input#email(name='email' class="form-control" type='text' placeholder='Email (example@email.com)' required='true' pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$")
+                    .form-group
+                        label(for='message') Message
+                        textarea#message(name='message' class="form-control" placeholder='Enter your message here' rows='3' required='true')
+                    .form-group(style="margin-bottom: 0.5rem")
+                        .h-captcha(data-sitekey='49abba50-1813-4ab3-acbf-2a8bfff1f7c3')
+                    button(type='submit' class="button-c") Submit

-                div.mb-5
-                    label(for='email') Email
-                    input#email(class="w-full border-2 border-pink bg-black p-2 text-base" name='email' class="form-control" type='text' placeholder='Email (example@email.com)' required='true' pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$")
-                div.mb-5
-                    label(for='message') Message
-                    textarea#message(class="w-full border-2 border-pink bg-black p-2 text-base" name='message' class="form-control" placeholder='Enter your message here' rows='3' required='true')
-                div(class="mb-5 justify-center sm:justify-items-start flex sm:block")
-                    .h-captcha(data-sitekey='49abba50-1813-4ab3-acbf-2a8bfff1f7c3')
-                button(type='submit' class="rounded-lg px-3 py-2 bg-pink text-black text-lg hover:ring-pink hover:ring-2 hover:bg-black hover:text-pink sm:w-auto w-full sm:text-base") Submit
-
-        div
-            if message
-                div(class="mt-10 mb-6 sm:text-left text-center")
+        .row
+            .col
+                if message
                    #contact-message
                        p=message
                        if success
                            p=success
-                                span#email.text-green=email
+                                span#email=email
--- a/views/index.pug
+++ b/views/index.pug
@@ -1,69 +1,69 @@
 extends layout

 block nav-links
-    a(href='#')
-        li(class="py-3 bg-black text-green hover:bg-pink hover:text-black transition duration-500 ease-in-out")
+    li.nav-item.active
+        a.nav-link(href='#')
            span Home
-    a(href='/about')
-        li(class="py-3 bg-pink text-black hover:bg-black hover:text-pink transition duration-500 ease-in-out")
+    li.nav-item
+        a.nav-link(href='/about')
            span About
-    a(href='#')
-        li(class="py-3 bg-pink text-black hover:bg-black hover:text-pink transition duration-500 ease-in-out")
+    li.nav-item
+        a.nav-link(href='#')
            span CV
-    a(href='https://github.com/aurora-dot')
-        li(class="py-3 bg-pink text-black hover:bg-black hover:text-pink transition duration-500 ease-in-out")
+    li.nav-item
+        a.nav-link(href='https://github.com/aurora-dot')
            span Projects
-    a(href='https://blog.pastel.codes')
-        li(class="py-3 bg-pink text-black hover:bg-black hover:text-pink transition duration-500 ease-in-out")
+    li.nav-item
+        a.nav-link(href='https://blog.pastel.codes')
            span Blog
-    a(href='/contact')
-        li(class="py-3 bg-pink text-black hover:bg-black hover:text-pink transition duration-500 ease-in-out")
+    li.nav-item
+        a.nav-link(href='/contact')
            span Contact

 block content
-    div(class="flex sm:w-2/4 items-center sm:my-0 mt-10 mb-16")
-        div.text-2xl
-            h1(class="font-sans text-7xl pb-5 sm:pb-10")
-                | Hello,
-                br
-                | I'm
-                |
-                span.wavy E
-            p I'm a Programmer &amp; Designer from the UK.
-            p.pt-5 I like to make stuff.
+    div.flex
+        div(class="flex w-3/4")
+            div
+                h1.font-sans.text-7xl
+                    | Hello,
+                    br
+                    | I'm
+                    |
+                    span.wavy E
+                p I'm a Programmer & Designer from the UK.
+                p I like to make stuff.

-    div(class="sm:w-1/4")
-
-    div(id="side-social" c class="flex bg-pink justify-center sm:w-1/4")
-        div(class="w-16 sm:w-14 fill-current text-black flex flex-col justify-around")
-            a(id="email" target="_blank")
-                svg.mt-5(role='img' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg')
-                    title Mail icon
-                    path(d='M11.585 5.267c1.834 0 3.558.811 4.824 2.08v.004c0-.609.41-1.068.979-1.068h.145c.891 0 1.073.842 1.073 1.109l.005 9.475c-.063.621.64.941 1.029.543 1.521-1.564 3.342-8.038-.946-11.79-3.996-3.497-9.357-2.921-12.209-.955-3.031 2.091-4.971 6.718-3.086 11.064 2.054 4.74 7.931 6.152 11.424 4.744 1.769-.715 2.586 1.676.749 2.457-2.776 1.184-10.502 1.064-14.11-5.188C-.977 13.521-.847 6.093 5.62 2.245 10.567-.698 17.09.117 21.022 4.224c4.111 4.294 3.872 12.334-.139 15.461-1.816 1.42-4.516.037-4.498-2.031l-.019-.678c-1.265 1.256-2.948 1.988-4.782 1.988-3.625 0-6.813-3.189-6.813-6.812 0-3.659 3.189-6.885 6.814-6.885zm4.561 6.623c-.137-2.653-2.106-4.249-4.484-4.249h-.09c-2.745 0-4.268 2.159-4.268 4.61 0 2.747 1.842 4.481 4.256 4.481 2.693 0 4.464-1.973 4.592-4.306l-.006-.536z')
-            a(href="https://github.com/aurora-dot" target="_blank")
-                svg.mt-5(role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg")
-                    title GitHub icon
-                    path(d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12")
-            a(href="https://git.pastel.codes/Blankie" target="_blank")
-                svg.mt-5(role='img' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg')
-                    title Gitea icon
-                    path(d='M4.186 5.421C2.341 5.417-.13 6.59.006 9.531c.213 4.594 4.92 5.02 6.801 5.057.206.862 2.42 3.834 4.059 3.99h7.18c4.306-.286 7.53-13.022 5.14-13.07-3.953.186-6.296.28-8.305.296v3.975l-.626-.277-.004-3.696c-2.306-.001-4.336-.108-8.189-.298-.482-.003-1.154-.085-1.876-.087zm.261 1.625h.22c.262 2.355.688 3.732 1.55 5.836-2.2-.26-4.072-.899-4.416-3.285-.178-1.235.422-2.524 2.646-2.552zm8.557 2.315c.15.002.303.03.447.096l.749.323-.537.979a.672.597 0 0 0-.241.038.672.597 0 0 0-.405.764.672.597 0 0 0 .112.174l-.926 1.686a.672.597 0 0 0-.222.038.672.597 0 0 0-.405.764.672.597 0 0 0 .86.36.672.597 0 0 0 .404-.765.672.597 0 0 0-.158-.22l.902-1.642a.672.597 0 0 0 .293-.03.672.597 0 0 0 .213-.112c.348.146.633.265.838.366.308.152.417.253.45.365.033.11-.003.322-.177.694-.13.277-.345.67-.599 1.133a.672.597 0 0 0-.251.038.672.597 0 0 0-.405.764.672.597 0 0 0 .86.36.672.597 0 0 0 .404-.764.672.597 0 0 0-.137-.202c.251-.458.467-.852.606-1.148.188-.402.286-.701.2-.99-.086-.289-.35-.477-.7-.65-.23-.113-.517-.233-.86-.377a.672.597 0 0 0-.038-.239.672.597 0 0 0-.145-.209l.528-.963 2.924 1.263c.528.229.746.79.49 1.26l-2.01 3.68c-.257.469-.888.663-1.416.435l-4.137-1.788c-.528-.228-.747-.79-.49-1.26l2.01-3.679c.176-.323.53-.515.905-.53h.064z')
-            a(href="https://blog.pastel.codes" target="_blank")
-                svg.mt-5(role='img' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg')
-                    title Ghost icon
-                    path(d='M9.604 19.199H.008V24h9.597v-4.801zm14.39 0h-9.591V24h9.591v-4.801zm.003-9.599H0v4.8h23.997V9.6zM24 0h-4.801v4.801H24V0zm-9.596 0H.008v4.801h14.396V0z')
-            a(href="https://matrix.to/#/@blankie:matrix.pastel.codes" target="_blank")
-                svg.mt-5(role='img' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg')
-                    title Matrix icon
-                    path(d='M.632.55v22.9H2.28V24H0V0h2.28v.55zm7.043 7.26v1.157h.033c.309-.443.683-.784 1.117-1.024.433-.245.936-.365 1.5-.365.54 0 1.033.107 1.481.314.448.208.785.582 1.02 1.108.254-.374.6-.706 1.034-.992.434-.287.95-.43 1.546-.43.453 0 .872.056 1.26.167.388.11.716.286.993.53.276.245.489.559.646.951.152.392.23.863.23 1.417v5.728h-2.349V11.52c0-.286-.01-.559-.032-.812a1.755 1.755 0 0 0-.18-.66 1.106 1.106 0 0 0-.438-.448c-.194-.11-.457-.166-.785-.166-.332 0-.6.064-.803.189a1.38 1.38 0 0 0-.48.499 1.946 1.946 0 0 0-.231.696 5.56 5.56 0 0 0-.06.785v4.768h-2.35v-4.8c0-.254-.004-.503-.018-.752a2.074 2.074 0 0 0-.143-.688 1.052 1.052 0 0 0-.415-.503c-.194-.125-.476-.19-.854-.19-.111 0-.259.024-.439.074-.18.051-.36.143-.53.282-.171.138-.319.337-.439.595-.12.259-.18.6-.18 1.02v4.966H5.46V7.81zm15.693 15.64V.55H21.72V0H24v24h-2.28v-.55z')
-            a(href="https://twitter.com/ErrorFacade" target="_blank")
-                svg.mt-5(role='img' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg')
-                    title Twitter icon
-                    path(d='M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z')
-            a(href="https://instagram.com/_e.psd" target="_blank")
-                svg.my-5(role='img' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg')
-                    title Instagram icon
-                    path(d='M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z')
+        div(class="flex bg-pink justify-center w-1/4 h-auto")
+            div
+                div.w-16
+                    a(class="pt-4" id="email" target="_blank")
+                        svg(class="logo" role='img' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg')
+                            title Mail icon
+                            path(d='M11.585 5.267c1.834 0 3.558.811 4.824 2.08v.004c0-.609.41-1.068.979-1.068h.145c.891 0 1.073.842 1.073 1.109l.005 9.475c-.063.621.64.941 1.029.543 1.521-1.564 3.342-8.038-.946-11.79-3.996-3.497-9.357-2.921-12.209-.955-3.031 2.091-4.971 6.718-3.086 11.064 2.054 4.74 7.931 6.152 11.424 4.744 1.769-.715 2.586 1.676.749 2.457-2.776 1.184-10.502 1.064-14.11-5.188C-.977 13.521-.847 6.093 5.62 2.245 10.567-.698 17.09.117 21.022 4.224c4.111 4.294 3.872 12.334-.139 15.461-1.816 1.42-4.516.037-4.498-2.031l-.019-.678c-1.265 1.256-2.948 1.988-4.782 1.988-3.625 0-6.813-3.189-6.813-6.812 0-3.659 3.189-6.885 6.814-6.885zm4.561 6.623c-.137-2.653-2.106-4.249-4.484-4.249h-.09c-2.745 0-4.268 2.159-4.268 4.61 0 2.747 1.842 4.481 4.256 4.481 2.693 0 4.464-1.973 4.592-4.306l-.006-.536z')
+                    a(class="pt-4" href="https://github.com/aurora-dot" target="_blank")
+                        svg(class="logo" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg")
+                            title GitHub icon
+                            path(d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12")
+                    a(class="logo-container" href="https://git.pastel.codes/Blankie" target="_blank")
+                        svg(class="logo" role='img' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg')
+                            title Gitea icon
+                            path(d='M4.186 5.421C2.341 5.417-.13 6.59.006 9.531c.213 4.594 4.92 5.02 6.801 5.057.206.862 2.42 3.834 4.059 3.99h7.18c4.306-.286 7.53-13.022 5.14-13.07-3.953.186-6.296.28-8.305.296v3.975l-.626-.277-.004-3.696c-2.306-.001-4.336-.108-8.189-.298-.482-.003-1.154-.085-1.876-.087zm.261 1.625h.22c.262 2.355.688 3.732 1.55 5.836-2.2-.26-4.072-.899-4.416-3.285-.178-1.235.422-2.524 2.646-2.552zm8.557 2.315c.15.002.303.03.447.096l.749.323-.537.979a.672.597 0 0 0-.241.038.672.597 0 0 0-.405.764.672.597 0 0 0 .112.174l-.926 1.686a.672.597 0 0 0-.222.038.672.597 0 0 0-.405.764.672.597 0 0 0 .86.36.672.597 0 0 0 .404-.765.672.597 0 0 0-.158-.22l.902-1.642a.672.597 0 0 0 .293-.03.672.597 0 0 0 .213-.112c.348.146.633.265.838.366.308.152.417.253.45.365.033.11-.003.322-.177.694-.13.277-.345.67-.599 1.133a.672.597 0 0 0-.251.038.672.597 0 0 0-.405.764.672.597 0 0 0 .86.36.672.597 0 0 0 .404-.764.672.597 0 0 0-.137-.202c.251-.458.467-.852.606-1.148.188-.402.286-.701.2-.99-.086-.289-.35-.477-.7-.65-.23-.113-.517-.233-.86-.377a.672.597 0 0 0-.038-.239.672.597 0 0 0-.145-.209l.528-.963 2.924 1.263c.528.229.746.79.49 1.26l-2.01 3.68c-.257.469-.888.663-1.416.435l-4.137-1.788c-.528-.228-.747-.79-.49-1.26l2.01-3.679c.176-.323.53-.515.905-.53h.064z')
+                    a(class="logo-container" href="https://blog.pastel.codes" target="_blank")
+                        svg(class="logo" role='img' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg')
+                            title Ghost icon
+                            path(d='M9.604 19.199H.008V24h9.597v-4.801zm14.39 0h-9.591V24h9.591v-4.801zm.003-9.599H0v4.8h23.997V9.6zM24 0h-4.801v4.801H24V0zm-9.596 0H.008v4.801h14.396V0z')
+                    a(class="logo-container" href="https://matrix.to/#/@blankie:matrix.pastel.codes" target="_blank")
+                        svg(class="logo" role='img' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg')
+                            title Matrix icon
+                            path(d='M.632.55v22.9H2.28V24H0V0h2.28v.55zm7.043 7.26v1.157h.033c.309-.443.683-.784 1.117-1.024.433-.245.936-.365 1.5-.365.54 0 1.033.107 1.481.314.448.208.785.582 1.02 1.108.254-.374.6-.706 1.034-.992.434-.287.95-.43 1.546-.43.453 0 .872.056 1.26.167.388.11.716.286.993.53.276.245.489.559.646.951.152.392.23.863.23 1.417v5.728h-2.349V11.52c0-.286-.01-.559-.032-.812a1.755 1.755 0 0 0-.18-.66 1.106 1.106 0 0 0-.438-.448c-.194-.11-.457-.166-.785-.166-.332 0-.6.064-.803.189a1.38 1.38 0 0 0-.48.499 1.946 1.946 0 0 0-.231.696 5.56 5.56 0 0 0-.06.785v4.768h-2.35v-4.8c0-.254-.004-.503-.018-.752a2.074 2.074 0 0 0-.143-.688 1.052 1.052 0 0 0-.415-.503c-.194-.125-.476-.19-.854-.19-.111 0-.259.024-.439.074-.18.051-.36.143-.53.282-.171.138-.319.337-.439.595-.12.259-.18.6-.18 1.02v4.966H5.46V7.81zm15.693 15.64V.55H21.72V0H24v24h-2.28v-.55z')
+                    a(class="logo-container" href="https://twitter.com/ErrorFacade" target="_blank")
+                        svg(class="logo" role='img' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg')
+                            title Twitter icon
+                            path(d='M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z')
+                    a(class="logo-container" href="https://instagram.com/_e.psd" target="_blank")
+                        svg(class="logo" role='img' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg')
+                            title Instagram icon
+                            path(d='M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z')

 block scripts
    script(src="/javascript/index.js")
--- a/views/layout.pug
+++ b/views/layout.pug
@@ -23,23 +23,28 @@ html
                            a(href="/") EEEE.
                    
                    div(class="absolute inset-y-0 right-0 flex items-center")    
-                        div(id="menu").tham.tham-e-squeeze.tham-w-8
-                            div.tham-box
-                                div(class="tham-inner bg-pink")
+                        button(type="button" class="inline-flex items-center justify-center rounded-md text-pink hover:text-green" aria-controls="mobile-menu" aria-expanded="false")
+                            span.sr-only Open main menu

-            div
-                ul(class="hidden transition duration-500 ease-in-out text-center mx-5 list-none mb-5" id="menu-items")
-                    block nav-links
+                            svg(class="block h-9 w-9" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true")
+                                path(stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16")

-        main(class="flex flex-grow sm:items-stretch")
-            div(class="flex flex-col sm:flex-row flex-grow max-w-4xl mx-auto px-5")
+                            svg(class="hidden h-9 w-9" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true")
+                                path(stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12")
+
+
+            div(class="hidden" id="menu")
+                block nav-links
+
+        main.flex-grow
+            div(class="flex-grow max-w-5xl mx-auto px-5")
                block content

        footer.w-full.text-center.p-4.text-base
            p.font-mono &copy; 2020 |
                |
                |
-                a(href="/").underline EEEE.
+                a(href="/") EEEE.

        script(src="/javascript/jquery-3.5.1.min.js")
        script(src="/javascript/nav.js")
Author	SHA1	Message	Date
E	f507fe0afd	Add index split	2021-09-11 14:38:58 +01:00
E	6aee0f87f0	Add start of index markup	2021-09-11 14:16:48 +01:00
E	759470f5dc	Fix footer, convert nav html to pug	2021-09-11 13:47:20 +01:00
E	cf991fc3da	Add nav to base layout	2021-09-11 13:26:44 +01:00
E	37b22958da	Update README.md	2021-09-10 23:15:05 +01:00
E	efadc89b07	Remove bootstrap javascript	2021-09-10 23:14:43 +01:00
E	ce963e23e4	Merge remote-tracking branch 'origin/#11-tailwind' into #11-tailwind	2021-09-10 22:51:42 +01:00
E	05a5b4202d	Edit to use tailwind as dev dependency	2021-09-10 22:51:33 +01:00
E	e6cc660f5e	Add tailwind fonts and colours	2021-09-10 22:51:33 +01:00
E	3f1514c2f3	Add tailwind to project	2021-09-10 22:51:33 +01:00
E	7a3311ec4b	Edit to use tailwind as dev dependency	2021-09-10 22:33:28 +01:00
E	a57f28de4f	Add tailwind fonts and colours	2021-09-10 22:23:58 +01:00
E	85b543891e	Add tailwind to project	2021-09-10 21:19:07 +01:00