@networkpro/web 1.13.4 → 1.13.6

package/CHANGELOG.md

@@ -22,6 +22,62 @@ This project attempts to follow [Keep a Changelog](https://keepachangelog.com/en
 
 ---
 
+## [1.13.6] - 2025-06-15
+
+### Added
+
+- Introduced `.github/workflows/check-codeql.yml` reusable workflow to validate successful CodeQL analysis during CI
+- Added `.github/workflows/templates/check-codeql.template.yml` for documentation and workflow templating purposes
+
+### Changed
+
+- Replaced inline `check-codeql` job in `.github/workflows/build-and-publish.yml` with call to reusable workflow
+- Updated `.node-version` and `.nvmrc` from `24.1.0` → `24.2.0` to reflect upgraded Node.js binary
+- Replaced `ℹ️` symbol with `🛈` in `bootstrap.local.sh` to improve clarity in terminals
+- Version bumped to **v1.13.6**
+- Upgraded dependencies:
+  - `posthog-js` updated from `1.252.0` → `1.252.1`
+
+---
+
+## [1.13.5] - 2025-06-14
+
+### Added
+
+- Introduced `links/` and `posts/` redirect routes for improved navigation and backward compatibility
+- Added `proton-img` and `qrcode-img` utility classes to global stylesheet to eliminate inline styles in `PGPContent.svelte`
+- Set `decoding="sync"` and `loading="eager"` on the first QR code image and the Proton Mail badge to improve perceived load performance and visual smoothness
+- Added `rel="noopener noreferrer"` support to `RedirectPage.svelte`, now used by the new `/links` and `/posts` routes
+- Revised `obtainium-img` class in stylesheets to improve Obtainium image rendering on mobile and enhance overall clarity
+- Added a new `scripts/bootstrap.local.sh` script to streamline local development setup, including OS detection and Playwright dependencies
+- Added a new “Environment Requirements” Wiki page to consolidate Node version constraints, setup instructions, and local dev tooling guidance
+- Replaced the detailed "Getting Started" section in `README.md` with a concise reference to the Wiki and a minimal quickstart snippet
+
+### Changed
+
+- Promoted Node.js and npm version enforcement details from README to the Wiki for centralized documentation
+- Removed low-priority CSP report filtering in `csp-report.js` to allow all violations to be logged and reviewed
+- Reordered CSS rules to resolve `no-descending-specificity` warnings triggered by focus selectors
+- Updated `HeaderHome.svelte` and `HeaderDefault.svelte` to use `PAGE.SELF` and `PAGE.BLANK` constants for target behavior
+- Updated `AboutContent.svelte` to use application constant instead of hardcoded value
+- Removed unused `COMPANY_INFO` destructured constant from `PGPContent.svelte`
+- Upgraded dependencies:
+  - `svelte` updated from `5.34.1` → `5.34.3`
+- Fixed schema warning in GitHub issue template by replacing `assignees: []` with `assignees: SunDevil311`
+- Version bumped to **v1.13.5**
+
+### Fixed
+
+- Restored consistent `:visited` link color by forcing `color: #cba557 !important` across all visited interaction states
+- Prevented gold-on-gold text issue when focusing visited links
+- Rolled back enhanced `:focus-visible` styles to resolve flicker and override conflicts during fast navigation
+
+### Removed
+
+- Removed unneeded demo unit test (`demo.test.js`) from `tests/unit`
+
+---
+
 ## [1.13.4] - 2025-06-13
 
 ### Changed
@@ -386,7 +442,8 @@ This project attempts to follow [Keep a Changelog](https://keepachangelog.com/en
 
 <!-- Link references -->
 
-[Unreleased]: https://github.com/netwk-pro/netwk-pro.github.io/compare/v1.13.4...HEAD
+[Unreleased]: https://github.com/netwk-pro/netwk-pro.github.io/compare/v1.13.5...HEAD
+[1.13.5]: https://github.com/netwk-pro/netwk-pro.github.io/releases/tag/v1.13.5
 [1.13.4]: https://github.com/netwk-pro/netwk-pro.github.io/releases/tag/v1.13.4
 [1.13.3]: https://github.com/netwk-pro/netwk-pro.github.io/releases/tag/v1.13.3
 [1.13.2]: https://github.com/netwk-pro/netwk-pro.github.io/releases/tag/v1.13.2
@@ -400,3 +457,5 @@ This project attempts to follow [Keep a Changelog](https://keepachangelog.com/en
 [1.12.4]: https://github.com/netwk-pro/netwk-pro.github.io/releases/tag/v1.12.4
 [1.12.3]: https://github.com/netwk-pro/netwk-pro.github.io/releases/tag/v1.12.3
 [1.12.1]: https://github.com/netwk-pro/netwk-pro.github.io/releases/tag/v1.12.1
+
+<!-- cspell:ignore qrcode -->

package/README.md

@@ -156,113 +156,14 @@ tests/
 
 ## 🛠 Getting Started
 
-### 📦 Environment Setup
+For full setup guidance, including environment setup, version enforcement, and local tooling, refer to the 📚 [Environment Requirements Wiki](https://github.com/netwk-pro/netwk-pro.github.io/wiki/Environment-Requirements).
 
 ```bash
 git clone https://github.com/netwk-pro/netwk-pro.github.io.git
 cd netwk-pro.github.io
 cp .env.template .env
 npm install
-```
-
-Edit .env to configure your environment mode:
-
-```env
-ENV_MODE=dev  # Options: dev, test, ci, preview, prod
-```
-
-> `ENV_MODE` is used for tooling and workflows — not by SvelteKit itself.  
-> Use `VITE_`-prefixed env variables for runtime values.
-
- 
-
-### 🧰 Local Setup Scripts
-
-To streamline onboarding and enforce project conventions, you may use the optional helper scripts:
-
-<!-- FIXME: Create a bootstrap.local.sh file -->
-
-| File/Script                        | Description                                                                       |
-| ---------------------------------- | --------------------------------------------------------------------------------- |
-| `.env.template`                    | Template for local environment variables                                          |
-| `scripts/checkNode.js`             | Validates your Node.js and npm versions                                           |
-| `scripts/bootstrap.local.sh` (TBD) | Interactive setup for local configuration and tooling                             |
-| `.vscode/`                         | Editor recommendations compatible with [VSCodium](https://vscodium.com) / VS Code |
-
-To get started quickly:
-
-```bash
-cp .env.template .env
-npm install
-```
-
-> You can also use `bootstrap.local.sh` to automate the steps above and more (optional).  
-> `ENV_MODE` controls local tooling behavior — it is not used by the app runtime directly.
-
-&nbsp;
-
-### 💾 Version Enforcement
-
-To ensure consistent environments across contributors and CI systems, this project enforces specific Node.js and npm versions via the `"engines"` field in `package.json`:
-
-```json
-"engines": {
-  "node": ">=22.0.0 <25",
-  "npm": ">=11.0.0 <12"
-}
-```
-
-Version compliance is **softly enforced** after installation via a postinstall lifecycle hook:
-
-```bash
-npm run check:node
-```
-
-This script runs `scripts/checkNode.js`, which compares your current Node.js and npm versions against the required ranges. During the install phase, it will log **warnings** for out-of-range versions but allow installation to continue. In all other contexts (manual runs, CI workflows, etc.), it will **fail** with a descriptive error if the versions are out of spec.
-
-**_Node Version Check (snippet from `scripts/checkNode.js`)_**
-
-```javascript
-const semver = require('semver');
-const { engines } = require('../package.json');
-
-const requiredNode = engines.node;
-const requiredNpm = engines.npm;
-const isPostInstall = process.env.npm_lifecycle_event === 'postinstall';
-
-let hasError = false;
-
-if (!semver.satisfies(process.version, requiredNode)) {
-  const msg = `Node.js ${process.version} does not satisfy required range: ${requiredNode}`;
-  isPostInstall ? console.warn(`⚠️  ${msg}`) : console.error(`❌ ${msg}`);
-  if (!isPostInstall) hasError = true;
-}
-
-const npmVersion = require('child_process')
-  .execSync('npm -v')
-  .toString()
-  .trim();
-
-if (!semver.satisfies(npmVersion, requiredNpm)) {
-  const msg = `npm ${npmVersion} does not satisfy required range: ${requiredNpm}`;
-  isPostInstall ? console.warn(`⚠️  ${msg}`) : console.error(`❌ ${msg}`);
-  if (!isPostInstall) hasError = true;
-}
-
-if (!hasError) {
-  console.log('✅ Node and npm versions are valid.');
-} else {
-  process.exit(1);
-}
-```
-
-For full compatibility, `.nvmrc` and `.node-version` files are provided to work seamlessly with version managers like nvm, asdf, and Volta. This ensures consistent environments across local development, CI pipelines, and deployment targets.
-
-To manually verify your environment:
-
-```bash
-node -v     # Should fall within engines.node
-npm -v      # Should fall within engines.npm
+npx playwright install
 ```
 
 </section>

package/bootstrap.local.sh

@@ -0,0 +1,88 @@
+#!/usr/bin/env bash
+#
+# Copyright © 2025 Network Pro Strategies (Network Pro™)
+# SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+# This file is part of Network Pro
+
+set -euo pipefail
+
+echo "🛠 Bootstrapping local development environment..."
+
+# Detect OS using uname
+OS="$(uname -s)"
+
+# Match OS string to normalized platform label
+case "$OS" in
+  Linux*)     PLATFORM="linux";;
+  Darwin*)    PLATFORM="mac";;
+  MINGW*|CYGWIN*|MSYS*) PLATFORM="windows";;  # Git Bash or similar
+  *)          PLATFORM="unknown";;
+esac
+
+echo "🧭 Detected platform: $PLATFORM"
+
+# Exit early for unsupported environments
+if [[ "$PLATFORM" == "unknown" ]]; then
+  echo "❌ Unsupported OS. Please use macOS, Linux, WSL, or Git Bash."
+  exit 1
+fi
+
+# Handle Windows-specific case (Git Bash vs native PowerShell/CMD)
+if [[ "$PLATFORM" == "windows" ]]; then
+  if [[ -z "${BASH_VERSION:-}" ]]; then
+    echo "⚠️  Detected native Windows shell (e.g., CMD or PowerShell)."
+    echo "🛈  Please use WSL or Git Bash for full compatibility with this script."
+    exit 1
+  else
+    echo "🪟 Detected Git Bash or compatible shell on Windows."
+  fi
+fi
+
+# macOS-specific setup logic
+if [[ "$PLATFORM" == "mac" ]]; then
+  echo "🍎 Running macOS-specific setup..."
+
+  # Check for Homebrew presence
+  if ! command -v brew &> /dev/null; then
+    echo "🔧 Homebrew not found. You can install it via:"
+    echo '/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"'
+  else
+    echo "✅ Homebrew is installed"
+  fi
+
+# Linux-specific setup logic
+elif [[ "$PLATFORM" == "linux" ]]; then
+  echo "🐧 Running Linux-specific setup..."
+
+  # Check for common dev tool dependencies
+  REQUIRED_CMDS=("curl" "git" "node" "npm")
+  for cmd in "${REQUIRED_CMDS[@]}"; do
+    if ! command -v "$cmd" &> /dev/null; then
+      echo "⚠️ Missing required command: $cmd"
+    fi
+  done
+fi
+
+# Log current Node.js and npm versions
+echo "🔍 Checking Node.js and npm versions..."
+node -v
+npm -v
+
+# Ensure .env file exists
+if [ ! -f .env ]; then
+  echo "📋 Copying .env.template to .env..."
+  cp .env.template .env
+else
+  echo "✅ .env already exists"
+fi
+
+# Install Node.js packages
+echo "📦 Installing Node.js packages..."
+npm install
+
+# Install browser binaries for Playwright testing
+echo "🧪 Installing Playwright dependencies..."
+npx playwright install
+
+echo "✅ Setup complete!"
+echo "Next: run 'npm run dev' to start the development server."

package/cspell.json

@@ -38,6 +38,7 @@
     "Mailvelope",
     "Maricopa",
     "mdsvex",
+    "MSYS",
     "navigations",
     "neteng",
     "netpro",

package/netlify/edge-functions/csp-report.js

@@ -43,18 +43,20 @@ export default async (request, _context) => {
     const violated = report['violated-directive'] ?? '';
     const blockedUri = report['blocked-uri'] ?? '';
 
+    /*
     // Filter: Skip img-src violations and empty URIs
-    const ignored = [
-      violated.startsWith('img-src'),
-      blockedUri === '',
-      blockedUri === 'about',
-      blockedUri.startsWith('chrome-extension://'),
-      blockedUri.startsWith('moz-extension://'),
-    ].some(Boolean);
-
-    if (ignored) {
-      return new Response(null, { status: 204 });
-    }
+      const ignored = [
+        violated.startsWith('img-src'),
+        blockedUri === '',
+        blockedUri === 'about',
+        blockedUri.startsWith('chrome-extension://'),
+        blockedUri.startsWith('moz-extension://'),
+      ].some(Boolean);
+
+      if (ignored) {
+        return new Response(null, { status: 204 });
+      }
+    */
 
     // Send alert for high-risk directives
     await sendToNtfy(violated, blockedUri, report);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@networkpro/web",
   "private": false,
-  "version": "1.13.4",
+  "version": "1.13.6",
   "description": "Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro Strategies",
   "keywords": [
     "advisory",
@@ -80,9 +80,9 @@
   },
   "dependencies": {
     "dompurify": "^3.2.6",
-    "posthog-js": "^1.252.0",
+    "posthog-js": "^1.252.1",
     "semver": "^7.7.2",
-    "svelte": "5.34.1"
+    "svelte": "5.34.3"
   },
   "devDependencies": {
     "@eslint/compat": "^1.3.0",

package/src/lib/components/RedirectPage.svelte

@@ -11,6 +11,7 @@ This file is part of Network Pro.
   import FullWidthSection from '$lib/components/FullWidthSection.svelte';
 
   export let to;
+  export let rel = ''; // Accepts optional rel value
   export let delay = 3;
 
   onMount(() => {
@@ -39,7 +40,9 @@ This file is part of Network Pro.
     <h1>Redirecting…</h1>
     <p>You'll be taken to the destination in just a moment.</p>
     <div class="loading-spinner" aria-hidden="true"></div>
-    <p>If nothing happens, <a href={to}>click here</a>.</p>
+    <p
+      >If nothing happens, <a href={to} rel={rel || undefined}>click here</a
+      >.</p>
   </div>
 </FullWidthSection>
 

package/src/lib/components/layout/HeaderDefault.svelte

@@ -8,12 +8,18 @@ This file is part of Network Pro.
 
 <script>
   import { base } from '$app/paths';
+  import { CONSTANTS } from '$lib';
 
   // Log the base path to verify its value
   //console.log("Base path:", base);
 
+  //console.log(CONSTANTS.COMPANY_INFO.APP_NAME);
+
+  const { PAGE } = CONSTANTS;
+
   const homeLink = base || '/';
   const aboutLink = `${base}/about`;
+  const lhubLink = `${base}/links`;
   const fossLink = `${base}/foss-spotlight`;
   const blogLink = 'https://blog.netwk.pro';
 
@@ -31,25 +37,25 @@ This file is part of Network Pro.
    * @type {NavItem[]}
    */
   const nav = [
-    { label: 'home', href: homeLink, target: '_self', external: false },
-    { label: 'about', href: aboutLink, target: '_self', external: false },
-    { label: 'foss', href: fossLink, target: '_self', external: false },
+    { label: 'home', href: homeLink, target: PAGE.SELF, external: false },
+    { label: 'about', href: aboutLink, target: PAGE.SELF, external: false },
+    { label: 'foss', href: fossLink, target: PAGE.SELF, external: false },
     {
       label: 'blog',
       href: blogLink,
-      target: '_self',
+      target: PAGE.SELF,
       external: false,
     },
     {
       label: 'discussions',
       href: 'https://github.com/netwk-pro/netwk-pro.github.io/discussions',
-      target: '_blank',
+      target: PAGE.BLANK,
       external: true,
     },
     {
       label: 'link hub',
-      href: 'https://linktr.ee/neteng_pro',
-      target: '_blank',
+      href: lhubLink,
+      target: PAGE.BLANK,
       external: true,
     },
   ];
@@ -69,7 +75,7 @@ This file is part of Network Pro.
     </a>
     {#if external}
       <sup>
-        <span style="color: #ffc627;">
+        <span class="gold">
           <i class="fas fa-arrow-up-right-from-square fa-2xs"></i>
         </span>
       </sup>
@@ -85,3 +91,5 @@ This file is part of Network Pro.
   {/each}
 </nav>
 <!-- END DEFAULT HEADER -->
+
+<!-- cspell:ignore lhub -->

package/src/lib/components/layout/HeaderHome.svelte

@@ -8,12 +8,18 @@ This file is part of Network Pro.
 
 <script>
   import { base } from '$app/paths';
+  import { CONSTANTS } from '$lib';
 
   // Log the base path to verify its value
   //console.log("Base path:", base);
 
+  //console.log(CONSTANTS.COMPANY_INFO.APP_NAME);
+
+  const { PAGE } = CONSTANTS;
+
   const aboutLink = `${base}/about`;
   const fossLink = `${base}/foss-spotlight`;
+  const lhubLink = `${base}/links`;
   const blogLink = 'https://blog.netwk.pro';
 
   /**
@@ -30,24 +36,24 @@ This file is part of Network Pro.
    * @type {NavItem[]}
    */
   const nav = [
-    { label: 'about', href: aboutLink, target: '_self', external: false },
-    { label: 'foss', href: fossLink, target: '_self', external: false },
+    { label: 'about', href: aboutLink, target: PAGE.SELF, external: false },
+    { label: 'foss', href: fossLink, target: PAGE.SELF, external: false },
     {
       label: 'blog',
       href: blogLink,
-      target: '_self',
+      target: PAGE.SELF,
       external: false,
     },
     {
       label: 'discussions',
       href: 'https://github.com/netwk-pro/netwk-pro.github.io/discussions',
-      target: '_blank',
+      target: PAGE.BLANK,
       external: true,
     },
     {
       label: 'link hub',
-      href: 'https://linktr.ee/neteng_pro',
-      target: '_blank',
+      href: lhubLink,
+      target: PAGE.BLANK,
       external: true,
     },
   ];
@@ -67,7 +73,7 @@ This file is part of Network Pro.
     </a>
     {#if external}
       <sup>
-        <span style="color: #ffc627;">
+        <span class="gold">
           <i class="fas fa-arrow-up-right-from-square fa-2xs"></i>
         </span>
       </sup>
@@ -83,3 +89,5 @@ This file is part of Network Pro.
   {/each}
 </nav>
 <!-- END HOME HEADER -->
+
+<!-- cspell:ignore lhub -->

package/src/lib/pages/AboutContent.svelte

@@ -209,8 +209,8 @@ This file is part of Network Pro.
 
 <p>
   <strong
-    >Network Pro&trade; exists to bring strong, thoughtful security to
-    organizations that value integrity—without sacrificing agility or trust.</strong>
+    >{COMPANY_INFO.APP_NAME}&trade; exists to bring strong, thoughtful security
+    to organizations that value integrity—without sacrificing agility or trust.</strong>
   We don't just secure infrastructure. We secure confidence.
 </p>
 

package/src/lib/pages/PGPContent.svelte

@@ -16,7 +16,7 @@ This file is part of Network Pro.
 
   //console.log(CONSTANTS.COMPANY_INFO.APP_NAME);
 
-  const { COMPANY_INFO, PAGE } = CONSTANTS;
+  const { PAGE } = CONSTANTS;
 
   const keys = [
     {
@@ -83,14 +83,16 @@ This file is part of Network Pro.
   <img
     src="/img/powered-by-proton.svg"
     alt="Powered by Proton"
-    style="width: 168px; height: 24px;" />
+    class="proton-img"
+    loading="eager"
+    decoding="sync" />
 </p>
 <p class="bquote">
   NOTE: Addresses under the <strong>s.neteng.pro</strong> domain are powered by Proton
   Mail to ensure strong end-to-end privacy protections.
 </p>
 
-{#each keys as key}
+{#each keys as key, i}
   <section class="pgp-entry" aria-labelledby={`pgp-${key.img}`}>
     <div class="pgp-text">
       <h2 id={`pgp-${key.img}`}>{key.name}</h2>
@@ -131,9 +133,9 @@ This file is part of Network Pro.
         <img
           src={`/pgp/${key.img}.png`}
           alt={`QR code for ${key.email}`}
-          loading="lazy"
-          decoding="async"
-          style="width: 150px; height: 150px;" />
+          class="pgp-image"
+          loading={i === 0 ? 'eager' : 'lazy'}
+          decoding={i === 0 ? 'sync' : 'async'} />
       </picture>
     </div>
   </section>

package/src/lib/styles/css/default.css

@@ -434,7 +434,7 @@ footer .container {
 }
 
 .gold {
-  color: #FFC627;
+  color: #ffc627;
 }
 
 .visited {
@@ -443,7 +443,7 @@ footer .container {
 
 .goldseparator {
   margin: 0 0.5rem;
-  color: #FFC627;
+  color: #ffc627;
 }
 
 .center-nav {
@@ -552,8 +552,8 @@ footer .container {
 }
 
 .obtainium-img {
-  width: 201px;
-  height: 60px;
+  width: 185px;
+  height: 55px;
   margin-bottom: 0.25rem;
 }
 
@@ -562,7 +562,7 @@ footer .container {
 }
 
 .obtainium-fa-down {
-  color: #FFC627;
+  color: #ffc627;
   margin-left: 4px;
 }
 
@@ -570,3 +570,8 @@ footer .container {
   width: 50px;
   height: 50px;
 }
+
+.proton-img {
+  width: 168px;
+  height: 24px;
+}

package/src/lib/styles/css/style.css

@@ -125,28 +125,19 @@ a:hover {
 
 /* selected link */
 a:active {
-  color: #e0b000;
+  color: #ffc627;
   text-decoration: underline;
 }
 
-/* visited link */
-a:visited {
-  color: #cba557;
-}
-
 /* focused link */
-a:focus-visible {
+a:focus {
   color: #111; /* Black text when focused */
   background-color: #ffc627; /* Gold background when focused */
-  outline: 2px solid #ffc627;
-  outline-offset: 4px;
 }
 
-/* Reset focus style to avoid duplication */
-a:focus:not(:focus-visible) {
-  color: inherit;
-  background-color: transparent;
-  outline: none;
+/* visited link */
+a:visited {
+  color: #cba557;
 }
 
 /* visited and mouse over */
@@ -154,6 +145,11 @@ a:visited:hover {
   color: #cba557;
 }
 
+a:visited:focus,
+a:visited:focus-visible {
+  color: #111 !important;
+}
+
 /* ==========================================================================
    Helper classes
 ========================================================================== */

package/src/lib/styles/global.min.css

@@ -3,4 +3,4 @@ Copyright © 2025 Network Pro Strategies (Network Pro™)
 SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 This file is part of Network Pro.
 ========================================================================== */
-html{-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{color:inherit;box-sizing:border-box;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}details{display:block}summary{display:list-item}template{display:none}html{color:#222;scroll-behavior:smooth;font-size:1em;line-height:1.4}::-moz-selection{text-shadow:none;background:#191919}::selection{text-shadow:none;background:#191919}hr{border:0;border-top:1px solid #ccc;height:1px;margin:1em 0;padding:0;display:block;overflow:visible}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}body{color:#fafafa;background-color:#191919;margin:10px;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}a:link{color:#ffc627}a:hover{color:#ffc627;text-decoration:underline}a:active{color:#e0b000;text-decoration:underline}a:visited{color:#cba557}a:focus-visible{color:#111;outline-offset:4px;background-color:#ffc627;outline:2px solid #ffc627}a:focus:not(:focus-visible){color:inherit;background-color:#0000;outline:none}a:visited:hover{color:#cba557}.hidden,[hidden]{display:none!important}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visually-hidden.focusable:active,.visually-hidden.focusable:focus{clip:auto;width:auto;height:auto;white-space:inherit;margin:0;position:static;overflow:visible}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}@media print{*,:before,:after{color:#000!important;box-shadow:none!important;text-shadow:none!important;background:#fff!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href)")"}abbr[title]:after{content:" (" attr(title)")"}a[href^=\#]:after,a[href^=javascript\:]:after{content:""}pre{white-space:pre-wrap!important}pre,blockquote{page-break-inside:avoid;border:1px solid #999}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.full-width-section{background-position:50%;background-size:cover;width:100%;max-width:1920px;margin:0 auto}.container{max-width:1200px;margin:0 auto;padding:0 12px}.readable{max-width:900px;margin:0 auto}header,footer{width:100%}header .container,footer .container{max-width:1200px;margin:0 auto;padding:20px 12px}.gh{border-collapse:collapse;border-spacing:0;margin:0 auto}.gh td,.gh th{border-collapse:collapse;word-break:normal;padding:10px 5px;overflow:hidden}.gh .gh-tcell{text-align:center;vertical-align:middle}@media screen and (width<=767px){.gh,.gh col{width:auto!important}.gh-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.soc{border-collapse:collapse;border-spacing:0;margin:0 auto}.soc td,.soc th{border-collapse:collapse;word-break:normal;padding:8px;overflow:hidden}.soc .soc-fa{text-align:center;vertical-align:middle}@media screen and (width<=767px){.soc,.soc col{width:auto!important}.soc-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.foss{border-collapse:collapse;border-spacing:0}.foss td,.foss th{border-collapse:collapse;word-break:normal;padding:10px 5px;overflow:hidden}.foss .foss-cell{text-align:center;vertical-align:middle}@media screen and (width<=767px){.foss,.foss col{width:auto!important}.foss-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}}.bnav{text-align:center;border-collapse:collapse;border-spacing:0;margin:0 auto}.bnav td,.bnav th{text-align:center;vertical-align:middle;word-break:normal;border-style:none;padding:10px;font-size:.875rem;font-weight:700;line-height:1.125rem;overflow:hidden}.bnav .bnav-cell{text-align:center;vertical-align:middle;align-content:center}@media screen and (width<=767px){.bnav,.bnav col{width:auto!important}.bnav-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.bnav2{border-collapse:collapse;border-spacing:0;margin:0 auto}.bnav2 td{word-break:normal;border-style:none;padding:10px;font-size:.875rem;font-weight:700;line-height:1.125rem;overflow:hidden}.bnav2 th{word-break:normal;border-style:none;padding:12px;font-size:.875rem;line-height:1.125rem;overflow:hidden}.bnav2 .bnav2-cell{text-align:center;vertical-align:middle;align-content:center}@media screen and (width<=767px){.bnav2,.bnav2 col{width:auto!important}.bnav2-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.pgp{border-collapse:collapse;border-spacing:0;margin:0 auto}.pgp td{word-break:normal;border-style:none;padding:10px;font-size:.875rem;line-height:1.125rem;overflow:hidden}.pgp th{word-break:normal;border:1px solid #000;padding:10px;font-size:.875rem;line-height:1.125rem;overflow:hidden}.pgp .pgp-col1{text-align:right;vertical-align:middle;padding-right:1rem}.pgp .pgp-col2{text-align:left;vertical-align:middle;padding-left:1rem}@media screen and (width<=767px){.pgp,.pgp col{width:auto!important}.pgp-wrap{-webkit-overflow-scrolling:touch;margin:2rem 0 auto;overflow-x:auto}}.logo{margin-left:auto;margin-right:auto;display:block}.index-title1{text-align:center;font-style:italic;font-weight:700}.index-title2{letter-spacing:-.015em;text-align:center;font-variant:small-caps;font-size:1.25rem;line-height:1.625rem}.index1{letter-spacing:-.035em;text-align:center;font-style:italic;font-weight:700;line-height:2.125rem}.index2{letter-spacing:-.035em;text-align:center;font-variant:small-caps;font-size:1.5rem;line-height:1.75rem}.index3{letter-spacing:-.035em;text-align:center;font-size:1.5rem;line-height:1.75rem}.index4{letter-spacing:-.035em;text-align:center;font-size:1.5rem;line-height:1.75rem;text-decoration:underline}.subhead{letter-spacing:-.035em;font-variant:small-caps;font-size:1.5rem;line-height:1.75rem}.bold{font-weight:700}.emphasis{font-style:italic}.uline{text-decoration:underline}.bolditalic{font-style:italic;font-weight:700}.bquote{border-left:3px solid #9e9e9e;margin-left:30px;padding-left:10px;font-style:italic}.small-text{font-size:.75rem;line-height:1.125rem}.large-text-center{text-align:center;font-size:1.25rem;line-height:1.75rem}.prewrap{white-space:pre-wrap;display:block}.hr-styled{width:75%;margin:auto}.center-text{text-align:center}.copyright{text-align:center;font-size:.75rem;line-height:1.125rem}.gold{color:#ffc627}.visited{color:#cba557}.goldseparator{color:#ffc627;margin:0 .5rem}.center-nav{text-align:center;padding:5px;font-size:1rem;line-height:1.5rem}.block{overflow-wrap:break-word;resize:none;white-space:normal;word-break:normal;background:0 0;border:none;border-radius:0;outline:none;width:100%;font-family:monospace;font-size:.875rem;line-height:1.125rem}.fingerprint{white-space:pre-line;font-weight:700;display:block}.pgp-image{width:150px;height:150px}.spacer{margin:2rem 0}.separator{margin:0 .5rem}.emoji{margin-right:8px}.headline{margin-bottom:4px;font-style:italic;font-weight:700;display:block}.label{font-family:inherit;font-weight:700}.description{font-family:inherit;font-style:normal;font-weight:400;display:inline}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pgp-entry{flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.pgp-text{flex:2;min-width:250px}.pgp-qr{flex:1;min-width:150px}.obtainium-direct-label{margin:.25rem 0 .75rem;font-weight:700}.obtainium-manual-label{margin-top:.75rem;font-weight:700}.obtainium-img{width:201px;height:60px;margin-bottom:.25rem}.obtainium-margin{margin-left:4px}.obtainium-fa-down{color:#ffc627;margin-left:4px}.obtainium-icon{width:50px;height:50px}
+html{-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{color:inherit;box-sizing:border-box;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}details{display:block}summary{display:list-item}template{display:none}html{color:#222;scroll-behavior:smooth;font-size:1em;line-height:1.4}::-moz-selection{text-shadow:none;background:#191919}::selection{text-shadow:none;background:#191919}hr{border:0;border-top:1px solid #ccc;height:1px;margin:1em 0;padding:0;display:block;overflow:visible}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}body{color:#fafafa;background-color:#191919;margin:10px;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}a:link{color:#ffc627}a:hover,a:active{color:#ffc627;text-decoration:underline}a:focus{color:#111;background-color:#ffc627}a:visited,a:visited:hover{color:#cba557}a:visited:focus,a:visited:focus-visible{color:#111!important}.hidden,[hidden]{display:none!important}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visually-hidden.focusable:active,.visually-hidden.focusable:focus{clip:auto;width:auto;height:auto;white-space:inherit;margin:0;position:static;overflow:visible}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}@media print{*,:before,:after{color:#000!important;box-shadow:none!important;text-shadow:none!important;background:#fff!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href)")"}abbr[title]:after{content:" (" attr(title)")"}a[href^=\#]:after,a[href^=javascript\:]:after{content:""}pre{white-space:pre-wrap!important}pre,blockquote{page-break-inside:avoid;border:1px solid #999}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.full-width-section{background-position:50%;background-size:cover;width:100%;max-width:1920px;margin:0 auto}.container{max-width:1200px;margin:0 auto;padding:0 12px}.readable{max-width:900px;margin:0 auto}header,footer{width:100%}header .container,footer .container{max-width:1200px;margin:0 auto;padding:20px 12px}.gh{border-collapse:collapse;border-spacing:0;margin:0 auto}.gh td,.gh th{border-collapse:collapse;word-break:normal;padding:10px 5px;overflow:hidden}.gh .gh-tcell{text-align:center;vertical-align:middle}@media screen and (width<=767px){.gh,.gh col{width:auto!important}.gh-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.soc{border-collapse:collapse;border-spacing:0;margin:0 auto}.soc td,.soc th{border-collapse:collapse;word-break:normal;padding:8px;overflow:hidden}.soc .soc-fa{text-align:center;vertical-align:middle}@media screen and (width<=767px){.soc,.soc col{width:auto!important}.soc-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.foss{border-collapse:collapse;border-spacing:0}.foss td,.foss th{border-collapse:collapse;word-break:normal;padding:10px 5px;overflow:hidden}.foss .foss-cell{text-align:center;vertical-align:middle}@media screen and (width<=767px){.foss,.foss col{width:auto!important}.foss-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}}.bnav{text-align:center;border-collapse:collapse;border-spacing:0;margin:0 auto}.bnav td,.bnav th{text-align:center;vertical-align:middle;word-break:normal;border-style:none;padding:10px;font-size:.875rem;font-weight:700;line-height:1.125rem;overflow:hidden}.bnav .bnav-cell{text-align:center;vertical-align:middle;align-content:center}@media screen and (width<=767px){.bnav,.bnav col{width:auto!important}.bnav-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.bnav2{border-collapse:collapse;border-spacing:0;margin:0 auto}.bnav2 td{word-break:normal;border-style:none;padding:10px;font-size:.875rem;font-weight:700;line-height:1.125rem;overflow:hidden}.bnav2 th{word-break:normal;border-style:none;padding:12px;font-size:.875rem;line-height:1.125rem;overflow:hidden}.bnav2 .bnav2-cell{text-align:center;vertical-align:middle;align-content:center}@media screen and (width<=767px){.bnav2,.bnav2 col{width:auto!important}.bnav2-wrap{-webkit-overflow-scrolling:touch;margin:auto 0;overflow-x:auto}}.pgp{border-collapse:collapse;border-spacing:0;margin:0 auto}.pgp td{word-break:normal;border-style:none;padding:10px;font-size:.875rem;line-height:1.125rem;overflow:hidden}.pgp th{word-break:normal;border:1px solid #000;padding:10px;font-size:.875rem;line-height:1.125rem;overflow:hidden}.pgp .pgp-col1{text-align:right;vertical-align:middle;padding-right:1rem}.pgp .pgp-col2{text-align:left;vertical-align:middle;padding-left:1rem}@media screen and (width<=767px){.pgp,.pgp col{width:auto!important}.pgp-wrap{-webkit-overflow-scrolling:touch;margin:2rem 0 auto;overflow-x:auto}}.logo{margin-left:auto;margin-right:auto;display:block}.index-title1{text-align:center;font-style:italic;font-weight:700}.index-title2{letter-spacing:-.015em;text-align:center;font-variant:small-caps;font-size:1.25rem;line-height:1.625rem}.index1{letter-spacing:-.035em;text-align:center;font-style:italic;font-weight:700;line-height:2.125rem}.index2{letter-spacing:-.035em;text-align:center;font-variant:small-caps;font-size:1.5rem;line-height:1.75rem}.index3{letter-spacing:-.035em;text-align:center;font-size:1.5rem;line-height:1.75rem}.index4{letter-spacing:-.035em;text-align:center;font-size:1.5rem;line-height:1.75rem;text-decoration:underline}.subhead{letter-spacing:-.035em;font-variant:small-caps;font-size:1.5rem;line-height:1.75rem}.bold{font-weight:700}.emphasis{font-style:italic}.uline{text-decoration:underline}.bolditalic{font-style:italic;font-weight:700}.bquote{border-left:3px solid #9e9e9e;margin-left:30px;padding-left:10px;font-style:italic}.small-text{font-size:.75rem;line-height:1.125rem}.large-text-center{text-align:center;font-size:1.25rem;line-height:1.75rem}.prewrap{white-space:pre-wrap;display:block}.hr-styled{width:75%;margin:auto}.center-text{text-align:center}.copyright{text-align:center;font-size:.75rem;line-height:1.125rem}.gold{color:#ffc627}.visited{color:#cba557}.goldseparator{color:#ffc627;margin:0 .5rem}.center-nav{text-align:center;padding:5px;font-size:1rem;line-height:1.5rem}.block{overflow-wrap:break-word;resize:none;white-space:normal;word-break:normal;background:0 0;border:none;border-radius:0;outline:none;width:100%;font-family:monospace;font-size:.875rem;line-height:1.125rem}.fingerprint{white-space:pre-line;font-weight:700;display:block}.pgp-image{width:150px;height:150px}.spacer{margin:2rem 0}.separator{margin:0 .5rem}.emoji{margin-right:8px}.headline{margin-bottom:4px;font-style:italic;font-weight:700;display:block}.label{font-family:inherit;font-weight:700}.description{font-family:inherit;font-style:normal;font-weight:400;display:inline}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pgp-entry{flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.pgp-text{flex:2;min-width:250px}.pgp-qr{flex:1;min-width:150px}.obtainium-direct-label{margin:.25rem 0 .75rem;font-weight:700}.obtainium-manual-label{margin-top:.75rem;font-weight:700}.obtainium-img{width:185px;height:55px;margin-bottom:.25rem}.obtainium-margin{margin-left:4px}.obtainium-fa-down{color:#ffc627;margin-left:4px}.obtainium-icon{width:50px;height:50px}.proton-img{width:168px;height:24px}

package/src/routes/links/+page.svelte

@@ -0,0 +1,33 @@
+<!-- ==========================================================================
+src/routes/contact/+page.svelte
+
+Copyright © 2025 Network Pro Strategies (Network Pro™)
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== -->
+
+<script>
+  import RedirectPage from '$lib/components/RedirectPage.svelte';
+  import { appendUTM } from '$lib/utils/utm.js';
+  import { onMount } from 'svelte';
+  import { browser } from '$app/environment';
+
+  /** @type {string | null} */
+  let target = null;
+
+  /** @type {boolean} */
+  let show = false;
+
+  onMount(() => {
+    if (!browser) return;
+
+    target = appendUTM('https://linktr.ee/neteng_pro');
+    show = true;
+  });
+</script>
+
+{#if show && target}
+  <RedirectPage to={target} rel="noopener noreferrer" />
+{:else}
+  <p style="text-align: center; margin-top: 4rem;">Preparing to redirect…</p>
+{/if}

package/src/routes/posts/+page.svelte

@@ -0,0 +1,33 @@
+<!-- ==========================================================================
+src/routes/contact/+page.svelte
+
+Copyright © 2025 Network Pro Strategies (Network Pro™)
+SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
+This file is part of Network Pro.
+========================================================================== -->
+
+<script>
+  import RedirectPage from '$lib/components/RedirectPage.svelte';
+  import { appendUTM } from '$lib/utils/utm.js';
+  import { onMount } from 'svelte';
+  import { browser } from '$app/environment';
+
+  /** @type {string | null} */
+  let target = null;
+
+  /** @type {boolean} */
+  let show = false;
+
+  onMount(() => {
+    if (!browser) return;
+
+    target = appendUTM('https://pal.bio/netwk-pro');
+    show = true;
+  });
+</script>
+
+{#if show && target}
+  <RedirectPage to={target} rel="noopener noreferrer" />
+{:else}
+  <p style="text-align: center; margin-top: 4rem;">Preparing to redirect…</p>
+{/if}

package/stylelint.config.js

@@ -30,6 +30,12 @@ export default {
     ],
     'property-no-vendor-prefix': null, // Allow vendor prefixes
     'selector-no-vendor-prefix': null,
+    'no-descending-specificity': [
+      true,
+      {
+        ignore: ['selectors-within-list'],
+      },
+    ],
     'selector-pseudo-element-colon-notation': [
       'double',
       {

package/tests/unit/demo.test.js

@@ -1,15 +0,0 @@
-/* ==========================================================================
-tests/unit/demo.spec.js
-
-Copyright © 2025 Network Pro Strategies (Network Pro™)
-SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
-This file is part of Network Pro.
-========================================================================== */
-
-import { describe, expect, it } from 'vitest';
-
-describe('sum test', () => {
-  it('adds 1 + 2 to equal 3', () => {
-    expect(1 + 2).toBe(3);
-  });
-});