@networkpro/web 1.6.3 → 1.7.0

package/src/lib/meta.js

@@ -26,7 +26,7 @@ const meta = {
     title: "About Us — Network Pro™",
     description: "About Us | Security, Networking, Privacy — Network Pro™",
   },
-  "/privacy-policy": {
+  "/privacy": {
     title: "Privacy Policy — Network Pro™",
     description:
       "Privacy Policy | Security, Networking, Privacy — Network Pro™",
@@ -51,6 +51,11 @@ const meta = {
     description:
       "FOSS Spotlight | Security, Networking, Privacy — Network Pro™",
   },
+  "/privacy-dashboard": {
+    title: "Privacy Dashboard — Network Pro™",
+    description:
+      "Privacy Dashboard | Security, Networking, Privacy — Network Pro™",
+  },
   // Excludes redirect-only routes like /contact, /consultation, /privacy-rights
 };
 

package/src/lib/pages/AboutContent.svelte

@@ -56,7 +56,7 @@ This file is part of Network Pro.
       text: "CC-BY-4.0 OR GPL-3.0-or-later",
     },
     {
-      label: "Markdown",
+      label: "Docs",
       href: "https://docs.netwk.pro",
       target: "_self",
     },
@@ -103,9 +103,8 @@ This file is part of Network Pro.
 <section id="top">
   <span class="small-text">
     <a {rel} href={navLinks[0].href} target={navLinks[0].target}>
-      {navLinks[0].label}
-    </a>
-    :&nbsp;<code>{navLinks[0].text}</code>
+      {navLinks[0].label}</a
+    >: &nbsp;<code>{navLinks[0].text}</code>
   </span>
 </section>
 
@@ -193,7 +192,7 @@ This file is part of Network Pro.
 <div class="spacer"></div>
 
 <p>
-  <a {rel} href="https://contact.neteng.pro" target="_blank">Let's connect</a>
+  <a {rel} href="https://netwk.pro/contact" target="_blank">Let's connect</a>
   to discuss how we can help secure and strengthen your business today.
 </p>
 

package/src/lib/pages/HomeContent.svelte

@@ -90,7 +90,7 @@ This file is part of Network Pro.
 
  
 
-<h3 class={classIndex}>Featured</h3>
+<h3 class="index4">Featured</h3>
 
 <p class={classLarge}>
   <strong>

package/src/lib/pages/LicenseContent.svelte

@@ -51,9 +51,9 @@ This file is part of Network Pro.
     { id: "third-party", text: "Third-Party Code and Licenses" },
     { id: "prohibited-uses", text: "Prohibited Uses" },
     { id: "disclaimer", text: "Modifications and Liability Disclaimer" },
-    { id: "contact", text: "Contact" },
-    { id: "revisions", text: "Revisions" },
     { id: "authoritative", text: "Authoritative Version Clause" },
+    { id: "revisions", text: "Revisions" },
+    { id: "contact", text: "Contact" },
   ];
 
   /**
@@ -62,7 +62,7 @@ This file is part of Network Pro.
    */
   const constants = {
     company: "Network Pro Strategies",
-    effectiveDate: "May 24, 2025",
+    effectiveDate: "May 28, 2025",
     classSmall: "small-text",
     rel: "noopener noreferrer",
     hrefTop: "#top",
@@ -79,8 +79,7 @@ This file is part of Network Pro.
       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>
+    </a>: &nbsp;<code>CC-BY-4.0 OR GPL-3.0-or-later</code>
   </span>
 </section>
 
@@ -114,7 +113,7 @@ This file is part of Network Pro.
       <strong>Formats Available:</strong> &nbsp;<span class="visited"
         >HTML</span>
       |
-      <a href={legalLink} target={constants.targetSelf}>Markdown</a>
+      <a href={legalLink} target={constants.targetSelf}>Docs</a>
     </sup>
   </p>
 </section>
@@ -473,20 +472,6 @@ This file is part of Network Pro.
         —including, without limitation, any claims or disputes brought by third parties,
         whether in contract, tort, or otherwise.
       </p>
-    {:else if link.id === "contact"}
-      <p>
-        The Company can be contacted via our
-        <a rel={constants.rel} href={contactLink} target={constants.targetBlank}
-          >contact form</a>
-        or by email at:<br />
-        📧 <code>contact (at) s.neteng.pro</code>
-      </p>
-    {:else if link.id === "revisions"}
-      <p>
-        This legal page may be updated to comply with legal or operational
-        changes. The current effective date is listed at the top of this
-        document.
-      </p>
     {:else if link.id === "authoritative"}
       <p>
         In the event of any discrepancy between different versions, formats, or
@@ -505,6 +490,20 @@ This file is part of Network Pro.
         of the Company's materials, services, or Licensed Material constitutes
         acceptance of the most current version then in effect.
       </p>
+    {:else if link.id === "revisions"}
+      <p>
+        This legal page may be updated to comply with legal or operational
+        changes. The current effective date is listed at the top of this
+        document.
+      </p>
+    {:else if link.id === "contact"}
+      <p>
+        The Company can be contacted via our
+        <a rel={constants.rel} href={contactLink} target={constants.targetBlank}
+          >contact form</a>
+        or by email at:<br />
+        📧 <code>contact (at) s.neteng.pro</code>
+      </p>
     {/if}
 
     <span class={constants.classSmall}>

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
@@ -35,6 +46,7 @@ This file is part of Network Pro.
   const tocLinks = [
     { id: "intro", text: "Introduction" },
     { id: "collect", text: "Information We Collect" },
+    { id: "tracking", text: "Web Analytics and Tracking" },
     { id: "payment", text: "Payment Information" },
     { id: "use", text: "Use of Information" },
     { id: "sharing", text: "Data Sharing" },
@@ -55,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",
   };
 
   /**
@@ -77,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 -->
@@ -87,8 +141,7 @@ This file is part of Network Pro.
       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>
+    </a>: &nbsp;<code>CC-BY-4.0 OR GPL-3.0-or-later</code>
   </span>
 </section>
 
@@ -122,7 +175,7 @@ This file is part of Network Pro.
       <strong>Formats Available:</strong> &nbsp;<span class="visited"
         >HTML</span>
       |
-      <a href={privacyLink} target={constants.targetSelf}> Markdown </a>
+      <a href={privacyLink} target={constants.targetSelf}>Docs</a>
     </sup>
   </p>
 </section>
@@ -161,6 +214,95 @@ This file is part of Network Pro.
         <li
           ><strong>Client-Submitted Content</strong> related to our services</li>
       </ul>
+    {:else if link.id === "tracking"}
+      <p>
+        To better understand visitor behavior and optimize website
+        functionality, we use <strong>PostHog Cloud</strong>, a hosted version
+        of the open-source PostHog analytics platform. This tool helps us
+        evaluate site performance and user engagement through the collection of
+        non-personally identifiable technical data.
+      </p>
+      <p> PostHog Cloud may collect and process information such as: </p>
+      <ul>
+        <li>Pages visited and navigation behavior</li>
+        <li>Device type, browser version, and operating system</li>
+        <li
+          >Time spent on pages and interaction events (e.g., clicks, scrolls)</li>
+        <li>Referral URLs and outbound link activity</li>
+        <li>General geolocation (approximate, based on IP address)</li>
+      </ul>
+      <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 <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
+        data protection best practices. For more information, please refer to <a
+          rel={constants.rel}
+          href="https://posthog.com/privacy"
+          target={constants.targetBlank}>PostHog's Privacy Policy</a
+        >.
+      </p>
     {:else if link.id === "payment"}
       <p>
         When processing payments, we may collect credit card details and billing
@@ -212,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/TermsConditionsContent.svelte

@@ -112,7 +112,7 @@ This file is part of Network Pro.
       <strong>Formats Available:</strong> &nbsp;<span class="visited"
         >HTML</span>
       |
-      <a href={tandcLink} target={constants.targetSelf}>Markdown</a>
+      <a href={tandcLink} target={constants.targetSelf}>Docs</a>
       |
       <a
         rel={constants.rel}

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
@@ -78,8 +78,7 @@ This file is part of Network Pro.
       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>
+    </a>: &nbsp;<code>CC-BY-4.0 OR GPL-3.0-or-later</code>
   </span>
 </section>
 
@@ -122,7 +121,7 @@ This file is part of Network Pro.
         >HTML</span>
       |
       <a rel={constants.rel} href={termsLink} target={constants.targetSelf}
-        >Markdown</a>
+        >Docs</a>
     </sup>
   </p>
 </section>