@networkpro/web 1.6.3 → 1.7.0

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

@@ -1,4 +1,4 @@
-/*! ==========================================================================
+/* ==========================================================================
 src/lib/styles/default.css
 
 Copyright © 2025 Network Pro Strategies (Network Pro™)
@@ -26,6 +26,12 @@ This file is part of Network Pro.
   max-width: 1200px;
 }
 
+/* Constrain paragraph/text-heavy content to 900px */
+.readable {
+  margin: 0 auto;
+  max-width: 900px;
+}
+
 /* Header & Footer follow the same container width */
 header,
 footer {
@@ -168,26 +174,21 @@ footer .container {
 
 .bnav {
   margin: 0 auto;
+  text-align: center;
   border-collapse: collapse;
   border-spacing: 0;
 }
 
-.bnav td {
-  padding: 10px;
-  font-size: 0.875rem;
-  font-weight: bold;
-  line-height: 1.125rem;
-  border-style: none;
-  overflow: hidden;
-  word-break: normal;
-}
-
+.bnav td,
 .bnav th {
   padding: 10px;
   font-size: 0.875rem;
+  font-weight: bold; /* Only needed for <td>, if desired */
   line-height: 1.125rem;
+  text-align: center; /* Center horizontally */
   border-style: none;
   overflow: hidden;
+  vertical-align: middle; /* Center vertically */
   word-break: normal;
 }
 
@@ -362,6 +363,14 @@ footer .container {
   text-align: center;
 }
 
+.index4 {
+  font-size: 1.5rem;
+  line-height: 1.75rem;
+  letter-spacing: -0.035em;
+  text-align: center;
+  text-decoration: underline;
+}
+
 .subhead {
   font-size: 1.5rem;
   line-height: 1.75rem;
@@ -369,6 +378,18 @@ footer .container {
   font-variant: small-caps;
 }
 
+.bold {
+  font-weight: bold;
+}
+
+.emphasis {
+  font-style: italic;
+}
+
+.uline {
+  text-decoration: underline;
+}
+
 .bolditalic {
   font-weight: bold;
   font-style: italic;

package/src/lib/styles/css/normalize.css

@@ -1,10 +1,10 @@
-/*! ==========================================================================
+/* ==========================================================================
 src/lib/styles/normalize.css
 
 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.
-=========================================================================== */
+========================================================================== */
 
 /*! Modified from normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 

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

@@ -1,10 +1,10 @@
-/*! ==========================================================================
+/* ==========================================================================
 src/lib/styles/style.css
 
 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.
-=========================================================================== */
+========================================================================== */
 
 /*! Modified from HTML5 Boilerplate v9.0.1 | MIT License | https://html5boilerplate.com/ */
 

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

@@ -1,10 +1,6 @@
 /*! ==========================================================================
-src/lib/styles/global.min.css
-
 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.
-=========================================================================== */
-/*! Modified from normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
-/*! Modified from HTML5 Boilerplate v9.0.1 | MIT License | https://html5boilerplate.com/ */
-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:#191919;background-color:#ffc627}a:visited,a:visited:hover{color:#7f6227}.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}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{border-collapse:collapse;border-spacing:0;margin:0 auto}.bnav td{word-break:normal;border-style:none;padding:10px;font-size:.875rem;font-weight:700;line-height:1.125rem;overflow:hidden}.bnav th{word-break:normal;border-style:none;padding:10px;font-size:.875rem;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}.subhead{letter-spacing:-.035em;font-variant:small-caps;font-size:1.5rem;line-height:1.75rem}.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}.visited{color:#7f6227}.center-nav{text-align:center;padding:5px;font-size:.875rem;line-height:1.125rem}.block{resize:none;background:0 0;border:none;border-radius:0;outline:none;width:100%;font-size:.75rem;line-height:1.125rem}.fingerprint{white-space:pre-line;font-weight:700;display:block}.pgp-image{width:125px;height:125px}.spacer{margin:2rem 0}.separator{margin:0 .5rem}
+========================================================================== */
+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:#191919;background-color:#ffc627}a:visited,a:visited:hover{color:#7f6227}.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}.visited{color:#7f6227}.center-nav{text-align:center;padding:5px;font-size:.875rem;line-height:1.125rem}.block{resize:none;background:0 0;border:none;border-radius:0;outline:none;width:100%;font-size:.75rem;line-height:1.125rem}.fingerprint{white-space:pre-line;font-weight:700;display:block}.pgp-image{width:125px;height:125px}.spacer{margin:2rem 0}.separator{margin:0 .5rem}

package/src/lib/utils/privacy.js

@@ -0,0 +1,38 @@
+/* ==========================================================================
+src/lib/utils/privacy.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.
+========================================================================== */
+
+/**
+ * @file privacy.js
+ * @description Determines whether the user allows tracking based on DNT, GPC, or manual opt-out.
+ * @module src/lib/utils/
+ * @author SunDevil311
+ * @updated 2025-05-28
+ */
+
+/**
+ * @returns {boolean}
+ */
+export function shouldTrackUser() {
+  const windowDNT = /** @type {any} */ (window).doNotTrack;
+  const navigatorGPC = /** @type {any} */ (navigator).globalPrivacyControl;
+
+  const dnt = navigator.doNotTrack === "1" || windowDNT === "1";
+  const gpc = navigatorGPC === true;
+
+  const manualOptOut = document.cookie.includes("disable_tracking=true");
+  const manualOptIn = document.cookie.includes("enable_tracking=true");
+
+  console.log("[Privacy] Opt-in cookie present:", manualOptIn);
+  console.log("[Privacy] Opt-out cookie present:", manualOptOut);
+
+  // Opt-in overrides everything; opt-out disables regardless of DNT/GPC
+  if (manualOptIn) return true;
+  if (manualOptOut) return false;
+
+  return !dnt && !gpc;
+}

package/src/lib/utils/trackingCookies.js

@@ -0,0 +1,40 @@
+/* ==========================================================================
+src/lib/utils/trackingCookies.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.
+========================================================================== */
+
+/**
+ * @file trackingCookies.js
+ * @description Handles setting, clearing, and toggling tracking preference cookies.
+ * @module src/lib/utils/
+ * @author SunDevil311
+ * @updated 2025-05-28
+ */
+
+/**
+ * Set a tracking preference cookie.
+ * @param {"enable" | "disable"} type
+ */
+export function setTrackingPreference(type) {
+  const maxAge = 60 * 60 * 24 * 365 * 10; // 10 years
+  const cookieSettings = `path=/; max-age=${maxAge}; SameSite=Lax`;
+
+  if (type === "enable") {
+    document.cookie = `enable_tracking=true; ${cookieSettings}`;
+    document.cookie = `disable_tracking=; path=/; max-age=0; SameSite=Lax`;
+  } else if (type === "disable") {
+    document.cookie = `disable_tracking=true; ${cookieSettings}`;
+    document.cookie = `enable_tracking=; path=/; max-age=0; SameSite=Lax`;
+  }
+}
+
+/**
+ * Clear both tracking cookies.
+ */
+export function clearTrackingPreferences() {
+  document.cookie = `enable_tracking=; path=/; max-age=0; SameSite=Lax`;
+  document.cookie = `disable_tracking=; path=/; max-age=0; SameSite=Lax`;
+}

package/src/lib/utils/trackingStatus.js

@@ -0,0 +1,46 @@
+/* ==========================================================================
+src/lib/utils/trackingStatus.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.
+========================================================================== */
+
+/**
+ * @file trackingStatus.js
+ * @description Get tracking preferences based on cookies and browser privacy signals.
+ * @module src/lib/utils/
+ * @author SunDevil311
+ * @updated 2025-05-28
+ */
+
+/**
+ * @returns {{
+ *   optedOut: boolean,
+ *   optedIn: boolean,
+ *   dnt: boolean,
+ *   gpc: boolean,
+ *   status: string
+ * }}
+ */
+export function getTrackingPreferences() {
+  const cookies = document.cookie;
+  const optedOut = cookies.includes("disable_tracking=true");
+  const optedIn = cookies.includes("enable_tracking=true");
+  const dnt = navigator.doNotTrack === "1";
+
+  // @ts-expect-error: 'globalPrivacyControl' is a non-standard property
+  const gpc = navigator.globalPrivacyControl === true;
+
+  let status = "⚙️ Using default settings (tracking enabled)";
+
+  if (optedOut) {
+    status = "🔒 Tracking disabled (manual opt-out)";
+  } else if (optedIn) {
+    status = "✅ Tracking enabled (manual opt-in)";
+  } else if (dnt || gpc) {
+    status = "🛑 Tracking disabled (via browser signal)";
+  }
+
+  return { optedOut, optedIn, dnt, gpc, status };
+}

package/src/lib/utils/utm.js

@@ -7,7 +7,14 @@ This file is part of Network Pro.
 ========================================================================== */
 
 /**
- * Append UTM parameter from window.location to a given URL.
+ * @file utm.js
+ * @description Append UTM parameter from window.location to a given URL.
+ * @module src/lib/utils/
+ * @author SunDevil311
+ * @updated 2025-05-28
+ */
+
+/**
  * Returns `null` if not in a browser context.
  * @param {string} url - The base URL to append to
  * @returns {string | null}

package/src/routes/+layout.svelte

@@ -14,10 +14,12 @@ This file is part of Network Pro.
   import HeaderDefault from "$lib/components/layout/HeaderDefault.svelte";
   import HeaderHome from "$lib/components/layout/HeaderHome.svelte";
   import PWAInstallButton from "$lib/components/PWAInstallButton.svelte";
+  import { shouldTrackUser } from "$lib/utils/privacy.js";
   import { onMount } from "svelte";
   import { registerServiceWorker } from "$lib/registerServiceWorker.js";
   import { browser } from "$app/environment";
-  import "$lib/styles";
+  import "$lib/styles/global.min.css";
+  import "$lib/styles/fa-global.css";
 
   // Import favicon images
   import logoPng from "$lib/img/logo-web.png";
@@ -30,25 +32,36 @@ This file is part of Network Pro.
   let PostHog = null;
 
   if (browser) {
-    // Preload logo images
-    [logoPng, logoWbp].forEach((src) => {
+    // Preload all core images (logos + apple touch)
+    [logoPng, logoWbp, appleTouchIcon].forEach((src) => {
       const img = new Image();
       img.src = src;
     });
 
-    // Preload Apple Touch icon
-    const touchImg = new Image();
-    touchImg.src = appleTouchIcon;
-
-    // Register the service worker only in the browser
+    // Run setup when component mounts (only in browser)
     onMount(() => {
       console.log("[APP] onMount triggered in +layout.svelte");
       registerServiceWorker();
 
-      // Dynamically import PostHog component only in the browser
-      import("$lib/components/PostHog.svelte").then((module) => {
-        PostHog = module.default;
-      });
+      const isDev = import.meta.env.MODE === "development";
+
+      console.log("ENV MODE =", import.meta.env.MODE); // Should be "development"
+      console.log("isDev =", isDev);
+      console.log("shouldTrackUser =", shouldTrackUser());
+
+      if (isDev || shouldTrackUser()) {
+        import("$lib/components/PostHog.svelte").then((module) => {
+          PostHog = module.default;
+
+          if (isDev) {
+            console.log("[Dev] ✅ PostHog component loaded (tracking enabled)");
+          }
+        });
+      } else {
+        console.log(
+          "[Privacy] ⛔ Skipping PostHog component due to DNT or GPC signal.",
+        );
+      }
     });
   }
 

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

@@ -14,12 +14,6 @@ This file is part of Network Pro.
   import SocialMedia from "$lib/components/SocialMedia.svelte";
   import MetaTags from "$lib/components/MetaTags.svelte";
 
-  /**
-   * @type {string}
-   * Style class for the horizontal rule element.
-   */
-  const hrStyle = "hr-styled";
-
   /**
    * @type {string}
    * Style class for the div element.
@@ -48,7 +42,7 @@ This file is part of Network Pro.
       <SocialMedia />
     </section>
 
-    <hr class={hrStyle} />
+    <hr />
 
     <div class={spaceStyle}></div>
 

package/src/routes/foss-spotlight/+page.svelte

@@ -14,12 +14,6 @@ This file is part of Network Pro.
   import SocialMedia from "$lib/components/SocialMedia.svelte";
   import MetaTags from "$lib/components/MetaTags.svelte";
 
-  /**
-   * @type {string}
-   * Style class for the horizontal rule element.
-   */
-  const hrStyle = "hr-styled";
-
   /**
    * @type {string}
    * Style class for the div element.
@@ -49,7 +43,7 @@ This file is part of Network Pro.
     </section>
     <!-- END SOCIAL MEDIA -->
 
-    <hr class={hrStyle} />
+    <hr />
 
     <div class={spaceStyle}></div>
 

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

@@ -14,12 +14,6 @@ This file is part of Network Pro.
   import SocialMedia from "$lib/components/SocialMedia.svelte";
   import MetaTags from "$lib/components/MetaTags.svelte";
 
-  /**
-   * @type {string}
-   * Style class for the horizontal rule element.
-   */
-  const hrStyle = "hr-styled";
-
   /**
    * @type {string}
    * Style class for the div element.
@@ -34,7 +28,7 @@ This file is part of Network Pro.
 <link rel="canonical" href="https://netwk.pro/license" />
 
 <section id="license">
-  <FullWidthSection>
+  <FullWidthSection containerClass="readable">
     <!-- BEGIN LEGAL, COPYRIGHT, AND LICENSING -->
     <section id="main-content">
       <LicenseContent />
@@ -49,7 +43,7 @@ This file is part of Network Pro.
     </section>
     <!-- END SOCIAL MEDIA -->
 
-    <hr class={hrStyle} />
+    <hr />
 
     <div class={spaceStyle}></div>
 

package/src/routes/privacy/+page.server.js

@@ -0,0 +1,18 @@
+/* ==========================================================================
+src/routes/privacy/+page.server.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 { defaultMeta, meta } from "$lib/meta.js";
+
+export const prerender = false;
+
+/** @type {import('./$types').PageServerLoad} */
+export function load() {
+  return {
+    meta: meta["/privacy"] || defaultMeta,
+  };
+}

package/src/routes/{privacy-policy → privacy}/+page.svelte

@@ -1,5 +1,5 @@
 <!-- ==========================================================================
-src/routes/privacy-policy/+page.svelte
+src/routes/privacy/+page.svelte
 
 Copyright © 2025 Network Pro Strategies (Network Pro™)
 SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
@@ -14,12 +14,6 @@ This file is part of Network Pro.
   import SocialMedia from "$lib/components/SocialMedia.svelte";
   import MetaTags from "$lib/components/MetaTags.svelte";
 
-  /**
-   * @type {string}
-   * Style class for the horizontal rule element.
-   */
-  const hrStyle = "hr-styled";
-
   /**
    * @type {string}
    * Style class for the div element.
@@ -31,10 +25,10 @@ This file is part of Network Pro.
 
 <MetaTags title={data.meta.title} description={data.meta.description} />
 
-<link rel="canonical" href="https://netwk.pro/privacy-policy" />
+<link rel="canonical" href="https://netwk.pro/privacy" />
 
-<section id="privacy-policy">
-  <FullWidthSection>
+<section id="privacy">
+  <FullWidthSection containerClass="readable">
     <!-- BEGIN PRIVACY POLICY -->
     <section id="main-content">
       <PrivacyContent />
@@ -49,7 +43,7 @@ This file is part of Network Pro.
     </section>
     <!-- END SOCIAL MEDIA -->
 
-    <hr class={hrStyle} />
+    <hr />
 
     <div class={spaceStyle}></div>
 

package/src/routes/{privacy-policy → privacy-dashboard}/+page.server.js

@@ -1,5 +1,5 @@
 /* ==========================================================================
-src/routes/privacy-policy/+page.server.js
+src/routes/privacy/+page.server.js
 
 Copyright © 2025 Network Pro Strategies (Network Pro™)
 SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
@@ -13,6 +13,6 @@ export const prerender = false;
 /** @type {import('./$types').PageServerLoad} */
 export function load() {
   return {
-    meta: meta["/privacy-policy"] || defaultMeta,
+    meta: meta["/privacy-dashboard"] || defaultMeta,
   };
 }

package/src/routes/privacy-dashboard/+page.svelte

@@ -0,0 +1,69 @@
+<!-- ==========================================================================
+src/routes/privacy-dashboard/+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 Badges from "$lib/components/Badges.svelte";
+  import FullWidthSection from "$lib/components/FullWidthSection.svelte";
+  import PrivacyDashboard from "$lib/pages/PrivacyDashboard.svelte";
+  import LegalNav from "$lib/components/LegalNav.svelte";
+  import SocialMedia from "$lib/components/SocialMedia.svelte";
+  import MetaTags from "$lib/components/MetaTags.svelte";
+
+  /**
+   * @type {string}
+   * Style class for the horizontal rule element.
+   */
+  const hrStyle = "hr-styled";
+
+  /**
+   * @type {string}
+   * Style class for the div element.
+   */
+  const spaceStyle = "spacer";
+
+  export let data;
+</script>
+
+<MetaTags title={data.meta.title} description={data.meta.description} />
+
+<link rel="canonical" href="https://netwk.pro/privacy-dashboard" />
+
+<section id="privacy">
+  <FullWidthSection containerClass="readable">
+    <!-- BEGIN PRIVACY DASHBOARD -->
+    <section id="main-content">
+      <PrivacyDashboard />
+    </section>
+    <!-- END PRIVACY DASHBOARD -->
+
+    <div class={spaceStyle}></div>
+
+    <!-- BEGIN SOCIAL MEDIA -->
+    <section id="social-media">
+      <SocialMedia />
+    </section>
+    <!-- END SOCIAL MEDIA -->
+
+    <hr />
+
+    <div class={spaceStyle}></div>
+
+    <!-- BEGIN LEGAL -->
+    <section id="legal-nav">
+      <LegalNav />
+    </section>
+    <!-- END LEGAL -->
+
+    <div class={spaceStyle}></div>
+
+    <!-- BEGIN BADGES -->
+    <section id="badges">
+      <Badges />
+    </section>
+  </FullWidthSection>
+</section>

package/src/routes/terms-conditions/+page.svelte

@@ -14,12 +14,6 @@ This file is part of Network Pro.
   import SocialMedia from "$lib/components/SocialMedia.svelte";
   import MetaTags from "$lib/components/MetaTags.svelte";
 
-  /**
-   * @type {string}
-   * Style class for the horizontal rule element.
-   */
-  const hrStyle = "hr-styled";
-
   /**
    * @type {string}
    * Style class for the div element.
@@ -34,7 +28,7 @@ This file is part of Network Pro.
 <link rel="canonical" href="https://netwk.pro/terms-conditions" />
 
 <section id="terms-conditions">
-  <FullWidthSection>
+  <FullWidthSection containerClass="readable">
     <!-- BEGIN TERMS AND CONDITIONS -->
     <section id="main-content">
       <TermsConditionsContent />
@@ -49,7 +43,7 @@ This file is part of Network Pro.
     </section>
     <!-- END SOCIAL MEDIA -->
 
-    <hr class={hrStyle} />
+    <hr />
 
     <div class={spaceStyle}></div>
 

package/src/routes/terms-of-use/+page.svelte

@@ -14,12 +14,6 @@ This file is part of Network Pro.
   import SocialMedia from "$lib/components/SocialMedia.svelte";
   import MetaTags from "$lib/components/MetaTags.svelte";
 
-  /**
-   * @type {string}
-   * Style class for the horizontal rule element.
-   */
-  const hrStyle = "hr-styled";
-
   /**
    * @type {string}
    * Style class for the div element.
@@ -34,7 +28,7 @@ This file is part of Network Pro.
 <link rel="canonical" href="https://netwk.pro/terms-of-use" />
 
 <section id="terms-of-use">
-  <FullWidthSection>
+  <FullWidthSection containerClass="readable">
     <!-- BEGIN TERMS OF USE -->
     <section id="main-content">
       <TermsUseContent />
@@ -49,7 +43,7 @@ This file is part of Network Pro.
     </section>
     <!-- END SOCIAL MEDIA -->
 
-    <hr class={hrStyle} />
+    <hr />
 
     <div class={spaceStyle}></div>