@networkpro/web 1.19.0 → 1.21.0

package/src/lib/stores/posthog.js

@@ -42,39 +42,50 @@ let ph = null;
  */
 export async function initPostHog() {
   if (initialized || typeof window === 'undefined') return;
+  const isDev = import.meta.env.MODE === 'development';
+  if (isDev) {
+    console.info('[PostHog] Skipping init in development mode.');
+    return;
+  }
+
   initialized = true;
 
   const { enabled } = get(trackingPreferences);
   trackingEnabled.set(enabled);
-  showReminder.set(get(remindUserToReconsent)); // ✅ use derived store instead
+  showReminder.set(get(remindUserToReconsent)); // use derived store instead
 
   if (!enabled) {
     console.log('[PostHog] Tracking is disabled — skipping init.');
     return;
   }
 
-  const posthogModule = await import('posthog-js');
-  ph = posthogModule.default;
-
-  // cspell:disable-next-line
-  ph.init('phc_Qshfo6AXzh4pS7aPigfqyeo4qj1qlyh7gDuHDeVMSR0', {
-    api_host: 'https://us.i.posthog.com',
-    autocapture: true,
-    capture_pageview: false,
-    person_profiles: 'identified_only',
-    loaded: (phInstance) => {
-      if (!enabled) {
-        console.log(
-          '[PostHog] ⛔ User opted out — calling opt_out_capturing()',
-        );
-        phInstance.opt_out_capturing();
-      } else {
-        console.log('[PostHog] ✅ Tracking enabled');
-      }
-    },
-  });
-
-  ph.capture('$pageview');
+  try {
+    const posthogModule = await import('posthog-js');
+    ph = posthogModule.default;
+
+    // cspell:disable-next-line
+    ph.init('phc_Qshfo6AXzh4pS7aPigfqyeo4qj1qlyh7gDuHDeVMSR0', {
+      api_host: '/relay-MSR0/',
+      ui_host: 'https://us.posthog.com',
+      autocapture: true,
+      capture_pageview: false,
+      person_profiles: 'identified_only',
+      loaded: (phInstance) => {
+        if (!enabled) {
+          console.log(
+            '[PostHog] ⛔ User opted out — calling opt_out_capturing()',
+          );
+          phInstance.opt_out_capturing();
+        } else {
+          console.log('[PostHog] ✅ Tracking enabled');
+        }
+      },
+    });
+
+    ph.capture('$pageview');
+  } catch (err) {
+    console.warn('[PostHog] Failed to initialize:', err);
+  }
 }
 
 /**
@@ -83,8 +94,13 @@ export async function initPostHog() {
  * @param {Record<string, any>} [properties={}] - Optional event properties
  */
 export function capture(event, properties = {}) {
-  if (ph !== null && get(trackingEnabled)) {
+  const isDev = import.meta.env.MODE === 'development';
+  if (isDev || ph === null || !get(trackingEnabled)) return;
+
+  try {
     ph.capture(event, properties);
+  } catch (err) {
+    console.warn(`[PostHog] capture(${event}) failed:`, err);
   }
 }
 
@@ -94,8 +110,13 @@ export function capture(event, properties = {}) {
  * @param {Record<string, any>} [properties={}] - Optional user traits
  */
 export function identify(id, properties = {}) {
-  if (ph !== null && get(trackingEnabled)) {
+  const isDev = import.meta.env.MODE === 'development';
+  if (isDev || ph === null || !get(trackingEnabled)) return;
+
+  try {
     ph.identify(id, properties);
+  } catch (err) {
+    console.warn(`[PostHog] identify(${id}) failed:`, err);
   }
 }
 

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

@@ -316,6 +316,80 @@ footer .container {
   }
 }
 
+  #service-summary {
+    color: #e6e6e6;
+    margin-bottom: 2.5rem;
+    margin-top: 2rem;
+  }
+
+  .service-table {
+    width: 100%;
+    font-size: 0.95rem;
+    color: #e6e6e6;
+    background-color: #191919;
+    border-collapse: collapse;
+  }
+
+  .service-table th,
+  .service-table td {
+    padding: 0.75rem 1rem;
+    text-align: left;
+    border-bottom: 1px solid #333;
+    vertical-align: top;
+  }
+
+  .service-table th {
+    font-size: 0.85rem;
+    font-weight: 600;
+    color: #ffc627;
+    background-color: #222;
+    text-transform: uppercase;
+  }
+
+  .service-table a {
+    font-weight: 500;
+    color: #ffc627;
+    text-decoration: none;
+  }
+
+  .service-table a:hover {
+    text-decoration: underline;
+  }
+
+  /* Default row hover with gold glow */
+  .service-table tr:hover {
+    box-shadow: 0 0 10px 2px rgba(255, 198, 39, 0.25);
+    background-color: #222;
+    transition:
+      background-color 0.3s ease,
+      box-shadow 0.3s ease;
+  }
+
+  /* Selected (active) row — gold border, no glow unless hovered */
+  .service-table tr.selected {
+    background-color: #222;
+    transition:
+      background-color 0.3s ease,
+      border-left-color 0.3s ease;
+    border-left: 4px solid #ffc627;
+  }
+
+  /* Add subtle glow when hovering over the active row */
+  .service-table tr.selected:hover {
+    box-shadow: 0 0 12px 3px rgba(255, 198, 39, 0.35);
+    background-color: #252525;
+  }
+
+  @media (max-width: 768px) {
+    .service-table {
+      font-size: 0.9rem;
+    }
+    .service-table th,
+    .service-table td {
+      padding: 0.5rem;
+    }
+  }
+
 /* ==========================================================================
    Custom CSS
 ========================================================================== */
@@ -621,3 +695,17 @@ footer .container {
   margin-left: 3px;
   vertical-align: text-bottom;
 }
+
+#toc ul {
+  list-style-type: disc;
+  padding-left: 1.5rem;
+}
+
+#toc a {
+  color: var(--color-primary, #ffc627);
+  text-decoration: none;
+}
+
+#toc a:hover {
+  text-decoration: underline;
+}

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

@@ -1,8 +1,6 @@
 /*! ==========================================================================
-src/lib/styles/css/global.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:#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{break-inside:avoid;border:1px solid #999}tr,img{break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{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}.full-width-section.centered{flex-direction:column;justify-content:center;min-height:80vh;display:flex}.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}.redirect-text{text-align:center;margin-top:4rem}.redirect-content{text-align:center;margin-top:2rem;font-family:system-ui,sans-serif}.loading-spinner{border:4px solid #ddd;border-top-color:#ffc627;border-radius:50%;width:48px;height:48px;margin:2rem auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cc-link{text-decoration:none}.cc-img{vertical-align:text-bottom;margin-left:3px;display:inline-block;height:18px!important}
+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{break-inside:avoid;border:1px solid #999}tr,img{break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{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}}#service-summary{color:#e6e6e6;margin-top:2rem;margin-bottom:2.5rem}.service-table{color:#e6e6e6;border-collapse:collapse;background-color:#191919;width:100%;font-size:.95rem}.service-table th,.service-table td{text-align:left;vertical-align:top;border-bottom:1px solid #333;padding:.75rem 1rem}.service-table th{color:#ffc627;text-transform:uppercase;background-color:#222;font-size:.85rem;font-weight:600}.service-table a{color:#ffc627;font-weight:500;text-decoration:none}.service-table a:hover{text-decoration:underline}.service-table tr:hover{background-color:#222;transition:background-color .3s,box-shadow .3s;box-shadow:0 0 10px 2px #ffc62740}.service-table tr.selected{background-color:#222;border-left:4px solid #ffc627;transition:background-color .3s,border-left-color .3s}.service-table tr.selected:hover{background-color:#252525;box-shadow:0 0 12px 3px #ffc62759}@media (width<=768px){.service-table{font-size:.9rem}.service-table th,.service-table td{padding:.5rem}}.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}.full-width-section.centered{flex-direction:column;justify-content:center;min-height:80vh;display:flex}.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}.redirect-text{text-align:center;margin-top:4rem}.redirect-content{text-align:center;margin-top:2rem;font-family:system-ui,sans-serif}.loading-spinner{border:4px solid #ddd;border-top-color:#ffc627;border-radius:50%;width:48px;height:48px;margin:2rem auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cc-link{text-decoration:none}.cc-img{vertical-align:text-bottom;margin-left:3px;display:inline-block;height:18px!important}#toc ul{padding-left:1.5rem;list-style-type:disc}#toc a{color:var(--color-primary,#ffc627);text-decoration:none}#toc a:hover{text-decoration:underline}

package/src/lib/types/appConstants.js

@@ -10,7 +10,7 @@ This file is part of Network Pro.
  * @file appConstants.js
  * @description Type definitions for app constants in src/lib/index.js
  * @module src/lib/types
- * @author SunDevil311
+ * @author Scott Lopez
  * @updated 2025-06-03
  */
 

package/src/lib/types/fossTypes.js

@@ -11,7 +11,7 @@ This file is part of Network Pro.
  * @description Type definitions for `fossItem` in
  * src/lib/components/foss/FossItemContent.svelte
  * @module src/lib/types
- * @author SunDevil311
+ * @author Scott Lopez
  * @updated 2025-06-12
  */
 

package/src/lib/unregisterServiceWorker.js

@@ -8,12 +8,20 @@ This file is part of Network Pro.
 
 /**
  * Allows for manual toggling of the service worker
+ * DEV USE ONLY
+ * @internal
  */
 export function unregisterServiceWorker() {
   if ('serviceWorker' in navigator) {
     navigator.serviceWorker.getRegistrations().then((registrations) => {
-      registrations.forEach((reg) => reg.unregister());
-      console.log('🧹 All service workers unregistered.');
+      if (registrations.length === 0) {
+        console.log('🧼 No service workers to unregister.');
+      } else {
+        registrations.forEach((reg) => {
+          console.log(`🧹 Unregistering SW: ${reg.scope}`);
+          reg.unregister();
+        });
+      }
     });
   }
 }

package/src/lib/utils/getUTMParams.js

@@ -12,7 +12,7 @@ This file is part of Network Pro.
  * Useful for analytics platforms like PostHog or GA4.
  *
  * @module src/lib/utils/
- * @author SunDevil311
+ * @author Scott Lopez
  * @updated 2025-06-30
  */
 

package/src/lib/utils/initAnalytics.js

@@ -0,0 +1,75 @@
+/* ==========================================================================
+src/lib/utils/initAnalytics.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 initAnalytics.js
+ * @description Helper utility for initializing analytics.
+ *
+ * @module src/lib/utils
+ * @author Scott Lopez
+ * @updated 2025-10-17
+ */
+
+import { browser } from '$app/environment';
+import { afterNavigate } from '$app/navigation';
+import { appleTouchIcon, faviconSvg, logoPng, logoWbp } from '$lib';
+import { registerServiceWorker } from '$lib/registerServiceWorker.js';
+import { capture, initPostHog } from '$lib/stores/posthog';
+
+/**
+ * Initializes analytics and telemetry (e.g., PostHog tracking, asset preload).
+ * Should be called once per app mount (e.g., from +layout.svelte).
+ *
+ * @returns {() => void} Cleanup function to unregister global event listeners
+ */
+export function initAnalytics() {
+  if (!browser) return () => {};
+
+  console.log('[APP] initAnalytics() running');
+
+  registerServiceWorker();
+  initPostHog();
+
+  afterNavigate(() => {
+    capture('$pageview');
+  });
+
+  // Track $pageleave
+  let hasFiredLeave = false;
+  const sendPageLeave = () => {
+    if (hasFiredLeave) return;
+    hasFiredLeave = true;
+    capture('$pageleave');
+  };
+
+  window.addEventListener('pagehide', sendPageLeave);
+  window.addEventListener('beforeunload', sendPageLeave);
+
+  // Debug toggle logic
+  const isDev = import.meta.env.MODE === 'development';
+  const urlParams = new URLSearchParams(window.location.search);
+  const debug = urlParams.get('debug') === 'true';
+
+  if (isDev || debug) {
+    console.log('ENV MODE =', import.meta.env.MODE);
+    console.log('isDev =', isDev);
+    console.log('debug param =', debug);
+  }
+
+  // Preload logo assets
+  [logoPng, logoWbp, faviconSvg, appleTouchIcon].forEach((src) => {
+    const img = new Image();
+    img.src = src;
+  });
+
+  // Clean up listeners when component is destroyed
+  return () => {
+    window.removeEventListener('pagehide', sendPageLeave);
+    window.removeEventListener('beforeunload', sendPageLeave);
+  };
+}

package/src/lib/utils/purify.js

@@ -11,7 +11,7 @@ This file is part of Network Pro.
  * @description Universal DOMPurify instance for SSR + client with safe build support.
  * Secures untrusted HTML before injecting it into the DOM.
  * @module src/lib/utils/
- * @author SunDevil311
+ * @author Scott Lopez
  * @updated 2025-06-01
  */
 

package/src/lib/utils/redirect.js

@@ -12,7 +12,7 @@ This file is part of Network Pro.
  * visual if true.
  *
  * @module src/lib/utils/
- * @author SunDevil311
+ * @author Scott Lopez
  * @updated 2025-07-01
  */
 

package/src/lib/utils/utm.js

@@ -10,8 +10,8 @@ This file is part of Network Pro.
  * @file utm.js
  * @description Appends standardized UTM parameters to a given URL.
  * @module src/lib/utils/
- * @author SunDevil311
- * @updated 2025-06-30
+ * @author Scott Lopez
+ * @updated 2025-10-10
  */
 
 import { browser } from '$app/environment';

package/src/routes/+layout.js

@@ -21,7 +21,7 @@ import { meta as routeMeta } from '$lib/meta.js'; // Import meta from $lib/meta.
 const fallbackMeta = {
   title: 'Security, Networking, Privacy — Network Pro™',
   description:
-    'Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro™',
+    'Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro Strategies',
 };
 
 export const prerender = 'auto';

package/src/routes/+layout.svelte

@@ -10,15 +10,11 @@ This file is part of Network Pro.
   export let data;
 
   import { onMount } from 'svelte';
-  import { afterNavigate } from '$app/navigation';
-  import { initPostHog, showReminder, capture } from '$lib/stores/posthog';
-  import { registerServiceWorker } from '$lib/registerServiceWorker.js';
-  import { browser } from '$app/environment';
-  import { logoPng, logoWbp, faviconSvg, appleTouchIcon } from '$lib';
+  import { initAnalytics } from '$lib/utils/initAnalytics';
+  import { showReminder } from '$lib/stores/posthog';
   import { ContainerSection, PWAInstallButton } from '$lib/components';
   import { Footer, HeaderDefault, HeaderHome } from '$lib/components/layout';
-
-  //import PWAInstallButton from '$lib/components/PWAInstallButton.svelte';
+  import { appleTouchIcon, faviconSvg, logoPng, logoWbp } from '$lib';
 
   import '$lib/styles/global.min.css';
   import '$lib/styles/fa-global.css';
@@ -26,35 +22,8 @@ This file is part of Network Pro.
   $: shouldShowReminder = $showReminder;
 
   onMount(() => {
-    console.log('[APP] onMount triggered in +layout.svelte');
-
-    registerServiceWorker();
-    initPostHog();
-
-    // Register navigation tracking only on client
-    afterNavigate(() => {
-      capture('$pageview');
-    });
-
-    if (browser) {
-      const isDev = import.meta.env.MODE === 'development';
-
-      // Check for ?debug=true in URL (no persistence)
-      const urlParams = new URLSearchParams(window.location.search);
-      const debug = urlParams.get('debug') === 'true';
-
-      if (isDev || debug) {
-        console.log('ENV MODE =', import.meta.env.MODE);
-        console.log('isDev =', isDev);
-        console.log('debug param =', debug);
-      }
-
-      // Preload logo assets
-      [logoPng, logoWbp, appleTouchIcon].forEach((src) => {
-        const img = new Image();
-        img.src = src;
-      });
-    }
+    const cleanup = initAnalytics();
+    return cleanup;
   });
 
   // fallback values if data.meta not set
@@ -62,7 +31,7 @@ This file is part of Network Pro.
     data?.meta?.title || 'Security, Networking, Privacy — Network Pro™';
   const metaDescription =
     data?.meta?.description ||
-    'Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro™';
+    'Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro Strategies';
 </script>
 
 <svelte:head>

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

@@ -7,7 +7,7 @@ This file is part of Network Pro.
 ========================================================================== -->
 
 <script>
-  import RedirectPage from '$lib/components/RedirectPage.svelte';
+  import { RedirectPage } from '$lib/components';
   import { appendUTM } from '$lib/utils/utm.js';
   import { getUTMParams } from '$lib/utils/getUTMParams.js';
   import { trackingEnabled } from '$lib/stores/trackingPreferences';

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

@@ -0,0 +1,18 @@
+/* ==========================================================================
+src/routes/services/+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['/services'] || defaultMeta,
+  };
+}

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

@@ -0,0 +1,65 @@
+<!-- ==========================================================================
+src/routes/services/+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,
+    FullWidthSection,
+    LegalNav,
+    SocialMedia,
+    MetaTags,
+  } from '$lib/components';
+  import { ServicesContent } from '$lib/pages';
+
+  /**
+   * @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/services" />
+
+<section id="services">
+  <FullWidthSection>
+    <!-- BEGIN PRIVACY POLICY -->
+    <section id="main-content">
+      <ServicesContent />
+    </section>
+    <!-- END PRIVACY POLICY -->
+
+    <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/status/+page.server.js

@@ -15,7 +15,7 @@ This file is part of Network Pro.
  * injected and available during runtime in Netlify's SSR context.
  *
  * @module src/routes/status
- * @author SunDevil311
+ * @author Scott Lopez
  * @updated 2025-05-31
  */
 

package/src/service-worker.js

@@ -28,7 +28,7 @@ const CACHE = `cache-${version}`;
 const excludedAssets = [];
 
 const IGNORE_PATHS = new Set([
-  '/.well-known/security.txt.asc',
+  '/.well-known/security.txt.sig',
   '/img/banner-1280x640.png',
   '/img/logo-transparent.png',
   '/img/logo.png',
@@ -39,8 +39,6 @@ const IGNORE_PATHS = new Set([
   '/pgp/github@sl.neteng.cc.asc',
   '/pgp/security@s.neteng.pro.asc',
   '/pgp/support@neteng.pro.asc',
-  '/pgp/vcard.png',
-  '/pgp/vcard.webp',
   '/screenshots/desktop-foss.png',
   '/webfonts/fa-brands-400.ttf',
   '/webfonts/fa-solid-900.ttf',
@@ -96,6 +94,8 @@ const REQUIRED_ASSETS = [
   '/pgp/pgp-security.webp',
   '/pgp/pgp-support.png',
   '/pgp/pgp-support.webp',
+  '/pgp/vcard.png',
+  '/pgp/vcard.webp',
   '/manifest.json',
   '/offline.html',
   '/offline.min.css',

package/static/bin/contact.vcf

@@ -3,11 +3,10 @@ VERSION:3.0
 FN:Scott Lopez
 N:Lopez;Scott
 TEL;TYPE=WORK,PREF=1:(623) 252-4350
-EMAIL;TYPE=HOME:github@sl.neteng.cc
 EMAIL;TYPE=WORK:support@neteng.pro
 EMAIL;TYPE=Secure:business@s.neteng.pro
 ADR;TYPE=WORK:;;Peoria\, AZ 85382\nUS
 ORG:Network Pro Strategies
-TITLE:Security Consultant
+TITLE:Network Engineer
 URL:https://netwk.pro
 END:VCARD

package/static/disableSw.js

@@ -10,7 +10,7 @@ This file is part of Network Pro.
  * @file disableSw.js
  * @description Allows for Service Worker to be disabled for debugging by appending ?nosw to the path.
  * @module static
- * @author SunDevil311
+ * @author Scott Lopez
  * @updated 2025-10-05
  */
 

package/static/manifest.json

@@ -27,7 +27,7 @@
       "src": "/icon-512x512-maskable.png",
       "type": "image/png",
       "sizes": "512x512",
-      "purpose": "any maskable"
+      "purpose": "maskable"
     },
     {
       "src": "/icon-splash.png",