Update README.md

.github/workflows/codeql-analysis.yml

@@ -0,0 +1,71 @@
+# For most projects, this workflow file will not need changing; you simply need
+# to commit it to your repository.
+#
+# You may wish to alter this file to override the set of languages analyzed,
+# or to provide custom queries or build logic.
+#
+# ******** NOTE ********
+# We have attempted to detect the languages in your repository. Please check
+# the `language` matrix defined below to confirm you have the correct set of
+# supported CodeQL languages.
+#
+name: "CodeQL"
+
+on:
+  push:
+    branches: [ master ]
+  pull_request:
+    # The branches below must be a subset of the branches above
+    branches: [ master ]
+  schedule:
+    - cron: '38 12 * * 3'
+
+jobs:
+  analyze:
+    name: Analyze
+    runs-on: ubuntu-latest
+    permissions:
+      actions: read
+      contents: read
+      security-events: write
+
+    strategy:
+      fail-fast: false
+      matrix:
+        language: [ 'javascript' ]
+        # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python' ]
+        # Learn more:
+        # https://docs.github.com/en/free-pro-team@latest/github/finding-security-vulnerabilities-and-errors-in-your-code/configuring-code-scanning#changing-the-languages-that-are-analyzed
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v2
+
+    # Initializes the CodeQL tools for scanning.
+    - name: Initialize CodeQL
+      uses: github/codeql-action/init@v1
+      with:
+        languages: ${{ matrix.language }}
+        # If you wish to specify custom queries, you can do so here or in a config file.
+        # By default, queries listed here will override any specified in a config file.
+        # Prefix the list here with "+" to use these queries and those in the config file.
+        # queries: ./path/to/local/query, your-org/your-repo/queries@main
+
+    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
+    # If this step fails, then you should remove it and run the build manually (see below)
+    - name: Autobuild
+      uses: github/codeql-action/autobuild@v1
+
+    # ℹ️ Command-line programs to run using the OS shell.
+    # 📚 https://git.io/JvXDl
+
+    # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
+    #    and modify them (or add more) to build your code if your project
+    #    uses a compiled language
+
+    #- run: |
+    #   make bootstrap
+    #   make release
+
+    - name: Perform CodeQL Analysis
+      uses: github/codeql-action/analyze@v1

README.md

@@ -1,5 +1,5 @@
 # pastel.codes
 
-My portfolio website written in node.js, pug and sass
+My portfolio website written in node.js, pug and tailwind
 
 Docker image: https://hub.docker.com/r/auroradot/pastel.codes

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,7 +18,7 @@
   },
   "dependencies": {
     "@sendgrid/mail": "^7.4.4",
-    "autoprefixer": "^10.3.4",
+    "app-root-path": "^3.0.0",
     "axios": "^0.21.2",
     "cookie-parser": "^1.4.5",
     "express": "^4.17.1",
@@ -26,10 +28,13 @@
     "http-errors": "^1.8.0",
     "morgan": "^1.10.0",
     "nodemailer": "^6.6.0",
-    "npm-watch": "^0.11.0",
-    "postcss-cli": "^8.3.1",
     "pug": "^3.0.2",
-    "tailwindcss": "^2.2.15",
     "winston": "^3.3.3"
+  },
+  "devDependencies": {
+    "tailwindcss": "^2.2.15",
+    "postcss-cli": "^8.3.1",
+    "npm-watch": "^0.11.0",
+    "autoprefixer": "^10.3.4"
   }
 }

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: {},

views/layout.pug

@@ -44,6 +44,5 @@ html
                     a(href="/") EEEE.
 
         script(src="/javascript/jquery-3.5.1.min.js")
-        script(src="/javascript/bootstrap.js")
         script(src="/javascript/nav.js")
         block scripts