@networkpro/web 1.6.5 → 1.7.2

package/src/lib/pages/PrivacyContent.svelte

@@ -6,10 +6,17 @@ SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 This file is part of Network Pro.
 ========================================================================== -->
 
-<!-- cspell:ignore prights -->
+<!-- cspell:ignore prights prefs pdash -->
 
 <script>
   import { base } from "$app/paths";
+  import { onMount } from "svelte";
+  import { getTrackingPreferences } from "$lib/utils/trackingStatus.js";
+  /** @type {(type: 'enable' | 'disable') => void} */
+  import {
+    setTrackingPreference,
+    clearTrackingPreferences,
+  } from "$lib/utils/trackingCookies.js";
 
   // Log the base path to verify its value
   //console.log("Base path:", base);
@@ -17,16 +24,20 @@ This file is part of Network Pro.
   /**
    * URL to the Privacy Rights Request Form redirect route, using the base path
    * URL to the Contact Form redirect route, using the base path
+   * URL to the Privacy Dashboard using the base path
    * @type {string}
    */
   const prightsLink = `${base}/privacy-rights`;
   const contactLink = `${base}/contact`;
+  const pdashLink = `${base}/privacy-dashboard`;
 
   /**
    * URL to the privacy policy in Markdown format
+   * External URL to the GPC website
    * @type {string}
    */
   const privacyLink = "https://docs.netwk.pro/privacy";
+  const gpcLink = "https://globalprivacycontrol.org/";
 
   /**
    * Table of Contents Links
@@ -56,7 +67,7 @@ This file is part of Network Pro.
     email: "support (at) neteng.pro",
     secure: "contact (at) s.neteng.pro",
     phone: "(623) 252-4350",
-    effectiveDate: "May 23, 2025",
+    effectiveDate: "May 28, 2025",
   };
 
   /**
@@ -78,6 +89,48 @@ This file is part of Network Pro.
     targetSelf: "_self",
     targetBlank: "_blank",
   };
+
+  let optedOut = false;
+  let optedIn = false;
+  let trackingStatus = "";
+
+  onMount(() => {
+    const prefs = getTrackingPreferences();
+    optedOut = prefs.optedOut;
+    optedIn = prefs.optedIn;
+    trackingStatus = prefs.status;
+    console.log("[Tracking] Status:", trackingStatus);
+  });
+
+  /**
+   * Toggle tracking opt-out.
+   * @param {boolean} value
+   */
+  function toggleTracking(value) {
+    optedOut = value;
+    if (optedOut) {
+      console.log("[Tracking] User opted out");
+      setTrackingPreference("disable");
+    } else {
+      console.log("[Tracking] User cleared opt-out");
+      clearTrackingPreferences();
+    }
+  }
+
+  /**
+   * Toggle tracking opt-in.
+   * @param {boolean} value
+   */
+  function toggleOptIn(value) {
+    optedIn = value;
+    if (optedIn) {
+      console.log("[Tracking] User opted in");
+      setTrackingPreference("enable");
+    } else {
+      console.log("[Tracking] User cleared opt-in");
+      clearTrackingPreferences();
+    }
+  }
 </script>
 
 <!-- BEGIN TITLE -->
@@ -181,10 +234,66 @@ This file is part of Network Pro.
       <p>
         We configure PostHog to prioritize user privacy. <strong
           >Analytics tracking is automatically disabled when a user's browser
-          sends a “Do Not Track” (DNT) or “Global Privacy Control” (GPC /
-          Sec-GPC) signal.</strong> No further action is required—your browser settings
-        are honored by default.
+          sends a “Do Not Track” (DNT) or <a
+            rel={constants.rel}
+            href={gpcLink}
+            target={constants.targetBlank}
+            >“Global Privacy Control” (GPC / Sec-GPC)</a> signal.</strong> No further
+        action is required—your browser settings are honored by default.
+      </p>
+      <p>
+        You can view your current tracking status below, along with manual
+        opt-out and opt-in settings stored as browser cookies. These settings
+        override any Do Not Track (DNT) or Global Privacy Control (GPC) signals. <strong
+          >If you opt out, analytics tracking via PostHog is disabled entirely
+          until you change your preference.</strong> Your selection will persist
+        until manually updated.
       </p>
+      <p class="emphasis">
+        For convenient access, you can manage these settings through our <a
+          href={pdashLink}
+          target={constants.targetSelf}>Privacy Dashboard</a
+        >.
+      </p>
+
+      <div class="spacer"></div>
+
+      <h3>Tracking Preferences</h3>
+      <p id="tracking-status" aria-live="polite">
+        <strong>Tracking Status:</strong>
+        {trackingStatus}
+      </p>
+
+      <!-- Opt-out checkbox -->
+      <label>
+        <input
+          type="checkbox"
+          checked={optedOut}
+          disabled={optedIn}
+          aria-describedby="tracking-status"
+          on:change={(e) =>
+            toggleTracking(
+              /** @type {HTMLInputElement} */ (e.target).checked,
+            )} />
+        <strong>&nbsp;Disable analytics tracking (opt-out)</strong>
+      </label>
+
+      <br />
+
+      <!-- Opt-in checkbox -->
+      <label>
+        <input
+          type="checkbox"
+          checked={optedIn}
+          disabled={optedOut}
+          aria-describedby="tracking-status"
+          on:change={(e) =>
+            toggleOptIn(/** @type {HTMLInputElement} */ (e.target).checked)} />
+        <strong>&nbsp;Enable analytics tracking (opt-in)</strong>
+      </label>
+
+      <div class="spacer"></div>
+
       <p>
         PostHog Cloud is a third-party service, but we deploy it in a
         privacy-conscious manner that avoids intrusive profiling and aligns with
@@ -245,7 +354,8 @@ This file is part of Network Pro.
         information.
       </p>
     {:else if link.id === "rights"}
-      <p><strong>Your Rights and Choices</strong></p>
+      <h3>Your Rights and Choices</h3>
+      <p> Under applicable state and federal law, you may have rights to: </p>
       <ul>
         <li
           ><strong>Access, update, or delete</strong> your personal information,

package/src/lib/pages/PrivacyDashboard.svelte

@@ -0,0 +1,240 @@
+<!-- ==========================================================================
+src/lib/pages/PrivacyDashboard.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 { base } from "$app/paths";
+  import { onMount } from "svelte";
+  import { getTrackingPreferences } from "$lib/utils/trackingStatus.js";
+  /** @type {(type: 'enable' | 'disable') => void} */
+  import {
+    setTrackingPreference,
+    clearTrackingPreferences,
+  } from "$lib/utils/trackingCookies.js";
+
+  /**
+   * @type {string}
+   * Style class for the div element.
+   */
+  const spaceStyle = "spacer";
+
+  /**
+   * URL to the full Privacy Policy using the base path
+   * @type {string}
+   */
+  const privacyPolicy = `${base}/privacy`;
+  const prightsLink = `${base}/privacy-rights`;
+
+  /**
+   * Constants used throughout the component for consistent styling and behavior
+   * @type {{
+   *   classSmall: string,
+   *   rel: string,
+   *   backTop: string,
+   *   hrefTop: string,
+   *   targetSelf: string,
+   *   targetBlank: string
+   * }}
+   */
+  const constants = {
+    classSmall: "small-text",
+    rel: "noopener noreferrer",
+    backTop: "Back to top",
+    hrefTop: "#top",
+    targetSelf: "_self",
+    targetBlank: "_blank",
+  };
+
+  let optedOut = false;
+  let optedIn = false;
+  let trackingStatus = "";
+
+  onMount(() => {
+    const prefs = getTrackingPreferences();
+    optedOut = prefs.optedOut;
+    optedIn = prefs.optedIn;
+    trackingStatus = prefs.status;
+    console.log("[Tracking] Status:", trackingStatus);
+  });
+
+  /**
+   * Toggle tracking opt-out.
+   * @param {boolean} value
+   */
+  function toggleTracking(value) {
+    optedOut = value;
+    if (optedOut) {
+      console.log("[Tracking] User opted out");
+      setTrackingPreference("disable");
+    } else {
+      console.log("[Tracking] User cleared opt-out");
+      clearTrackingPreferences();
+    }
+  }
+
+  /**
+   * Toggle tracking opt-in.
+   * @param {boolean} value
+   */
+  function toggleOptIn(value) {
+    optedIn = value;
+    if (optedIn) {
+      console.log("[Tracking] User opted in");
+      setTrackingPreference("enable");
+    } else {
+      console.log("[Tracking] User cleared opt-in");
+      clearTrackingPreferences();
+    }
+  }
+</script>
+
+<section id="top">
+  <span class={constants.classSmall}>
+    <a
+      rel={constants.rel}
+      href="https://spdx.dev/learn/handling-license-info"
+      target={constants.targetBlank}>
+      SPDX License Identifier
+    </a>: &nbsp;<code>CC-BY-4.0 OR GPL-3.0-or-later</code>
+  </span>
+</section>
+
+<h1>Privacy Dashboard</h1>
+
+<div class={spaceStyle}></div>
+
+<h2>Take Control of Your Data</h2>
+
+<nav class="tracking-nav">
+  <ul>
+    <li
+      ><a href="#tracking" target={constants.targetSelf}>Tracking Preferences</a
+      ></li>
+    <li
+      ><a href="#rights" target={constants.targetSelf}
+        >Your Rights and Choices</a
+      ></li>
+  </ul>
+</nav>
+
+<p class="bquote">
+  For full details, please see our <a href={privacyPolicy} target="_self"
+    >Privacy Policy</a
+  >.
+</p>
+
+<div class={spaceStyle}></div>
+
+<hr />
+
+<div class={spaceStyle}></div>
+
+<section id="tracking">
+  <h3>Tracking Preferences</h3>
+
+  <p>
+    <strong
+      >Analytics tracking is automatically disabled when a user's browser sends
+      a “Do Not Track” (DNT) or <a
+        rel={constants.rel}
+        href="https://globalprivacycontrol.org/"
+        target={constants.targetBlank}
+        >“Global Privacy Control” (GPC / Sec-GPC)</a> signal.</strong>
+    No further action is required—your browser settings are honored by default.
+  </p>
+
+  <p>
+    You can view your current tracking status below, along with manual opt-out
+    and opt-in settings stored as browser cookies. These settings override any
+    Do Not Track (DNT) or Global Privacy Control (GPC) signals. <strong
+      >If you opt out, analytics tracking via PostHog is disabled entirely until
+      you change your preference.</strong> Your selection will persist until manually
+    updated.
+  </p>
+
+  &nbsp;
+
+  <p id="tracking-status" aria-live="polite">
+    <strong>Tracking Status:</strong>
+    {trackingStatus}
+  </p>
+
+  <!-- Opt-out checkbox -->
+  <label>
+    <input
+      type="checkbox"
+      checked={optedOut}
+      disabled={optedIn}
+      aria-describedby="tracking-status"
+      on:change={(e) =>
+        toggleTracking(/** @type {HTMLInputElement} */ (e.target).checked)} />
+    <strong>&nbsp;Disable analytics tracking (opt-out)</strong>
+  </label>
+
+  <br />
+
+  <!-- Opt-in checkbox -->
+  <label>
+    <input
+      type="checkbox"
+      checked={optedIn}
+      disabled={optedOut}
+      aria-describedby="tracking-status"
+      on:change={(e) =>
+        toggleOptIn(/** @type {HTMLInputElement} */ (e.target).checked)} />
+    <strong>&nbsp;Enable analytics tracking (opt-in)</strong>
+  </label>
+
+  <div class={spaceStyle}></div>
+
+  <p>
+    Analytics are used to understand how the site is used. No personally
+    identifiable information is tracked.
+  </p>
+</section>
+
+<span class={constants.classSmall}>
+  <a href={constants.hrefTop} target={constants.targetSelf}
+    >{constants.backTop}</a>
+</span>
+
+<div class={spaceStyle}></div>
+
+<hr class="hr-styled" />
+
+<div class={spaceStyle}></div>
+
+<section id="rights">
+  <h3>Your Rights and Choices</h3>
+
+  <p> Under applicable state and federal law, you may have rights to: </p>
+
+  <ul>
+    <li
+      ><strong>Access, update, or delete</strong> your personal information, subject
+      to legal and contractual limitations.</li>
+    <li
+      ><strong>Restrict or object to processing</strong> under certain conditions,
+      as permitted by law.</li>
+    <li><strong>Opt out of direct marketing</strong></li>
+  </ul>
+
+  <p>
+    To exercise these rights, please use our <a
+      rel={constants.rel}
+      href={prightsLink}
+      target={constants.targetBlank}>Privacy Rights Request Form</a>
+    or email us at <code>contact (at) s.neteng.pro</code>.
+  </p>
+</section>
+
+<span class={constants.classSmall}>
+  <a href={constants.hrefTop} target={constants.targetSelf}
+    >{constants.backTop}</a>
+</span>
+
+<!-- cspell:ignore prefs prights -->

package/src/lib/pages/TermsUseContent.svelte

@@ -24,7 +24,7 @@ This file is part of Network Pro.
    * URL to Privacy Policy page, using the base path
    * @type {string}
    */
-  const privacyLink = `${base}/privacy-policy`;
+  const privacyLink = `${base}/privacy`;
 
   /**
    * URL to License page, using the base path

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

@@ -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;
 }
 
@@ -377,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/global.min.css

@@ -1,8 +1,6 @@
 /*! ==========================================================================
-src/lib/styles/css/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.
 ========================================================================== */
-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}.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}.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

@@ -7,17 +7,32 @@ This file is part of Network Pro.
 ========================================================================== */
 
 /**
- * Determines whether the user allows tracking based on DNT or GPC signals.
+ * @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() {
-  /** @type {string | undefined} */
   const windowDNT = /** @type {any} */ (window).doNotTrack;
-  /** @type {boolean | undefined} */
   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}