feat(front): refactors day/night theme colors and layout

merge #675 - refactors all colors and application thereof in `theme.css`

- closes #592
- closes #662
- closes #663
- closes #574
- closes #681

.cprc

@@ -9,7 +9,7 @@
           "scopes": [
             {
               "description": "Other changes that don't modify src or test files",
-              "name": "chores"
+              "name": "chore"
             },
             {
               "description": "A bug fix. Correlates with PATCH in SemVer.",

.github/workflows/bd-fe.yml

@@ -1,5 +1,5 @@
-name: 🚜 Build & Deploy 
-run-name: "🚜 ${{ github.ref_name == 'main' && 'PRD' || 'STG' }} - Build & Deploy - ${{ github.event_name == 'pull_request' && format('PR #{0}: {1}', github.event.pull_request.number, github.event.pull_request.title) || format('latest {0}', github.ref_name) }}"
+name: 🚀 Build & Deploy 
+run-name: "🚀 ${{ github.ref_name == 'main' && 'PRD' || 'STG' }} - Build & Deploy - ${{ github.event_name == 'pull_request' && format('PR #{0}: {1}', github.event.pull_request.number, github.event.pull_request.title) || format('latest {0}', github.ref_name) }}"
 
 on:
   workflow_dispatch:
@@ -51,13 +51,14 @@ on:
 permissions:
   checks: write
   contents: write
+  pull-requests: write
 
 env:
   BRANCH_NAME: ${{ github.head_ref || github.ref_name }}
 
 jobs:
   build_deploy:
-    name: 🚜 Build & Deploy to ${{ github.ref_name == 'main' && 'PRD' || 'STG' }}
+    name: 🎁 Pushing to ${{ github.ref_name == 'main' && 'PRD' || 'STG' }}
     runs-on: ubuntu-latest
     concurrency:
       group: build-deploy
@@ -77,8 +78,6 @@ jobs:
         run: |
           echo "RELEASE_NAME=stg-${name/\//-}" >> $GITHUB_ENV
           echo "DIST=$(date +%y%m%d-%H%M%S)" >> $GITHUB_ENV
-          echo "RELEASE_NAME=stg-${name/\//-}" >> "$GITHUB_OUTPUT"
-          echo "DIST=$(date +%y%m%d-%H%M%S)" >> "$GITHUB_OUTPUT"
 
       - name: ✍ Summarize
         run: |

.github/workflows/bdt-fe.yml

@@ -15,14 +15,15 @@ on:
 permissions:
   checks: write
   contents: write
+  pull-requests: write
 
 env:
   BRANCH_NAME: ${{ github.head_ref || github.ref_name }}
 
 jobs:
 
   build_deploy:
-    name: 🚜 Build & Deploy
+    name: 🚀 Build & Deploy
     uses: ./.github/workflows/bd-fe.yml
     secrets:
       AWS_S3_BUCKET: ${{ secrets.AWS_S3_BUCKET }}
@@ -48,18 +49,19 @@ jobs:
       DISTRIBUTION: ${{ secrets.DISTRIBUTION }}
 
   backstop:
-    name: 🦠 BackstopJS ${{ github.ref_name == 'main' && 'PRD' || 'STG' }}
+    name: 🧐 Visual Regression
     needs: build_deploy
     uses: ./.github/workflows/test-backstop.yml
     secrets:
+      GH_WORKFLOW_TOKEN: ${{ secrets.GH_WORKFLOW_TOKEN }}
       AWS_S3_BUCKET_REPORTS: ${{ secrets.AWS_S3_BUCKET_REPORTS }}
       AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
       AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
       AWS_REGION: ${{ secrets.AWS_REGION }}
       REPORTS_DISTRIBUTION: ${{ secrets.REPORTS_DISTRIBUTION }}
 
   lighthouse:
-    name: 🦠 Lighthouse ${{ github.ref_name == 'main' && 'PRD' || 'STG' }}
+    name: 🎭 Performance
     needs: build_deploy
     uses: ./.github/workflows/test-lighthouse.yml
     secrets:
@@ -70,7 +72,7 @@ jobs:
       REPORTS_DISTRIBUTION: ${{ secrets.REPORTS_DISTRIBUTION }}
 
   pagespeed:
-    name: 🦠 PageSpeed Insights ${{ github.ref_name == 'main' && 'PRD' || 'STG' }}
+    name: 📈 Metrics
     needs: build_deploy
     uses: ./.github/workflows/test-psi.yml
     secrets:

.github/workflows/dispatch-bd-fe--cms.yml

@@ -13,7 +13,7 @@ jobs:
       cancel-in-progress: true
 
     steps:
-      - name: ✓ Approve CMS Dispatch
+      - name: ✓ Approve
         uses: dgrebb/[email protected]
         with:
           secret: ${{ github.TOKEN }}
@@ -23,7 +23,7 @@ jobs:
           issue-body: "Please approve or deny the deployment of version ${{ github.ref_name }}."
           exclude-workflow-initiator-as-approver: false
           additional-approved-words: y,a
-          labels: 'publish'
+          labels: 'content'
 
   frontend:
     runs-on: ubuntu-latest

.github/workflows/dispatch-bd-fe--release.yml

@@ -1,4 +1,4 @@
-name: ➡ 🚀 B&D FE Release 
+name: 🚀 Build & Deploy Release
 
 on:
   push:

.github/workflows/test-backstop-refs.yml

@@ -1,4 +1,4 @@
-name: 🙈 BackstopJS - Refs 
+name: 🙊 Generate Refs
 on:
   workflow_dispatch:
   workflow_call:

.github/workflows/test-backstop.yml

@@ -1,9 +1,11 @@
-name: 🙈 BackstopJS 
-run-name: "${{ github.ref_name == 'main' && 'PRD' || 'STG' }} - Running BackstopJS ${{ github.event_name == 'pull_request' && format('PR #{0}: {1} on ', github.event.pull_request.number, github.event.pull_request.title) || format('on latest {0}', github.ref_name) }}"
+name: 🙈 Run BackstopJS
+run-name: "${{ github.ref_name == 'main' && 'PRD' || 'STG' }} - BackstopJS ${{ github.event_name == 'pull_request' && format('PR #{0}: {1} on ', github.event.pull_request.number, github.event.pull_request.title) || format('on latest {0}', github.ref_name) }}"
 
 on:
   workflow_call:
     secrets:
+      GH_WORKFLOW_TOKEN:
+        required: true
       AWS_S3_BUCKET_REPORTS:
         required: true
       AWS_ACCESS_KEY_ID:
@@ -19,13 +21,14 @@ on:
 permissions:
   checks: write
   contents: write
+  pull-requests: write
 
 env:
   BRANCH_NAME: ${{ github.head_ref || github.ref_name }}
 
 jobs:
   backstop:
-    name: 🙈 Running Backstop on ${{ github.ref_name == 'main' && 'PRD' || 'STG' }}
+    name: 🙈 BackstopJS
     runs-on: ubuntu-latest
 
     concurrency:
@@ -61,13 +64,21 @@ jobs:
       - name: ↧ Install & Patch
         run: cd _ci/backstop && npm ci
 
-      - name: 🗺️ Test Sitemap and Warm Cache 🔥
+      - name: 🔥 Warmup Cache
         run: ./_ci/_utils/warmup.sh
 
-      - name: 👀 Running Visual Regression
+      - name: 👀 Testing Bitmaps
         id: backstop
         continue-on-error: true
-        run: cd _ci/backstop && ENV=$DEPLOY_ENV npm run test.gh
+        env:
+          REPORT_PATH: ${{ github.ref_name == 'main' && 'prod' || 'stg' }}
+        run: |
+          cd _ci/backstop && ENV=$DEPLOY_ENV npm run test.gh
+          FAIL_TABLE=$(./_utils/parse-report.sh ${{ vars.REPORTS_DOMAIN }} $REPORT_PATH)
+          echo "COMMENT_BODY<<EOF" >> $GITHUB_ENV
+          # 🙈 BackstopJS Regressions Detected
+          echo $FAIL_TABLE >> $GITHUB_ENV
+          echo "EOF" >> $GITHUB_ENV
 
       - name: ⬆ Uploading Test Report
         if: always()
@@ -97,7 +108,7 @@ jobs:
           REPORT_PATH: ${{ github.ref_name == 'main' && 'prod' || 'stg' }}
         run: |
           cd _ci/backstop
-          FAIL_TABLE=$(./_utils/parse-report.sh)
+          FAIL_TABLE=$(./_utils/parse-report.sh ${{ vars.REPORTS_DOMAIN }} $REPORT_PATH)
           echo "# Backstop Summary" >> $GITHUB_STEP_SUMMARY
           echo "<a href=\"http://${{ vars.REPORTS_DOMAIN }}/backstop/html_report/gh-$REPORT_PATH/\" target=\"_blank\">BackstopJS Report</a>" >> $GITHUB_STEP_SUMMARY
           echo "<a href=\"http://${{ vars.REPORTS_DOMAIN }}/lighthouse/\" target=\"_blank\">Lighthouse Report</a>" >> $GITHUB_STEP_SUMMARY

.github/workflows/test-lighthouse.yml

@@ -21,7 +21,7 @@ env:
 
 jobs:
   lighthouse:
-    name: ⛵️ Running Audit on ${{ github.ref_name == 'main' && 'PRD' || 'STG' }}
+    name: ⛵️ Auditing
     runs-on: ubuntu-latest
 
     environment:
@@ -55,7 +55,7 @@ jobs:
         run: |
           _ci/_utils/warmup.sh
 
-      - name: 🔦 Run Lighthouse
+      - name: 🔦 Lighthouse
         id: lighthouse
         run: |
           cd _ci/perf/lighthouse
@@ -74,7 +74,7 @@ jobs:
           ls -la _ci/perf/lighthouse
           sudo _ci/perf/_utils/landfall.sh _ci/perf/lighthouse
           echo "# Lighthouse Results" >> $GITHUB_STEP_SUMMARY
-          echo "<a href=\"http://${{ vars.REPORTS_DOMAIN }}/lighthouse\" target=\"_blank\">Lighthouse Reports</a>" >> $GITHUB_STEP_SUMMARY
+          echo "<a href=\"https://${{ vars.REPORTS_DOMAIN }}/lighthouse\" target=\"_blank\">Lighthouse Reports</a>" >> $GITHUB_STEP_SUMMARY
 
       - name: ⬆ Upload Reports
         if: always()

.github/workflows/test-psi.yml

@@ -17,7 +17,7 @@ env:
 
 jobs:
   lighthouse:
-    name: 📊 Running PSI on ${{ github.ref_name == 'main' && 'PRD' || 'STG' }}
+    name: 📊 PSI
     runs-on: ubuntu-latest
 
     environment:

README.md

@@ -1,18 +1,38 @@
-# dgrebb.com
+[![A circuit board with plants and flowers growing from its silicon.](https://user-images.githubusercontent.com/445891/266865099-66b83d03-7f59-4705-8a8b-3647f227d46a.jpg)](https://www.dgrebb.com)
+
+<!-- omit in toc -->
+# [dgrebb.com](https://www.dgrebb.com)
 
 Hark! Welcome to the repository for dgrebb.com, whereupon thou shalt find the source code and assets for mine own personal website. If thou art inclined to explore the inner workings of this fine establishment or dost seek to make contributions, thou hast come to the right place.
 
-## Table of Contents
-
-- [dgrebb.com](#dgrebbcom)
-  - [Table of Contents](#table-of-contents)
-  - [Features](#features)
-  - [Installation](#installation)
-  - [Usage](#usage)
-    - [Develop](#develop)
-    - [Production](#production)
-  - [Contributing](#contributing)
-  - [License](#license)
+- [Wiki](#wiki)
+- [Thank Youse \& Supporting Products](#thank-youse--supporting-products)
+- [Features](#features)
+- [Installation](#installation)
+- [Usage](#usage)
+  - [Develop](#develop)
+  - [Production](#production)
+- [Contributing](#contributing)
+- [License](#license)
+
+## Wiki
+
+Design, architecture, ALM, frontend, backend, testing, regression, utilities, and other various components of the site are ongoingly documented in [the wiki](https://github.com/dgrebb/dgrebb.com/wiki).
+
+## Thank Youse & Supporting Products
+
+The below components are a majority of the product stack. Thorough details may be found on the wiki [technology page](https://github.com/dgrebb/dgrebb.com/wiki/technology).
+
+- AWS
+- Strapi
+- Svelte/SvelteKit
+- GitHub
+- Terraform/OpenTF
+- Docker
+- Plausible Analytics
+- Sentry.io
+- StackOverflow
+- Discord (Svelte, Strapi, NextJS)
 
 ## Features
 

_ci/backstop/_utils/parse-report.sh

@@ -1,3 +1,13 @@
 #!/bin/bash
 
-jq -c -r '"<table><tr><th align=\"left\">Test</th><th>Viewport</th><th align=\"right\">Mismatch Amount</th></tr>", (.tests[] | select(.status | contains("fail")) | "<tr><td><a href=\"" + .pair.url + "\" target=\"_blank\">" + .pair.label + "</a></td>", "<td align=\"center\">" + .pair.viewportLabel + "</td>", "<td align=\"right\">" + .pair.diff.misMatchPercentage + "</td></tr>"), "</table>"' ./bd/bitmaps_test/*/*/report.json
+DOMAIN=$1
+DIR=$2
+jq -c -r --arg REPORT_DOMAIN $DOMAIN --arg ENV_DIR $DIR '
+  "<table><tr><th align=\"left\">Test</th><th>Viewport</th><th align=\"right\">Mismatch Amount</th></tr>",
+  (.tests[] | select(.status | contains("fail")) |
+    "<tr><td><a href=\"https://" + $REPORT_DOMAIN + "/backstop/html_report/gh-" + $ENV_DIR + "/index.html#test" + (.pair.testIndex|tostring) + "\" target=\"_blank\">" + .pair.label + "</a></td>",
+    "<td align=\"center\">" + .pair.viewportLabel + "</td>",
+    "<td align=\"right\">" + .pair.diff.misMatchPercentage + "</td></tr>"
+  ),
+  "</table>"
+' ./bd/bitmaps_test/*/*/report.json

_ci/backstop/ecosystem.config.js

@@ -1,7 +1,7 @@
 module.exports = {
   apps: [
     {
-      name: 'UI http-server :8080',
+      name: 'UI http-server :443',
       namespace: 'backstop',
       script: 'npm',
       args: 'run serve',