Compare commits

...

37 Commits

Author SHA1 Message Date
hikari 689dbbb76f docs: update feedback section to use support forum
Node.js CI / CI (push) Successful in 21s
Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 1m13s
2026-01-26 12:36:50 -08:00
naomi 4bd168585f release: v3.5.0
Node.js CI / CI (push) Successful in 18s
Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 1m0s
2025-12-23 12:03:19 -08:00
naomi b52f67df8e feat: ability to block community cta modal on specific urls
Node.js CI / CI (push) Successful in 19s
Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 50s
2025-12-23 12:01:37 -08:00
naomi ba2f300755 feat: automated upload of .gitea/workflows/ci.yml
Node.js CI / CI (push) Successful in 19s
Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 56s
2025-12-22 19:41:48 +01:00
naomi a362e67051 feat: automated upload of .gitea/workflows/ci.yml
Node.js CI / CI (push) Failing after 9s
Security Scan and Upload / Security & DefectDojo Upload (push) Has been cancelled
2025-12-22 19:35:16 +01:00
naomi 58d4a26afe feat: automated upload of .gitea/workflows/ci.yml
Node.js CI / Lint and Test (push) Failing after 3s
Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 58s
2025-12-22 19:25:08 +01:00
naomi 9f5f83b32b feat: automated upload of .npmrc
Node.js CI / Lint and Test (push) Successful in 23s
Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 1m4s
2025-12-22 19:16:02 +01:00
naomi 0ca8b41f25 feat: automated upload of .gitea/workflows/security.yml
Node.js CI / Lint and Test (push) Successful in 28s
Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 57s
2025-12-18 03:07:58 +01:00
naomi 531aeaa703 feat: automated upload of .gitea/workflows/security.yml
Node.js CI / Lint and Test (push) Successful in 28s
Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 1m14s
2025-12-17 23:25:57 +01:00
naomi bc99b44e38 feat: automated upload of .gitea/workflows/security.yml
Node.js CI / Lint and Test (push) Successful in 27s
Security Scan / Security Audit (push) Failing after 6m50s
2025-12-12 03:37:44 +01:00
naomi 43cbdfc820 feat: automated upload of .gitea/workflows/security.yml
Node.js CI / Lint and Test (push) Successful in 23s
Security Scan / Trivy Security Scan (push) Failing after 4m48s
2025-12-11 20:11:56 +01:00
naomi ccf3db91cd fix: property structure for analytics
Node.js CI / Lint and Test (push) Successful in 22s
2025-12-10 19:24:03 -08:00
naomi 7f8bcb31f0 release: v3.4.0
Node.js CI / Lint and Test (push) Successful in 23s
2025-12-10 19:07:02 -08:00
naomi 7a5032c112 feat: migrate analytics to latest plausible version 2025-12-10 19:06:34 -08:00
naomi f77c890e8e fix: decrease global font size, handle small screens in footer 2025-12-10 19:00:47 -08:00
naomi 923c44e634 feat: larger font size
Node.js CI / Lint and Test (push) Successful in 1m15s
2025-11-10 09:46:29 -08:00
naomi 9124ba2faa release: v3.3.0
Node.js CI / Lint and Test (push) Successful in 42s
2025-10-30 10:49:01 -07:00
naomi 11786260d8 feat: add more metadata
Node.js CI / Lint and Test (push) Has been cancelled
2025-10-30 10:48:42 -07:00
naomi aec68b86bb release: v3.2.0
Node.js CI / Lint and Test (push) Successful in 45s
2025-10-29 12:56:18 -07:00
naomi 791a0fab4f feat: new font wooooo 2025-10-29 12:56:18 -07:00
naomi a7540edb8f chore: remove sonar
Node.js CI / Lint and Test (push) Successful in 43s
2025-09-03 16:19:48 -07:00
naomi eee2fb7de3 release: v3.1.0
Code Analysis / SonarQube (push) Failing after 17s
Node.js CI / Lint and Test (push) Successful in 43s
2025-09-03 16:18:46 -07:00
naomi ee00ff835a feat: update theme colours (#6)
Code Analysis / SonarQube (push) Failing after 18s
Node.js CI / Lint and Test (push) Has been cancelled
### Explanation

_No response_

### Issue

_No response_

### Attestations

- [ ] I have read and agree to the [Code of Conduct](https://docs.nhcarrigan.com/community/coc/)
- [ ] I have read and agree to the [Community Guidelines](https://docs.nhcarrigan.com/community/guide/).
- [ ] My contribution complies with the [Contributor Covenant](https://docs.nhcarrigan.com/dev/covenant/).

### Dependencies

- [ ] I have pinned the dependencies to a specific patch version.

### Style

- [ ] I have run the linter and resolved any errors.
- [ ] My pull request uses an appropriate title, matching the conventional commit standards.
- [ ] My scope of feat/fix/chore/etc. correctly matches the nature of changes in my pull request.

### Tests

- [ ] My contribution adds new code, and I have added tests to cover it.
- [ ] My contribution modifies existing code, and I have updated the tests to reflect these changes.
- [ ] All new and existing tests pass locally with my changes.
- [ ] Code coverage remains at or above the configured threshold.

### Documentation

_No response_

### Versioning

_No response_

Reviewed-on: #6
Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>
2025-09-03 16:18:35 -07:00
naomi 58773fc193 release: v3.0.0
Code Analysis / SonarQube (push) Failing after 17s
Node.js CI / Lint and Test (push) Successful in 40s
2025-07-08 16:46:48 -07:00
naomi 5d0660c003 feat!: rename variables to avoid collision (#5)
Code Analysis / SonarQube (push) Failing after 16s
Node.js CI / Lint and Test (push) Has been cancelled
### Explanation

_No response_

### Issue

_No response_

### Attestations

- [x] I have read and agree to the [Code of Conduct](https://docs.nhcarrigan.com/community/coc/)
- [x] I have read and agree to the [Community Guidelines](https://docs.nhcarrigan.com/community/guide/).
- [x] My contribution complies with the [Contributor Covenant](https://docs.nhcarrigan.com/dev/covenant/).

### Dependencies

- [x] I have pinned the dependencies to a specific patch version.

### Style

- [x] I have run the linter and resolved any errors.
- [x] My pull request uses an appropriate title, matching the conventional commit standards.
- [x] My scope of feat/fix/chore/etc. correctly matches the nature of changes in my pull request.

### Tests

- [ ] My contribution adds new code, and I have added tests to cover it.
- [ ] My contribution modifies existing code, and I have updated the tests to reflect these changes.
- [ ] All new and existing tests pass locally with my changes.
- [ ] Code coverage remains at or above the configured threshold.

### Documentation

_No response_

### Versioning

Major - My pull request introduces a breaking change.

Reviewed-on: #5
Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>
2025-07-08 16:46:34 -07:00
naomi ab663e9f4b feat: add full social list to footer (#4)
Code Analysis / SonarQube (push) Failing after 16s
Node.js CI / Lint and Test (push) Successful in 39s
### Explanation

_No response_

### Issue

_No response_

### Attestations

- [x] I have read and agree to the [Code of Conduct](https://docs.nhcarrigan.com/community/coc/)
- [x] I have read and agree to the [Community Guidelines](https://docs.nhcarrigan.com/community/guide/).
- [x] My contribution complies with the [Contributor Covenant](https://docs.nhcarrigan.com/dev/covenant/).

### Dependencies

- [x] I have pinned the dependencies to a specific patch version.

### Style

- [x] I have run the linter and resolved any errors.
- [x] My pull request uses an appropriate title, matching the conventional commit standards.
- [x] My scope of feat/fix/chore/etc. correctly matches the nature of changes in my pull request.

### Tests

- [ ] My contribution adds new code, and I have added tests to cover it.
- [ ] My contribution modifies existing code, and I have updated the tests to reflect these changes.
- [ ] All new and existing tests pass locally with my changes.
- [ ] Code coverage remains at or above the configured threshold.

### Documentation

_No response_

### Versioning

_No response_

Reviewed-on: #4
Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>
2025-07-08 16:32:40 -07:00
naomi 2bd410631b release: v2.1.0
Code Analysis / SonarQube (push) Failing after 16s
Node.js CI / Lint and Test (push) Successful in 41s
2025-07-04 14:30:54 -07:00
naomi 25ec9f8e2a feat: add id to programmatically remove custom styling (#3)
Code Analysis / SonarQube (push) Failing after 15s
Node.js CI / Lint and Test (push) Has been cancelled
### Explanation

_No response_

### Issue

_No response_

### Attestations

- [x] I have read and agree to the [Code of Conduct](https://docs.nhcarrigan.com/community/coc/)
- [x] I have read and agree to the [Community Guidelines](https://docs.nhcarrigan.com/community/guide/).
- [x] My contribution complies with the [Contributor Covenant](https://docs.nhcarrigan.com/dev/covenant/).

### Dependencies

- [ ] I have pinned the dependencies to a specific patch version.

### Style

- [x] I have run the linter and resolved any errors.
- [x] My pull request uses an appropriate title, matching the conventional commit standards.
- [x] My scope of feat/fix/chore/etc. correctly matches the nature of changes in my pull request.

### Tests

- [ ] My contribution adds new code, and I have added tests to cover it.
- [ ] My contribution modifies existing code, and I have updated the tests to reflect these changes.
- [ ] All new and existing tests pass locally with my changes.
- [ ] Code coverage remains at or above the configured threshold.

### Documentation

_No response_

### Versioning

_No response_

Reviewed-on: #3
Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>
2025-07-04 14:30:25 -07:00
naomi 1f450156c8 2.0.0
Code Analysis / SonarQube (push) Failing after 18s
Node.js CI / Lint and Test (push) Successful in 43s
2025-06-27 14:22:09 -07:00
naomi 5e9d0dd11e feat: copyright should link to homepage 2025-06-27 14:21:56 -07:00
naomi 4f05dbafbb feat: remove border radius from CTA avatar
Code Analysis / SonarQube (push) Failing after 16s
Node.js CI / Lint and Test (push) Successful in 43s
2025-06-12 15:23:04 -07:00
naomi 934de19c1e release: v1.8.0
Node.js CI / Lint and Test (push) Successful in 1m8s
Code Analysis / SonarQube (push) Failing after 1m21s
2025-05-31 17:39:55 -07:00
naomi 4a76b22119 feat: replace audio button with donate badge
Code Analysis / SonarQube (push) Has been cancelled
Node.js CI / Lint and Test (push) Has been cancelled
2025-05-31 17:39:34 -07:00
naomi 542aef157a release: v1.7.0
Node.js CI / Lint and Test (push) Successful in 1m18s
Code Analysis / SonarQube (push) Failing after 1m26s
2025-05-30 21:05:18 -07:00
naomi 2e72c34c2d feat: include google ads snippet 2025-05-30 21:04:38 -07:00
naomi c9ae8804eb feat: remove video overlay
Node.js CI / Lint and Test (push) Successful in 1m13s
Code Analysis / SonarQube (push) Failing after 1m24s
2025-05-08 16:55:33 -07:00
naomi a5f17bb2eb feat: use logo in modalx
Node.js CI / Lint and Test (push) Successful in 1m18s
Code Analysis / SonarQube (push) Failing after 1m28s
2025-05-08 16:54:00 -07:00
8 changed files with 674 additions and 310 deletions
+14 -5
View File
@@ -8,22 +8,31 @@ on:
- main - main
jobs: jobs:
lint: ci:
name: Lint and Test name: CI
runs-on: ubuntu-latest
steps: steps:
- name: Checkout Source Files - name: Checkout Source Files
uses: actions/checkout@v4 uses: actions/checkout@v4
- name: Use Node.js v22 - name: Use Node.js v24
uses: actions/setup-node@v4 uses: actions/setup-node@v4
with: with:
node-version: 22 node-version: 24
- name: Setup pnpm - name: Setup pnpm
uses: pnpm/action-setup@v2 uses: pnpm/action-setup@v2
with: with:
version: 9 version: 10
- name: Ensure Dependencies are Pinned
uses: naomi-lgbt/dependency-pin-check@main
with:
language: javascript
dev-dependencies: true
peer-dependencies: true
optional-dependencies: true
- name: Install Dependencies - name: Install Dependencies
run: pnpm install run: pnpm install
+177
View File
@@ -0,0 +1,177 @@
name: Security Scan and Upload
on:
push:
branches: [ main ]
pull_request:
branches: [ main ]
schedule:
- cron: '0 0 * * 1'
workflow_dispatch:
jobs:
security-audit:
name: Security & DefectDojo Upload
runs-on: ubuntu-latest
continue-on-error: true
steps:
- name: Checkout code
uses: actions/checkout@v4
# --- AUTO-SETUP PROJECT ---
- name: Ensure DefectDojo Product Exists
env:
DD_URL: ${{ secrets.DD_URL }}
DD_TOKEN: ${{ secrets.DD_TOKEN }}
PRODUCT_NAME: ${{ github.repository }}
PRODUCT_TYPE_ID: 1
run: |
sudo apt-get install jq -y > /dev/null
echo "Checking connection to $DD_URL..."
# Check if product exists - capture HTTP code to debug connection issues
RESPONSE=$(curl --write-out "%{http_code}" --silent --output /tmp/response.json \
-H "Authorization: Token $DD_TOKEN" \
"$DD_URL/api/v2/products/?name=$PRODUCT_NAME")
# If response is not 200, print error
if [ "$RESPONSE" != "200" ]; then
echo "::error::Failed to query DefectDojo. HTTP Code: $RESPONSE"
cat /tmp/response.json
exit 1
fi
COUNT=$(cat /tmp/response.json | jq -r '.count')
if [ "$COUNT" = "0" ]; then
echo "Creating product '$PRODUCT_NAME'..."
curl -s -X POST "$DD_URL/api/v2/products/" \
-H "Authorization: Token $DD_TOKEN" \
-H "Content-Type: application/json" \
-d '{ "name": "'"$PRODUCT_NAME"'", "description": "Auto-created by Gitea Actions", "prod_type": '$PRODUCT_TYPE_ID' }'
else
echo "Product '$PRODUCT_NAME' already exists."
fi
# --- 1. TRIVY (Dependencies & Misconfig) ---
- name: Install Trivy
run: |
sudo apt-get install wget apt-transport-https gnupg lsb-release -y
wget -qO - https://aquasecurity.github.io/trivy-repo/deb/public.key | sudo apt-key add -
echo "deb https://aquasecurity.github.io/trivy-repo/deb $(lsb_release -sc) main" | sudo tee -a /etc/apt/sources.list.d/trivy.list
sudo apt-get update && sudo apt-get install trivy -y
- name: Run Trivy (FS Scan)
run: |
trivy fs . --scanners vuln,misconfig --format json --output trivy-results.json --exit-code 0
- name: Upload Trivy to DefectDojo
env:
DD_URL: ${{ secrets.DD_URL }}
DD_TOKEN: ${{ secrets.DD_TOKEN }}
run: |
echo "Uploading Trivy results..."
# Generate today's date in YYYY-MM-DD format
TODAY=$(date +%Y-%m-%d)
HTTP_CODE=$(curl --write-out "%{http_code}" --output response.txt --silent -X POST "$DD_URL/api/v2/import-scan/" \
-H "Authorization: Token $DD_TOKEN" \
-F "active=true" \
-F "verified=true" \
-F "scan_type=Trivy Scan" \
-F "engagement_name=CI/CD Pipeline" \
-F "product_name=${{ github.repository }}" \
-F "scan_date=$TODAY" \
-F "auto_create_context=true" \
-F "file=@trivy-results.json")
if [[ "$HTTP_CODE" != "200" && "$HTTP_CODE" != "201" ]]; then
echo "::error::Upload Failed with HTTP $HTTP_CODE"
echo "--- SERVER RESPONSE ---"
cat response.txt
echo "-----------------------"
exit 1
else
echo "Upload Success!"
fi
# --- 2. GITLEAKS (Secrets) ---
- name: Install Gitleaks
run: |
wget -qO gitleaks.tar.gz https://github.com/gitleaks/gitleaks/releases/download/v8.18.0/gitleaks_8.18.0_linux_x64.tar.gz
tar -xzf gitleaks.tar.gz
sudo mv gitleaks /usr/local/bin/ && chmod +x /usr/local/bin/gitleaks
- name: Run Gitleaks
run: gitleaks detect --source . -v --report-path gitleaks-results.json --report-format json --no-git || true
- name: Upload Gitleaks to DefectDojo
env:
DD_URL: ${{ secrets.DD_URL }}
DD_TOKEN: ${{ secrets.DD_TOKEN }}
run: |
echo "Uploading Gitleaks results..."
TODAY=$(date +%Y-%m-%d)
HTTP_CODE=$(curl --write-out "%{http_code}" --output response.txt --silent -X POST "$DD_URL/api/v2/import-scan/" \
-H "Authorization: Token $DD_TOKEN" \
-F "active=true" \
-F "verified=true" \
-F "scan_type=Gitleaks Scan" \
-F "engagement_name=CI/CD Pipeline" \
-F "product_name=${{ github.repository }}" \
-F "scan_date=$TODAY" \
-F "auto_create_context=true" \
-F "file=@gitleaks-results.json")
if [[ "$HTTP_CODE" != "200" && "$HTTP_CODE" != "201" ]]; then
echo "::error::Upload Failed with HTTP $HTTP_CODE"
echo "--- SERVER RESPONSE ---"
cat response.txt
echo "-----------------------"
exit 1
else
echo "Upload Success!"
fi
# --- 3. SEMGREP (SAST) ---
- name: Install Semgrep (via pipx)
run: |
sudo apt-get install pipx -y
pipx install semgrep
# Add pipx binary path to GITHUB_PATH so next steps can see 'semgrep'
echo "$HOME/.local/bin" >> $GITHUB_PATH
- name: Run Semgrep
run: semgrep scan --config=p/security-audit --config=p/owasp-top-ten --json --output semgrep-results.json . || true
- name: Upload Semgrep to DefectDojo
env:
DD_URL: ${{ secrets.DD_URL }}
DD_TOKEN: ${{ secrets.DD_TOKEN }}
run: |
echo "Uploading Semgrep results..."
TODAY=$(date +%Y-%m-%d)
HTTP_CODE=$(curl --write-out "%{http_code}" --output response.txt --silent -X POST "$DD_URL/api/v2/import-scan/" \
-H "Authorization: Token $DD_TOKEN" \
-F "active=true" \
-F "verified=true" \
-F "scan_type=Semgrep JSON Report" \
-F "engagement_name=CI/CD Pipeline" \
-F "product_name=${{ github.repository }}" \
-F "scan_date=$TODAY" \
-F "auto_create_context=true" \
-F "file=@semgrep-results.json")
if [[ "$HTTP_CODE" != "200" && "$HTTP_CODE" != "201" ]]; then
echo "::error::Upload Failed with HTTP $HTTP_CODE"
echo "--- SERVER RESPONSE ---"
cat response.txt
echo "-----------------------"
exit 1
else
echo "Upload Success!"
fi
-34
View File
@@ -1,34 +0,0 @@
name: Code Analysis
on:
push:
branches:
- main
jobs:
sonar:
name: SonarQube
steps:
- name: Checkout Source Files
uses: actions/checkout@v4
with:
fetch-depth: 0
- name: SonarCube Scan
uses: SonarSource/sonarqube-scan-action@v4
timeout-minutes: 10
env:
SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}
SONAR_HOST_URL: "https://quality.nhcarrigan.com"
with:
args: >
-Dsonar.sources=.
-Dsonar.projectKey=website-headers
- name: SonarQube Quality Gate check
uses: sonarsource/sonarqube-quality-gate-action@v1
with:
pollingTimeoutSec: 600
env:
SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}
SONAR_HOST_URL: "https://quality.nhcarrigan.com"
+25
View File
@@ -0,0 +1,25 @@
# Package Manager Configuration
# Force pnpm usage - breaks npm/yarn intentionally
node-linker=pnpm
# Security: Disable all lifecycle scripts
ignore-scripts=true
enable-pre-post-scripts=false
# Security: Require packages to be 10+ days old before installation
minimum-release-age=14400
# Security: Verify package integrity hashes
verify-store-integrity=true
# Security: Enforce strict trust policies
trust-policy=strict
# Security: Strict peer dependency resolution
strict-peer-dependencies=true
# Performance: Use symlinks for node_modules
symlink=true
# Lockfile: Ensure lockfile is not modified during install
frozen-lockfile=false
+6 -1
View File
@@ -8,5 +8,10 @@
"sonarlint.connectedMode.project": { "sonarlint.connectedMode.project": {
"connectionId": "nhcarrigan", "connectionId": "nhcarrigan",
"projectKey": "nhcarrigan_website-headers" "projectKey": "nhcarrigan_website-headers"
} },
"cSpell.words": [
"Adsense",
"nhcarrigan",
"noreferrer"
]
} }
+1 -1
View File
@@ -12,7 +12,7 @@ This page is currently deployed. [View the live website.]
## Feedback and Bugs ## Feedback and Bugs
If you have feedback or a bug report, please feel free to open a GitHub issue! If you have feedback or a bug report, please [log a ticket on our forum](https://support.nhcarrigan.com).
## Contributing ## Contributing
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "website-headers", "name": "website-headers",
"version": "1.6.0", "version": "3.5.0",
"description": "", "description": "",
"main": "index.js", "main": "index.js",
"type": "module", "type": "module",
+442 -260
View File
@@ -5,13 +5,13 @@
*/ */
// #region Version // #region Version
const version = "{{ version }}"; const nhcarriganHeadersVersion = "{{ version }}";
console.log(` console.log(`
======================================== ========================================
Loading NHCarrigan library v${version}. Loading NHCarrigan library v${nhcarriganHeadersVersion}.
Copyright (c) ${new Date().getFullYear(). Copyright (c) ${new Date().getFullYear().
toString()} NHCarrigan toString()} NHCarrigan
Changelog: https://codeberg.org/nhcarrigan/website-headers/releases Changelog: https://git.nhcarrigan.com/nhcarrigan/website-headers/releases
Licensed under our public license: https://docs.nhcarrigan.com/legal/license Licensed under our public license: https://docs.nhcarrigan.com/legal/license
Questions? Contact us at https://docs.nhcarrigan.com/about/contact Questions? Contact us at https://docs.nhcarrigan.com/about/contact
======================================== ========================================
@@ -19,12 +19,18 @@ Questions? Contact us at https://docs.nhcarrigan.com/about/contact
// #endregion // #endregion
// #region Query Selectors // #region Query Selectors
const head = document.querySelector("head"); const nhcarriganHeadersHead = document.querySelector("head");
const body = document.querySelector("body"); const nhcarriganHeadersBody = document.querySelector("body");
const title = document.querySelector("title"); const nhcarriganHeadersTitle = document.querySelector("title");
const description = document.querySelector(`meta[name="description"]`); const nhcarriganHeadersDescription = document.querySelector(
`meta[name="description"]`,
);
const { href: url, hostname, pathname } = window.location; const {
href: nhcarriganHeadersUrl,
hostname: nhcarriganHeadersHostname,
pathname: nhcarriganHeadersPathname,
} = window.location;
// #endregion // #endregion
@@ -34,86 +40,155 @@ const { href: url, hostname, pathname } = window.location;
* The title and description are set by each website. This should * The title and description are set by each website. This should
* only load things like open graph data and favicons. * only load things like open graph data and favicons.
*/ */
const openGraphTitle = document.createElement("meta"); const nhcarriganHeadersCharacterSet = document.createElement("meta");
openGraphTitle.setAttribute("property", "og:title"); nhcarriganHeadersCharacterSet.setAttribute("charset", "UTF-8");
openGraphTitle.setAttribute("content", title?.innerText ?? "NHCarrigan"); const nhcarriganHeadersViewport = document.createElement("meta");
const openGraphDescription = document.createElement("meta"); nhcarriganHeadersViewport.setAttribute("name", "viewport");
openGraphDescription.setAttribute("property", "og:description"); nhcarriganHeadersViewport.setAttribute(
openGraphDescription.setAttribute(
"content", "content",
description?.getAttribute("content") "width=device-width, initial-scale=1.0",
// eslint-disable-next-line stylistic/max-len );
const nhcarriganHeadersThemeColor = document.createElement("meta");
nhcarriganHeadersThemeColor.setAttribute("name", "theme-color");
nhcarriganHeadersThemeColor.setAttribute("content", "#E1F6F9");
const nhcarriganHeadersReferrer = document.createElement("meta");
nhcarriganHeadersReferrer.setAttribute("name", "referrer");
nhcarriganHeadersReferrer.setAttribute(
"content",
"strict-origin-when-cross-origin",
);
const nhcarriganHeadersOpenGraphTitle = document.createElement("meta");
nhcarriganHeadersOpenGraphTitle.setAttribute("property", "og:title");
nhcarriganHeadersOpenGraphTitle.setAttribute(
"content",
nhcarriganHeadersTitle?.innerText ?? "NHCarrigan",
);
const nhcarriganHeadersOpenGraphDescription = document.createElement("meta");
nhcarriganHeadersOpenGraphDescription.setAttribute(
"property",
"og:description",
);
nhcarriganHeadersOpenGraphDescription.setAttribute(
"content",
nhcarriganHeadersDescription?.getAttribute("content")
?? "We are a software engineering and community management consulting firm.", ?? "We are a software engineering and community management consulting firm.",
); );
const openGraphImage = document.createElement("meta"); const nhcarriganHeadersOpenGraphImage = document.createElement("meta");
openGraphImage.setAttribute("property", "og:image"); nhcarriganHeadersOpenGraphImage.setAttribute("property", "og:image");
openGraphImage.setAttribute( nhcarriganHeadersOpenGraphImage.setAttribute(
"content", "content",
"https://cdn.nhcarrigan.com/og-image.png", "https://cdn.nhcarrigan.com/og-image.png",
); );
const openGraphUrl = document.createElement("meta"); const nhcarriganHeadersOpenGraphUrl = document.createElement("meta");
openGraphUrl.setAttribute("property", "og:url"); nhcarriganHeadersOpenGraphUrl.setAttribute("property", "og:url");
openGraphUrl.setAttribute("content", url); nhcarriganHeadersOpenGraphUrl.setAttribute("content", nhcarriganHeadersUrl);
const openGraphType = document.createElement("meta"); const nhcarriganHeadersOpenGraphType = document.createElement("meta");
openGraphType.setAttribute("property", "og:type"); nhcarriganHeadersOpenGraphType.setAttribute("property", "og:type");
openGraphType.setAttribute("content", "website"); nhcarriganHeadersOpenGraphType.setAttribute("content", "website");
const nhcarriganHeadersOpenGraphSiteName = document.createElement("meta");
nhcarriganHeadersOpenGraphSiteName.setAttribute("property", "og:site_name");
nhcarriganHeadersOpenGraphSiteName.setAttribute("content", "NHCarrigan");
const nhcarriganHeadersOpenGraphLocale = document.createElement("meta");
nhcarriganHeadersOpenGraphLocale.setAttribute("property", "og:locale");
nhcarriganHeadersOpenGraphLocale.setAttribute("content", "en_US");
const nhcarriganHeadersOpenGraphImageAlt = document.createElement("meta");
nhcarriganHeadersOpenGraphImageAlt.setAttribute("property", "og:image:alt");
nhcarriganHeadersOpenGraphImageAlt.
setAttribute("content", "NHCarrigan logo and branding");
const nhcarriganHeadersOpenGraphImageWidth = document.createElement("meta");
nhcarriganHeadersOpenGraphImageWidth.setAttribute("property", "og:image:width");
nhcarriganHeadersOpenGraphImageWidth.setAttribute("content", "1920");
const nhcarriganHeadersOpenGraphImageHeight = document.createElement("meta");
nhcarriganHeadersOpenGraphImageHeight.
setAttribute("property", "og:image:height");
nhcarriganHeadersOpenGraphImageHeight.setAttribute("content", "1080");
const twitterCard = document.createElement("meta"); const nhcarriganHeadersTwitterCard = document.createElement("meta");
twitterCard.setAttribute("name", "twitter:card"); nhcarriganHeadersTwitterCard.setAttribute("name", "twitter:card");
twitterCard.setAttribute("content", "summary_large_image"); nhcarriganHeadersTwitterCard.setAttribute("content", "summary_large_image");
const twitterDomain = document.createElement("meta"); const nhcarriganHeadersTwitterDomain = document.createElement("meta");
twitterDomain.setAttribute("name", "twitter:domain"); nhcarriganHeadersTwitterDomain.setAttribute("name", "twitter:domain");
twitterDomain.setAttribute("content", hostname); nhcarriganHeadersTwitterDomain.setAttribute(
const twitterUrl = document.createElement("meta");
twitterUrl.setAttribute("name", "twitter:url");
twitterUrl.setAttribute("content", url);
const twitterTitle = document.createElement("meta");
twitterTitle.setAttribute("name", "twitter:title");
twitterTitle.setAttribute("content", title?.innerText ?? "NHCarrigan");
const twitterDescription = document.createElement("meta");
twitterDescription.setAttribute("name", "twitter:description");
twitterDescription.setAttribute(
"content", "content",
description?.getAttribute("content") nhcarriganHeadersHostname,
// eslint-disable-next-line stylistic/max-len );
const nhcarriganHeadersTwitterUrl = document.createElement("meta");
nhcarriganHeadersTwitterUrl.setAttribute("name", "twitter:url");
nhcarriganHeadersTwitterUrl.setAttribute("content", nhcarriganHeadersUrl);
const nhcarriganHeadersTwitterTitle = document.createElement("meta");
nhcarriganHeadersTwitterTitle.setAttribute("name", "twitter:title");
nhcarriganHeadersTwitterTitle.setAttribute(
"content",
nhcarriganHeadersTitle?.innerText ?? "NHCarrigan",
);
const nhcarriganHeadersTwitterDescription = document.createElement("meta");
nhcarriganHeadersTwitterDescription.setAttribute("name", "twitter:description");
nhcarriganHeadersTwitterDescription.setAttribute(
"content",
nhcarriganHeadersDescription?.getAttribute("content")
?? "We are a software engineering and community management consulting firm.", ?? "We are a software engineering and community management consulting firm.",
); );
const twitterImage = document.createElement("meta"); const nhcarriganHeadersTwitterImage = document.createElement("meta");
twitterImage.setAttribute("name", "twitter:image"); nhcarriganHeadersTwitterImage.setAttribute("name", "twitter:image");
twitterImage.setAttribute("content", "https://cdn.nhcarrigan.com/og-image.png"); nhcarriganHeadersTwitterImage.setAttribute(
"content",
"https://cdn.nhcarrigan.com/og-image.png",
);
const nhcarriganHeadersTwitterSite = document.createElement("meta");
nhcarriganHeadersTwitterSite.setAttribute("name", "twitter:site");
nhcarriganHeadersTwitterSite.setAttribute("content", "@nhcarrigan1");
const nhcarriganHeadersTwitterCreator = document.createElement("meta");
nhcarriganHeadersTwitterCreator.setAttribute("name", "twitter:creator");
nhcarriganHeadersTwitterCreator.setAttribute("content", "@nhcarrigan1");
const nhcarriganHeadersFormatDetection = document.createElement("meta");
nhcarriganHeadersFormatDetection.setAttribute("name", "format-detection");
nhcarriganHeadersFormatDetection.setAttribute("content", "telephone=no");
const nhcarriganHeadersRobots = document.createElement("meta");
nhcarriganHeadersRobots.setAttribute("name", "robots");
nhcarriganHeadersRobots.setAttribute("content", "index, follow");
const nhcarriganHeadersAuthor = document.createElement("meta");
nhcarriganHeadersAuthor.setAttribute("name", "author");
nhcarriganHeadersAuthor.setAttribute("content", "Naomi Carrigan");
// #endregion // #endregion
// #region Favicon // #region Favicon
const favicon = document.createElement("link"); const nhcarriganHeadersFavicon = document.createElement("link");
favicon.rel = "icon"; nhcarriganHeadersFavicon.rel = "icon";
favicon.type = "image/x-icon"; nhcarriganHeadersFavicon.type = "image/x-icon";
favicon.href = "https://cdn.nhcarrigan.com/favicon/favicon.ico"; nhcarriganHeadersFavicon.href
const appleTouchIcon = document.createElement("link"); = "https://cdn.nhcarrigan.com/favicon/favicon.ico";
appleTouchIcon.rel = "apple-touch-icon"; const nhcarriganHeadersAppleTouchIcon = document.createElement("link");
appleTouchIcon.href = "https://cdn.nhcarrigan.com/favicon/apple-touch-icon.png"; nhcarriganHeadersAppleTouchIcon.rel = "apple-touch-icon";
const smallIcon = document.createElement("link"); nhcarriganHeadersAppleTouchIcon.href
smallIcon.rel = "icon"; = "https://cdn.nhcarrigan.com/favicon/apple-touch-icon.png";
smallIcon.href = "https://cdn.nhcarrigan.com/favicon/favicon-16x16.png"; const nhcarriganHeadersSmallIcon = document.createElement("link");
const largeIcon = document.createElement("link"); nhcarriganHeadersSmallIcon.rel = "icon";
largeIcon.rel = "icon"; nhcarriganHeadersSmallIcon.href
largeIcon.href = "https://cdn.nhcarrigan.com/favicon/favicon-32x32.png"; = "https://cdn.nhcarrigan.com/favicon/favicon-16x16.png";
const nhcarriganHeadersLargeIcon = document.createElement("link");
nhcarriganHeadersLargeIcon.rel = "icon";
nhcarriganHeadersLargeIcon.href
= "https://cdn.nhcarrigan.com/favicon/favicon-32x32.png";
// #endregion // #endregion
// #region Styles // #region Styles
const styles = document.createElement("style"); const nhcarriganHeadersStyles = document.createElement("style");
styles.innerHTML = ` nhcarriganHeadersStyles.id = "nhcarrigan-global-styles";
nhcarriganHeadersStyles.innerHTML = `
@font-face { @font-face {
font-family: 'OpenDyslexic'; font-family: 'Vampyr';
src: url('https://cdn.nhcarrigan.com/fonts/OpenDyslexicMono-Regular.otf') format('opentype'); src: url('https://cdn.nhcarrigan.com/fonts/vampyr.ttf') format('truetype');
} }
:root { :root {
--foreground: #2a0a18; --foreground: #8F2447;
--background: #ffb6c1bb; --background: #E1F6F9DC;
font-size: 12pt;
} }
* { * {
@@ -123,7 +198,7 @@ styles.innerHTML = `
} }
html { html {
font-family: 'OpenDyslexic', monospace; font-family: 'Vampyr', monospace;
cursor: url('https://cdn.nhcarrigan.com/cursors/cursor.cur'), auto; cursor: url('https://cdn.nhcarrigan.com/cursors/cursor.cur'), auto;
min-height: 100vh; min-height: 100vh;
min-width: 100vw; min-width: 100vw;
@@ -152,7 +227,7 @@ main {
width: 95%; width: 95%;
max-width: 1080px; max-width: 1080px;
margin: auto; margin: auto;
margin-bottom: 105px; margin-bottom: 85px;
padding: 10px; padding: 10px;
} }
footer { footer {
@@ -161,7 +236,7 @@ footer {
background-color: var(--background); background-color: var(--background);
position: fixed; position: fixed;
bottom: 0; bottom: 0;
height: 95px; height: 75px;
padding: 0 10px; padding: 0 10px;
} }
#footer-inner-container { #footer-inner-container {
@@ -176,11 +251,16 @@ footer {
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
} }
#audio-theme-button, #theme-select-button { #show-socials-button, #theme-select-button {
background: none; background: none;
border: none; border: none;
cursor: url('https://cdn.nhcarrigan.com/cursors/pointer.cur'), pointer; cursor: url('https://cdn.nhcarrigan.com/cursors/pointer.cur'), pointer;
color: var(--foreground); color: var(--foreground);
font-size: 1rem;
font-family: 'Vampyr', monospace;
}
#show-socials-button > i, #theme-select-button > i {
font-size: 1.5rem;
} }
a { a {
color: unset; color: unset;
@@ -190,40 +270,45 @@ a {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.is-dark { #social-list {
--foreground: #ffb6c1; position: absolute;
--background: #2a0a18bb; bottom: 75px;
} left: 0;
@media screen and (prefers-reduced-motion) { right: 0;
#footer-badge-container { width: 100vw;
max-width: 400px;
padding: 10px;
background-color: var(--background);
color: var(--foreground);
border-radius: 10px;
border: 1px solid var(--foreground);
display: none; display: none;
z-index: 1000;
} }
footer, #footer-inner-container { .social-list-item {
height: 75px; padding: 10px;
justify-content: space-around;
} }
main { .social-list-item > a {
margin-bottom: 85px; display: flex;
align-items: center;
justify-content: space-between;
text-decoration: none;
} }
.social-list-divider {
border: 0.5px solid var(--foreground);
} }
@media screen and (max-width: 1225px) { .social-list-item:hover {
#footer-badge-container { background-color: var(--foreground);
grid-template-columns: repeat(4, 1fr); color: var(--background);
}
footer {
height: 120px;
}
main {
margin-bottom: 130px;
} }
.is-dark {
--foreground: #E1F6F9;
--background: #8F2447bb;
} }
@media screen and (max-width: 625px) { @media screen and (max-width: 625px) {
#tree-nation-offset-website { #tree-nation-offset-website {
display: none; display: none;
} }
#footer-badge-container {
display: none;
}
footer, #footer-inner-container { footer, #footer-inner-container {
height: 50px; height: 50px;
justify-content: space-around; justify-content: space-around;
@@ -232,66 +317,104 @@ a {
margin-bottom: 60px; margin-bottom: 60px;
} }
} }
@media screen and (max-width: 425px) {
#donate-badge {
display: none;
}
}
@media screen and (max-width: 350px) {
footer, #show-socials-button, #theme-select-button, #show-socials-button > i, #theme-select-button > i {
font-size: 10pt;
}
}
`; `;
// #endregion // #endregion
// #region Components // #region Components
const footer = document.createElement("footer"); const nhcarriganHeadersFooter = document.createElement("footer");
footer.innerHTML = ` nhcarriganHeadersFooter.innerHTML = `
<div id="footer-badge-container">
<img src="https://cdn.nhcarrigan.com/blinkies/bigots.gif" alt="no bigots allowed"/>
<img src="https://cdn.nhcarrigan.com/blinkies/blm.gif" alt="black lives matter"/>
<img src="https://cdn.nhcarrigan.com/blinkies/miku.gif" alt="miku fan!!!"/>
<img src="https://cdn.nhcarrigan.com/blinkies/neuro.gif" alt="neurodivergent pride"/>
<img src="https://cdn.nhcarrigan.com/blinkies/palestine.gif" alt="free palestine"/>
<img src="https://cdn.nhcarrigan.com/blinkies/technomancer.gif" alt="technomancer"/>
<img src="https://cdn.nhcarrigan.com/blinkies/trans.gif" alt="trans rights!!!"/>
<img src="https://cdn.nhcarrigan.com/blinkies/ukraine.gif" alt="glory to ukraine"/>
</div>
<div id="footer-inner-container"> <div id="footer-inner-container">
<p>&copy; Naomi Carrigan</p> <p id="footer-copyright">&copy; <a href="https://nhcarrigan.com" target="_blank">Naomi Carrigan</a></p>
<a href="https://chat.nhcarrigan.com" target="_blank" rel="noreferrer"> <button id="show-socials-button" type="button">
<i class="fa-solid fa-comments"></i> <i class="fa-solid fa-share-nodes"></i> Connect with Us
</a> </button>
<button id="theme-select-button" type="button"> <button id="theme-select-button" type="button">
<i id="theme-select-icon" class="fa-solid fa-moon"></i> <i id="theme-select-icon" class="fa-solid fa-moon"></i> Toggle Theme
</button>
<button id="audio-theme-button" type="button">
<i class="fa-solid fa-play"></i>
</button> </button>
<a id="donate-badge" href="https://buy.stripe.com/cN24iTfqu1j6b3afZ2" target="_blank" rel="noreferrer">
<img src="https://cdn.nhcarrigan.com/donate.png" alt="Donate" style="width: 70px; height: 70px;">
</a>
<div id="tree-nation-offset-website"></div> <div id="tree-nation-offset-website"></div>
</div> </div>
<div id="social-list">
<div class="social-list-item">
<a href="https://chat.nhcarrigan.com" target="_blank" rel="noreferrer">
<i class="fa-brands fa-discord"></i><span>Join our Discord~!</span>
</a>
</div>
<hr class="social-list-divider" />
<div class="social-list-item">
<a href="https://forum.nhcarrigan.com" target="_blank" rel="noreferrer">
<i class="fa-brands fa-discourse"></i><span>Sign up for our forum~!</span>
</a>
</div>
<hr class="social-list-divider" />
<div class="social-list-item">
<a href="https://git.nhcarrigan.com" target="_blank" rel="noreferrer">
<i class="fa-brands fa-git-alt"></i><span>Check out our source code~!</span>
</a>
</div>
<hr class="social-list-divider" />
<div class="social-list-item">
<a href="https://bsky.app/profile/nhcarrigan.com" target="_blank" rel="noreferrer">
<i class="fa-brands fa-bluesky"></i><span>Follow us on Bluesky~!</span>
</a>
</div>
<hr class="social-list-divider" />
<div class="social-list-item">
<a href="https://www.linkedin.com/company/nhcarrigan" target="_blank" rel="noreferrer">
<i class="fa-brands fa-linkedin"></i><span>Connect with us on LinkedIn~!</span>
</a>
</div>
<hr class="social-list-divider" />
<div class="social-list-item">
<a href="https://www.reddit.com/r/nhcarrigan/" target="_blank" rel="noreferrer">
<i class="fa-brands fa-reddit"></i><span>Join our subreddit~!</span>
</a>
</div>
<hr class="social-list-divider" />
<div class="social-list-item">
<a href="https://www.youtube.com/@naomilgbt" target="_blank" rel="noreferrer">
<i class="fa-brands fa-youtube"></i><span>Subscribe to our YouTube~!</span>
</a>
</div>
<hr class="social-list-divider" />
<div class="social-list-item">
<a href="https://twitch.tv/naomilgbt" target="_blank" rel="noreferrer">
<i class="fa-brands fa-twitch"></i><span>Subscribe to our Twitch~!</span>
</a>
</div>
<hr class="social-list-divider" />
<div class="social-list-item">
<a href="https://x.com/nhcarrigan1" target="_blank" rel="noreferrer">
<i class="fa-brands fa-twitter"></i><span>We are even on Twitter~!</span>
</a>
</div>
</div>
`; `;
const videoOverlay = document.createElement("video");
videoOverlay.autoplay = true;
videoOverlay.loop = true;
videoOverlay.muted = true;
videoOverlay.playsInline = true;
videoOverlay.src = "https://cdn.nhcarrigan.com/overlay.webm";
videoOverlay.style.pointerEvents = "none";
videoOverlay.style.position = "fixed";
videoOverlay.style.top = "0";
videoOverlay.style.left = "0";
videoOverlay.style.opacity = "0.25";
videoOverlay.style.width = "100vw";
videoOverlay.style.height = "100vh";
videoOverlay.style.objectFit = "cover";
videoOverlay.style.zIndex = "10000";
// #endregion
// #region Scripts // #region Scripts
const treeNation = document.createElement("script"); const nhcarriganHeadersTreeNation = document.createElement("script");
treeNation.src nhcarriganHeadersTreeNation.src
= "https://widgets.tree-nation.com/js/widgets/v1/widgets.min.js?v=1.0"; = "https://widgets.tree-nation.com/js/widgets/v1/widgets.min.js?v=1.0";
const treeNationBottom = document.createElement("script"); const nhcarriganHeadersTreeNationBottom = document.createElement("script");
treeNationBottom.defer = true; nhcarriganHeadersTreeNationBottom.defer = true;
treeNationBottom.async = true; nhcarriganHeadersTreeNationBottom.async = true;
treeNationBottom.innerHTML = ` nhcarriganHeadersTreeNationBottom.innerHTML = `
const interval = setInterval(() => { const interval = setInterval(() => {
const tree = document.querySelector("#tree-nation-offset-website"); const tree = document.querySelector("#tree-nation-offset-website");
if (!tree) { if (!tree) {
@@ -306,131 +429,169 @@ const interval = setInterval(() => {
clearInterval(interval); clearInterval(interval);
}, 1000); }, 1000);
`; `;
const fontAwesome = document.createElement("script"); const nhcarriganHeadersFontAwesome = document.createElement("script");
fontAwesome.src = "https://kit.fontawesome.com/f949111719.js"; nhcarriganHeadersFontAwesome.src = "https://kit.fontawesome.com/f949111719.js";
const analytics = document.createElement("script"); const nhcarriganHeadersAnalytics = document.createElement("script");
analytics.defer = true; nhcarriganHeadersAnalytics.defer = true;
analytics.setAttribute("domain", "nhcarrigan.com"); nhcarriganHeadersAnalytics.src
analytics.src
// eslint-disable-next-line stylistic/max-len = "https://analytics.nhcarrigan.com/js/pa-YUXAn1vhhRttySUAw_LMN.js";
= "https://analytics.nhcarrigan.com/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js"; const nhcarriganHeadersAnalytics2 = document.createElement("script");
analytics.setAttribute("event-domain", hostname); nhcarriganHeadersAnalytics2.innerHTML = `
analytics.setAttribute("data-domain", "nhcarrigan.com"); window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
analytics.setAttribute("event-page", title?.innerText ?? "Unknown Page"); plausible.init({
analytics.setAttribute("event-path", pathname); customProperties: {
const analytics2 = document.createElement("script"); domain: "${nhcarriganHeadersHostname}",
analytics2.innerHTML = ` page: "${nhcarriganHeadersTitle?.innerText ?? "Unknown Page"}",
window.plausible = window.plausible ?? path: "${nhcarriganHeadersPathname}",
function() { },
(window.plausible.q = window.plausible.q ?? []).push(arguments) })
}
`; `;
const nhcarriganHeadersGoogleAdsense = document.createElement("script");
nhcarriganHeadersGoogleAdsense.async = true;
nhcarriganHeadersGoogleAdsense.src
// eslint-disable-next-line stylistic/max-len -- big boi string
= "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3569924701890974";
nhcarriganHeadersGoogleAdsense.setAttribute("crossorigin", "anonymous");
// #endregion // #endregion
// #region Inject Elements // #region Inject Elements
head?.appendChild(openGraphTitle); nhcarriganHeadersHead?.appendChild(nhcarriganHeadersCharacterSet);
head?.appendChild(openGraphDescription); nhcarriganHeadersHead?.appendChild(nhcarriganHeadersViewport);
head?.appendChild(openGraphImage); nhcarriganHeadersHead?.appendChild(nhcarriganHeadersThemeColor);
head?.appendChild(openGraphUrl); nhcarriganHeadersHead?.appendChild(nhcarriganHeadersReferrer);
head?.appendChild(openGraphType); nhcarriganHeadersHead?.appendChild(nhcarriganHeadersOpenGraphTitle);
head?.appendChild(twitterCard); nhcarriganHeadersHead?.appendChild(nhcarriganHeadersOpenGraphDescription);
head?.appendChild(twitterDomain); nhcarriganHeadersHead?.appendChild(nhcarriganHeadersOpenGraphImage);
head?.appendChild(twitterUrl); nhcarriganHeadersHead?.appendChild(nhcarriganHeadersOpenGraphUrl);
head?.appendChild(twitterTitle); nhcarriganHeadersHead?.appendChild(nhcarriganHeadersOpenGraphType);
head?.appendChild(twitterDescription); nhcarriganHeadersHead?.appendChild(nhcarriganHeadersOpenGraphSiteName);
head?.appendChild(twitterImage); nhcarriganHeadersHead?.appendChild(nhcarriganHeadersOpenGraphLocale);
nhcarriganHeadersHead?.appendChild(nhcarriganHeadersOpenGraphImageAlt);
nhcarriganHeadersHead?.appendChild(nhcarriganHeadersOpenGraphImageWidth);
nhcarriganHeadersHead?.appendChild(nhcarriganHeadersOpenGraphImageHeight);
nhcarriganHeadersHead?.appendChild(nhcarriganHeadersTwitterCard);
nhcarriganHeadersHead?.appendChild(nhcarriganHeadersTwitterDomain);
nhcarriganHeadersHead?.appendChild(nhcarriganHeadersTwitterUrl);
nhcarriganHeadersHead?.appendChild(nhcarriganHeadersTwitterTitle);
nhcarriganHeadersHead?.appendChild(nhcarriganHeadersTwitterDescription);
nhcarriganHeadersHead?.appendChild(nhcarriganHeadersTwitterImage);
nhcarriganHeadersHead?.appendChild(nhcarriganHeadersTwitterSite);
nhcarriganHeadersHead?.appendChild(nhcarriganHeadersTwitterCreator);
nhcarriganHeadersHead?.appendChild(nhcarriganHeadersFavicon);
nhcarriganHeadersHead?.appendChild(nhcarriganHeadersAppleTouchIcon);
nhcarriganHeadersHead?.appendChild(nhcarriganHeadersSmallIcon);
nhcarriganHeadersHead?.appendChild(nhcarriganHeadersLargeIcon);
nhcarriganHeadersHead?.appendChild(nhcarriganHeadersFormatDetection);
nhcarriganHeadersHead?.appendChild(nhcarriganHeadersRobots);
nhcarriganHeadersHead?.appendChild(nhcarriganHeadersAuthor);
nhcarriganHeadersHead?.appendChild(nhcarriganHeadersStyles);
head?.appendChild(favicon); nhcarriganHeadersHead?.appendChild(nhcarriganHeadersTreeNation);
head?.appendChild(appleTouchIcon); nhcarriganHeadersHead?.appendChild(nhcarriganHeadersFontAwesome);
head?.appendChild(smallIcon); nhcarriganHeadersHead?.appendChild(nhcarriganHeadersAnalytics);
head?.appendChild(largeIcon); nhcarriganHeadersHead?.appendChild(nhcarriganHeadersAnalytics2);
nhcarriganHeadersHead?.appendChild(nhcarriganHeadersGoogleAdsense);
head?.appendChild(styles);
head?.appendChild(treeNation);
head?.appendChild(fontAwesome);
head?.appendChild(analytics);
head?.appendChild(analytics2);
body?.appendChild(footer);
body?.appendChild(videoOverlay);
body?.appendChild(treeNationBottom);
// #endregion
// #region Audio
const playButton = document.querySelector("#audio-theme-button");
const audio = new Audio("https://cdn.nhcarrigan.com/theme.mp3");
let playing = false;
playButton?.addEventListener("click", () => {
if (playing) {
audio.pause();
playing = false;
playButton.innerHTML = "<i class=\"fa-solid fa-play\"></i>";
} else {
void audio.play();
playing = true;
playButton.innerHTML = "<i class=\"fa-solid fa-pause\"></i>";
}
});
nhcarriganHeadersBody?.appendChild(nhcarriganHeadersFooter);
nhcarriganHeadersBody?.appendChild(nhcarriganHeadersTreeNationBottom);
// #endregion // #endregion
// #region Theme // #region Theme
const themeButton = document.querySelector("#theme-select-button"); const nhcarriganHeadersThemeButton = document.querySelector(
const themeIcon = document.querySelector("#theme-select-icon"); "#theme-select-button",
);
const nhcarriganHeadersThemeIcon = document.querySelector("#theme-select-icon");
if (localStorage.getItem("theme") === "dark") { if (localStorage.getItem("theme") === "dark") {
themeIcon?.classList.remove("fa-moon"); nhcarriganHeadersThemeIcon?.classList.remove("fa-moon");
themeIcon?.classList.add("fa-sun"); nhcarriganHeadersThemeIcon?.classList.add("fa-sun");
document.querySelector("html")?.classList.add("is-dark"); document.querySelector("html")?.classList.add("is-dark");
} }
const toggleTheme = (): void => { const nhcarriganHeadersToggleTheme = (): void => {
const currentTheme = localStorage.getItem("theme"); const nhcarriganHeadersCurrentTheme = localStorage.getItem("theme");
if (currentTheme === "dark") { if (nhcarriganHeadersCurrentTheme === "dark") {
localStorage.setItem("theme", "light"); localStorage.setItem("theme", "light");
themeIcon?.classList.remove("fa-sun"); nhcarriganHeadersThemeIcon?.classList.remove("fa-sun");
themeIcon?.classList.add("fa-moon"); nhcarriganHeadersThemeIcon?.classList.add("fa-moon");
document.querySelector("html")?.classList.remove("is-dark"); document.querySelector("html")?.classList.remove("is-dark");
return; return;
} }
localStorage.setItem("theme", "dark"); localStorage.setItem("theme", "dark");
themeIcon?.classList.remove("fa-moon"); nhcarriganHeadersThemeIcon?.classList.remove("fa-moon");
themeIcon?.classList.add("fa-sun"); nhcarriganHeadersThemeIcon?.classList.add("fa-sun");
document.querySelector("html")?.classList.add("is-dark"); document.querySelector("html")?.classList.add("is-dark");
}; };
themeButton?.addEventListener("click", toggleTheme); nhcarriganHeadersThemeButton?.addEventListener(
const prefersDark = window.matchMedia("(prefers-color-scheme: dark)"); "click",
if (prefersDark.matches && localStorage.getItem("theme") !== null) { nhcarriganHeadersToggleTheme,
);
const nhcarriganHeadersPrefersDark = window.matchMedia(
"(prefers-color-scheme: dark)",
);
if (
nhcarriganHeadersPrefersDark.matches
&& localStorage.getItem("theme") !== null
) {
localStorage.setItem("theme", "dark"); localStorage.setItem("theme", "dark");
themeIcon?.classList.remove("fa-moon"); nhcarriganHeadersThemeIcon?.classList.remove("fa-moon");
themeIcon?.classList.add("fa-sun"); nhcarriganHeadersThemeIcon?.classList.add("fa-sun");
document.querySelector("html")?.classList.add("is-dark"); document.querySelector("html")?.classList.add("is-dark");
} }
// #endregion // #endregion
// #region Social Toggle
const nhcarriganHeadersShowSocialsButton
= document.querySelector<HTMLButtonElement>("#show-socials-button");
const nhcarriganHeadersSocialList
= document.querySelector<HTMLDivElement>("#social-list");
const nhcarriganHeadersToggleSocials = (): void => {
if (!nhcarriganHeadersSocialList) {
throw new Error("Social list element not found.");
}
if (nhcarriganHeadersSocialList.style.display === "block") {
nhcarriganHeadersSocialList.style.display = "none";
nhcarriganHeadersShowSocialsButton?.setAttribute("aria-expanded", "false");
nhcarriganHeadersShowSocialsButton?.setAttribute(
"aria-label",
"Show Socials",
);
return;
}
nhcarriganHeadersSocialList.style.display = "block";
nhcarriganHeadersShowSocialsButton?.setAttribute("aria-expanded", "true");
nhcarriganHeadersShowSocialsButton?.setAttribute(
"aria-label",
"Hide Socials",
);
};
nhcarriganHeadersShowSocialsButton?.addEventListener(
"click",
nhcarriganHeadersToggleSocials,
);
// #region CTA // #region CTA
const cta = document.createElement("dialog"); const nhcarriganHeadersCta = document.createElement("dialog");
cta.style.position = "fixed"; nhcarriganHeadersCta.style.position = "fixed";
cta.style.top = "50%"; nhcarriganHeadersCta.style.top = "50%";
cta.style.left = "50%"; nhcarriganHeadersCta.style.left = "50%";
cta.style.transform = "translate(-50%, -50%)"; nhcarriganHeadersCta.style.transform = "translate(-50%, -50%)";
cta.style.padding = "10px"; nhcarriganHeadersCta.style.padding = "10px";
cta.style.borderRadius = "10px"; nhcarriganHeadersCta.style.borderRadius = "10px";
cta.style.backgroundColor = "var(--background)"; nhcarriganHeadersCta.style.backgroundColor = "var(--background)";
cta.style.color = "var(--foreground)"; nhcarriganHeadersCta.style.color = "var(--foreground)";
cta.style.textAlign = "center"; nhcarriganHeadersCta.style.textAlign = "center";
cta.style.width = "95%"; nhcarriganHeadersCta.style.width = "95%";
cta.style.maxWidth = "400px"; nhcarriganHeadersCta.style.maxWidth = "400px";
cta.id = "community-cta"; nhcarriganHeadersCta.id = "community-cta";
cta.innerHTML = ` nhcarriganHeadersCta.innerHTML = `
<h1 autofocus>Hello~!</h1> <h1 autofocus>Hello~!</h1>
<div style="display: flex; justify-content: space-around; margin-bottom: 10px;"> <div style="display: flex; justify-content: space-around; margin-bottom: 10px;">
<img src="https://cdn.nhcarrigan.com/profile.png" alt="Naomi Carrigan" style="width: 100px; height: 100px; border-radius: 50%;"> <img src="https://cdn.nhcarrigan.com/logo.png" alt="NHCarrigan Logo" style="width: 100px; height: 100px;">
<p> <p>
Consider joining our community so you can keep up to date on all of our latest activities! Consider joining our community so you can keep up to date on all of our latest activities!
</p> </p>
@@ -438,47 +599,68 @@ cta.innerHTML = `
<a href="https://chat.nhcarrigan.com" target="_blank" rel="noreferrer" style="padding: 10px; background: var(--foreground); color: var(--background); outline: none">Okay, take me there~!</a> <a href="https://chat.nhcarrigan.com" target="_blank" rel="noreferrer" style="padding: 10px; background: var(--foreground); color: var(--background); outline: none">Okay, take me there~!</a>
`; `;
const modalBg = document.createElement("div"); const nhcarriganHeadersModalBg = document.createElement("div");
modalBg.style.zIndex = "4999"; nhcarriganHeadersModalBg.style.zIndex = "4999";
modalBg.style.position = "fixed"; nhcarriganHeadersModalBg.style.position = "fixed";
modalBg.style.top = "0"; nhcarriganHeadersModalBg.style.top = "0";
modalBg.style.left = "0"; nhcarriganHeadersModalBg.style.left = "0";
modalBg.style.width = "100vw"; nhcarriganHeadersModalBg.style.width = "100vw";
modalBg.style.height = "100vh"; nhcarriganHeadersModalBg.style.height = "100vh";
modalBg.style.backgroundColor = "rgba(0, 0, 0, 0.5)"; nhcarriganHeadersModalBg.style.backgroundColor = "rgba(0, 0, 0, 0.5)";
modalBg.style.display = "none"; nhcarriganHeadersModalBg.style.display = "none";
modalBg.id = "modal-bg"; nhcarriganHeadersModalBg.id = "modal-bg";
const closeModal = (): void => { const nhcarriganHeadersCloseModal = (): void => {
cta.close(); nhcarriganHeadersCta.close();
modalBg.style.display = "none"; nhcarriganHeadersModalBg.style.display = "none";
}; };
const handleModalClick = (event: MouseEvent): void => { const nhcarriganHeadersHandleModalClick = (event: MouseEvent): void => {
event.stopPropagation(); event.stopPropagation();
if (event.target === cta) { if (event.target === nhcarriganHeadersCta) {
closeModal(); nhcarriganHeadersCloseModal();
} }
}; };
const showModal = (): void => { const nhcarriganHeadersShowModal = (): void => {
const lastShown = Number.parseInt( const nhcarriganHeadersLastShown = Number.parseInt(
localStorage.getItem("naomi-community-cta") ?? "0", localStorage.getItem("naomi-community-cta") ?? "0",
10, 10,
); );
const lastShownDate = new Date(lastShown); const nhcarriganHeadersLastShownDate = new Date(nhcarriganHeadersLastShown);
const diff = Date.now() - lastShownDate.getTime(); const nhcarriganHeadersDiff
console.table({ diff, lastShown, lastShownDate }); = Date.now() - nhcarriganHeadersLastShownDate.getTime();
console.table({
diff: nhcarriganHeadersDiff,
lastShown: nhcarriganHeadersLastShown,
lastShownDate: nhcarriganHeadersLastShownDate,
});
// We only want to show this once a week. // We only want to show this once a week.
if (diff < 1000 * 60 * 60 * 24 * 7) { if (nhcarriganHeadersDiff < 1000 * 60 * 60 * 24 * 7) {
return; return;
} }
cta.showModal(); nhcarriganHeadersCta.showModal();
modalBg.style.display = "block"; nhcarriganHeadersModalBg.style.display = "block";
modalBg.addEventListener("click", closeModal); nhcarriganHeadersModalBg.addEventListener(
const closeButton = cta.querySelector("button"); "click",
closeButton?.addEventListener("click", closeModal); nhcarriganHeadersCloseModal,
cta.addEventListener("click", handleModalClick); );
const nhcarriganHeadersCloseButton
= nhcarriganHeadersCta.querySelector("button");
nhcarriganHeadersCloseButton?.addEventListener(
"click",
nhcarriganHeadersCloseModal,
);
nhcarriganHeadersCta.addEventListener(
"click",
nhcarriganHeadersHandleModalClick,
);
localStorage.setItem("naomi-community-cta", Date.now().toString()); localStorage.setItem("naomi-community-cta", Date.now().toString());
}; };
body?.appendChild(cta); nhcarriganHeadersBody?.appendChild(nhcarriganHeadersCta);
body?.appendChild(modalBg); nhcarriganHeadersBody?.appendChild(nhcarriganHeadersModalBg);
showModal();
const nhcarriganNoModalUrls = [
"https://forms.nhcarrigan.com/o/docs/forms/7LNb8jFoN4SPBvP7vRxDi2/4",
];
if (!nhcarriganNoModalUrls.includes(nhcarriganHeadersUrl)) {
nhcarriganHeadersShowModal();
}