@networkpro/web 1.21.0 → 1.22.0

package/src/lib/pages/AboutContent.svelte

@@ -7,16 +7,8 @@ This file is part of Network Pro.
 ========================================================================== -->
 
 <script>
-  import {
-    pgpContactPng,
-    pgpContactWbp,
-    pgpSupportPng,
-    pgpSupportWbp,
-    vcfPng,
-    vcfWbp,
-  } from '$lib';
+  import { CONSTANTS, getQR, PGP_KEYS } from '$lib';
   import { base } from '$app/paths';
-  import { CONSTANTS } from '$lib';
 
   // Log the base path to verify its value
   //console.log("Base path:", base);
@@ -24,6 +16,9 @@ This file is part of Network Pro.
   //console.log(CONSTANTS.COMPANY_INFO.APP_NAME);
 
   const { COMPANY_INFO, CONTACT, PAGE } = CONSTANTS;
+  const pgpKeys = PGP_KEYS.filter(
+    (k) => k.id === 'pgp-support' || k.id === 'pgp-contact',
+  );
 
   /**
    * URL to the Contact Form route, using the base path
@@ -37,6 +32,12 @@ This file is part of Network Pro.
    */
   const consultLink = `${base}/consultation`;
 
+  /**
+   * URL to the Services route, using the base path
+   * @type {string}
+   */
+  const servLink = `${base}/services`;
+
   /**
    * URL to the PGP route, using the base path
    * @type {string}
@@ -74,60 +75,35 @@ This file is part of Network Pro.
     {
       label: 'SPDX License Identifier',
       href: 'https://spdx.dev/learn/handling-license-info',
-      target: '_blank',
+      target: PAGE.BLANK,
       text: 'CC-BY-4.0 OR GPL-3.0-or-later',
     },
     {
       label: 'Docs',
       href: 'https://docs.netwk.pro',
-      target: '_self',
-    },
-  ];
-
-  /**
-   * PGP key information for contact emails
-   * @type {Array<{
-   *   label: string,
-   *   qrSrc: string,
-   *   qrWbp: string,
-   *   keySearch: string,
-   *   fingerprint: string[]
-   * }>}
-   */
-  const pgpKeys = [
-    {
-      label: 'support@neteng.pro',
-      qrSrc: pgpSupportPng,
-      qrWbp: pgpSupportWbp,
-      keySearch: 'https://keys.openpgp.org/search?q=support%40neteng.pro',
-      fingerprint: ['6590B992E2E3EFF12738', '7BCE2AF093E9DEC61BA0'],
-    },
-    {
-      label: 'contact@s.neteng.pro',
-      qrSrc: pgpContactPng,
-      qrWbp: pgpContactWbp,
-      keySearch: 'https://keys.openpgp.org/search?q=contact%40s.neteng.pro',
-      fingerprint: ['DF118BAA6C2D9DCDEBDC', '2DDCF99373499495F957'],
+      target: PAGE.SELF,
     },
   ];
 
   /**
    * @typedef {Object} ContactAssets
-   * @property {string} vcf
-   * @property {string} qrSrc
-   * @property {string} qrWbp
-   * @property {string} supportAsc
-   * @property {string} contactAsc
+   * @property {string} vcf - Path to the downloadable vCard file.
+   * @property {string} [png] - PNG version of the vCard QR code.
+   * @property {string} [webp] - WebP version of the vCard QR code.
+   * @property {string} supportAsc - Path to the general support PGP key.
+   * @property {string} contactAsc - Path to the secure contact PGP key.
    */
 
   /** @type {ContactAssets} */
   const contactAssets = {
     vcf: '/bin/contact.vcf',
-    qrSrc: vcfPng,
-    qrWbp: vcfWbp,
-    supportAsc: '/pgp/support@neteng.pro.asc',
+    ...getQR('vcard'),
+    supportAsc: '/pgp/support@netwk.pro.asc',
     contactAsc: '/pgp/contact@s.neteng.pro.asc',
   };
+
+  $: supportFp = pgpKeys[0]?.fingerprint?.split(' ') ?? [];
+  $: contactFp = pgpKeys[1]?.fingerprint?.split(' ') ?? [];
 </script>
 
 <!-- BEGIN TITLE -->
@@ -148,7 +124,7 @@ This file is part of Network Pro.
   </p>
 </section>
 
-&nbsp;
+<div class="spacer"></div>
 
 <section id="subhead">
   <h2>Security That Respects You</h2>
@@ -211,10 +187,11 @@ This file is part of Network Pro.
 <div class="spacer"></div>
 
 <p>
-  Additionally, {COMPANY_INFO.APP_NAME}&trade; provides on-site services in the
-  Greater Phoenix Metro Area (Maricopa County, AZ). Our on-site services are
-  available to both businesses and consumers. In addition to consulting, we
-  offer the following services:
+  Additionally, {COMPANY_INFO.APP_NAME}&trade; provides
+  <a href={servLink} target={PAGE.SELF}>on-site services</a>
+  in the Greater Phoenix Metro Area (Maricopa County, AZ). Our
+  <a href={servLink} target={PAGE.SELF}>on-site services</a> are available to both
+  consumers and businesses. In addition to consulting, we offer the following services:
 </p>
 
 <ul>
@@ -253,8 +230,14 @@ This file is part of Network Pro.
 <p>
   <strong>{COMPANY_INFO.NAME}</strong><br />
   📞 Phone: {CONTACT.PHONE}<br />
-  📧 General Inquiries: {CONTACT.EMAIL}<br />
-  🔐 Secure Email: {CONTACT.SECURE}
+  📧 General Inquiries:
+  <a href={`mailto:${CONTACT.EMAIL_LINK}`} target={PAGE.BLANK}>
+    {CONTACT.EMAIL_LINK}
+  </a><br />
+  🔐 Secure Email:
+  <a href={`mailto:${CONTACT.SECURE_LINK}`} target={PAGE.BLANK}>
+    {CONTACT.SECURE_LINK}
+  </a>
 </p>
 
 <div class="spacer"></div>
@@ -275,74 +258,84 @@ This file is part of Network Pro.
 <div class="pgp-wrap">
   <table class="pgp">
     <tbody>
-      <!-- Row 0 (First row) remains unchanged -->
+      <!-- Row 0 (Support) -->
       <tr>
         <td class="pgp-col1">
           <picture>
-            <source srcset={pgpKeys[0].qrWbp} type="image/webp" />
+            <source srcset={pgpKeys[0].webp} type="image/webp" />
             <img
               {decoding}
               {loading}
-              src={pgpKeys[0].qrSrc}
+              src={pgpKeys[0].png}
               class="pgp-image"
-              alt={`PGP Key - ${pgpKeys[0].label}`} />
+              alt={`QR code for ${pgpKeys[0].email}`} />
           </picture>
         </td>
         <td class="pgp-col2">
-          <a rel={PAGE.REL} href={pgpKeys[0].keySearch} target={PAGE.BLANK}>
-            <strong>{pgpKeys[0].label}</strong>
-          </a>
-          <p
-            ><strong
-              ><a
-                href={contactAssets.supportAsc}
-                type="application/pgp-keys"
-                download
-                target={PAGE.BLANK}
-                >asc &nbsp;<span class="fas fa-file-arrow-down"></span></a
-              ></strong>
+          <p>
+            <strong
+              ><a rel={PAGE.REL} href={pgpKeys[0].opgp} target={PAGE.BLANK}>
+                {pgpKeys[0].email}
+              </a></strong>
           </p>
-          <p
-            >Fingerprint:<br />
-            <span class="fingerprint">
-              {pgpKeys[0].fingerprint.join('\n')}
-            </span>
+          <p>
+            <a
+              href={pgpKeys[0].file}
+              type="application/pgp-keys"
+              download
+              target={PAGE.BLANK}>
+              asc &nbsp;<span class="fas fa-file-arrow-down"></span>
+            </a>
+          </p>
+          <p>
+            <strong>Fingerprint:</strong><br />
+            {#if supportFp.length}
+              <span class="fingerprint">
+                {supportFp.slice(0, supportFp.length / 2).join(' ')}<br />
+                {supportFp.slice(supportFp.length / 2).join(' ')}
+              </span>
+            {/if}
           </p>
         </td>
       </tr>
 
-      <!-- Row 1 (Second row) has its columns swapped -->
+      <!-- Row 1 (Secure Contact) -->
       <tr>
         <td class="pgp-col1">
-          <a rel={PAGE.REL} href={pgpKeys[1].keySearch} target={PAGE.BLANK}>
-            <strong>{pgpKeys[1].label}</strong>
-          </a>
           <p>
             <strong
-              ><a
-                href={contactAssets.contactAsc}
-                type="application/pgp-keys"
-                download
-                target={PAGE.BLANK}
-                >asc &nbsp;<span class="fas fa-file-arrow-down"></span></a
-              ></strong>
+              ><a rel={PAGE.REL} href={pgpKeys[1].opgp} target={PAGE.BLANK}>
+                {pgpKeys[1].email}
+              </a></strong>
+          </p>
+          <p>
+            <a
+              href={pgpKeys[1].file}
+              type="application/pgp-keys"
+              download
+              target={PAGE.BLANK}>
+              asc &nbsp;<span class="fas fa-file-arrow-down"></span>
+            </a>
           </p>
-          <p
-            >Fingerprint:<br />
-            <span class="fingerprint">
-              {pgpKeys[1].fingerprint.join('\n')}
-            </span>
+          <p>
+            <strong>Fingerprint:</strong><br />
+            {#if contactFp.length}
+              <span class="fingerprint">
+                {contactFp.slice(0, contactFp.length / 2).join(' ')}<br />
+                {contactFp.slice(contactFp.length / 2).join(' ')}
+              </span>
+            {/if}
           </p>
         </td>
         <td class="pgp-col2">
           <picture>
-            <source srcset={pgpKeys[1].qrWbp} type="image/webp" />
+            <source srcset={pgpKeys[1].webp} type="image/webp" />
             <img
               {decoding}
               {loading}
-              src={pgpKeys[1].qrSrc}
+              src={pgpKeys[1].png}
               class="pgp-image"
-              alt={`PGP Key - ${pgpKeys[1].label}`} />
+              alt={`QR code for ${pgpKeys[1].email}`} />
           </picture>
         </td>
       </tr>
@@ -351,13 +344,17 @@ This file is part of Network Pro.
       <tr>
         <td class="pgp-col1">
           <picture>
-            <source srcset={contactAssets.qrWbp} type="image/webp" />
-            <img
-              {decoding}
-              {loading}
-              src={contactAssets.qrSrc}
-              class="pgp-image"
-              alt="vCard" />
+            {#if contactAssets.webp}
+              <source srcset={contactAssets.webp} type="image/webp" />
+            {/if}
+            {#if contactAssets.png}
+              <img
+                {decoding}
+                {loading}
+                src={contactAssets.png}
+                class="pgp-image"
+                alt="vCard" />
+            {/if}
           </picture>
         </td>
         <td class="pgp-col2">

package/src/lib/pages/HomeContent.svelte

@@ -46,17 +46,17 @@ This file is part of Network Pro.
 <h3 class={classIndex}>🔒 Practical Cybersecurity. Trusted Expertise.</h3>
 
 <p class={classCenter}>
-  At <strong>{COMPANY_INFO.NAME}</strong>, we specialize in network security,
-  cybersecurity, and digital privacy consulting that meets today's real-world
-  demands. Our remote-first approach combines technical depth with practical
-  solutions—leveraging a strategic mix of open source and proprietary
+  At <strong>{COMPANY_INFO.NAME}</strong>, we specialize in network engineering
+  and security, cybersecurity, and digital privacy consulting that meets today's
+  real-world demands. Our remote-first approach combines technical depth with
+  practical solutions—leveraging a strategic mix of open source and proprietary
   technologies based on performance, scalability, and trustworthiness.
 </p>
 
 <p class={classCenter}>
   From secure network design to cloud infrastructure and perimeter defense, we
-  help organizations build stronger, smarter security postures—without
-  compromising flexibility or transparency.
+  help individuals and organizations build stronger, smarter security
+  postures—without compromising flexibility or transparency.
 </p>
 
 <p class={classCenter}>
@@ -76,9 +76,12 @@ This file is part of Network Pro.
   📞 <strong>Phone:</strong>
   {CONTACT.PHONE}<br />
   📧 <strong>General Inquiries:</strong>
-  {CONTACT.EMAIL}<br />
+  <a href={`mailto:${CONTACT.EMAIL_LINK}`} target={PAGE.BLANK}
+    >{CONTACT.EMAIL_LINK}</a
+  ><br />
   🔐 <strong>Secure Email:</strong>
-  {CONTACT.SECURE}
+  <a href={`mailto:${CONTACT.SECURE_LINK}`} target={PAGE.BLANK}
+    >{CONTACT.SECURE_LINK}</a>
 </p>
 
 &nbsp;

package/src/lib/pages/PGPContent.svelte

@@ -7,43 +7,16 @@ This file is part of Network Pro.
 ========================================================================== -->
 
 <script>
-  import CodeBlock from '$lib/components/CodeBlock.svelte';
+  import { CONSTANTS, protonPower, getQR, PGP_KEYS as keys } from '$lib';
+  import { CodeBlock } from '$lib/components';
   import { base } from '$app/paths';
-  import { CONSTANTS } from '$lib';
 
   // Log the base path to verify its value
   //console.log("Base path:", base);
 
   //console.log(CONSTANTS.COMPANY_INFO.APP_NAME);
 
-  const { PAGE } = CONSTANTS;
-
-  const keys = [
-    {
-      name: 'General Contact & Support',
-      email: 'support (at) neteng.pro',
-      fingerprint: '6590 B992 E2E3 EFF1 2738 7BCE 2AF0 93E9 DEC6 1BA0',
-      opgp: 'https://keys.openpgp.org/search?q=support%40neteng.pro',
-      file: '/pgp/support@neteng.pro.asc',
-      img: 'pgp-support',
-    },
-    {
-      name: 'Secure Email',
-      email: 'contact (at) s.neteng.pro',
-      fingerprint: 'DF11 8BAA 6C2D 9DCD EBDC 2DDC F993 7349 9495 F957',
-      opgp: 'https://keys.openpgp.org/search?q=contact%40s.neteng.pro',
-      file: '/pgp/contact@s.neteng.pro.asc',
-      img: 'pgp-contact',
-    },
-    {
-      name: 'Security Contact',
-      email: 'security (at) s.neteng.pro',
-      fingerprint: 'B7FE 1D4E 6CAB 3E71 4A9F DF6E 48CB 7290 C00D 0DA5',
-      opgp: 'https://keys.openpgp.org/search?q=security%40s.neteng.pro',
-      file: '/pgp/security@s.neteng.pro.asc',
-      img: 'pgp-security',
-    },
-  ];
+  const { CONTACT, PAGE } = CONSTANTS;
 
   /**
    * Tracks which PGP key's fingerprint was last copied.
@@ -81,7 +54,7 @@ This file is part of Network Pro.
 </p>
 <p>
   <img
-    src="/img/powered-by-proton.svg"
+    src={protonPower}
     alt="Powered by Proton"
     class="proton-img"
     loading="eager"
@@ -93,9 +66,9 @@ This file is part of Network Pro.
 </p>
 
 {#each keys as key, i}
-  <section class="pgp-entry" aria-labelledby={`pgp-${key.img}`}>
+  <section class="pgp-entry" aria-labelledby={`pgp-${key.id}`}>
     <div class="pgp-text">
-      <h2 id={`pgp-${key.img}`}>{key.name}</h2>
+      <h2 id={`pgp-${key.id}`}>{key.name}</h2>
       <h3>
         &lt;
         {#if key.opgp}
@@ -129,13 +102,19 @@ This file is part of Network Pro.
     </div>
     <div class="pgp-qr">
       <picture>
-        <source srcset={`/pgp/${key.img}.webp`} type="image/webp" />
-        <img
-          src={`/pgp/${key.img}.png`}
-          alt={`QR code for ${key.email}`}
-          class="pgp-image"
-          loading={i === 0 ? 'eager' : 'lazy'}
-          decoding={i === 0 ? 'sync' : 'async'} />
+        {#if key.webp}
+          <source srcset={key.webp} type="image/webp" />
+        {/if}
+        {#if key.png}
+          <img
+            src={key.png}
+            alt={`QR code for ${key.email}`}
+            class="pgp-image"
+            loading={i === 0 ? 'eager' : 'lazy'}
+            decoding={i === 0 ? 'sync' : 'async'} />
+        {:else}
+          <p>QR image missing for {key.id}</p>
+        {/if}
       </picture>
     </div>
   </section>

package/src/lib/pages/ServicesContent.svelte

@@ -44,7 +44,7 @@ This file is part of Network Pro.
    * @type {{ effectiveDate: string, classSmall: string }}
    */
   const constants = {
-    effectiveDate: 'October 18, 2025',
+    effectiveDate: 'October 20, 2025',
     classSmall: 'small-text',
   };
 </script>
@@ -92,7 +92,10 @@ This file is part of Network Pro.
 <p>
   <strong>{COMPANY_INFO.NAME}</strong><br />
   📞 Phone: {CONTACT.PHONE}<br />
-  📧 General Inquiries: {CONTACT.EMAIL}<br />
+  📧 General Inquiries:
+  <a href={`mailto:${CONTACT.EMAIL_LINK}`} target={PAGE.BLANK}
+    >{CONTACT.EMAIL_LINK}</a
+  ><br />
 </p>
 
 <div class="spacer"></div>

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

@@ -552,7 +552,7 @@ footer .container {
 
 .fingerprint {
   display: block;
-  font-weight: bold;
+  font-family: monospace;
   white-space: pre-line; /* Ensures newlines are respected for "\n" */
 }
 

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

@@ -3,4 +3,4 @@ Copyright © 2025 Network Pro Strategies (Network Pro™)
 SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
 This file is part of Network Pro.
 ========================================================================== */
-html{-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{color:inherit;box-sizing:border-box;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}details{display:block}summary{display:list-item}template{display:none}html{color:#222;scroll-behavior:smooth;font-size:1em;line-height:1.4}::-moz-selection{text-shadow:none;background:#191919}::selection{text-shadow:none;background:#191919}hr{border:0;border-top:1px solid #ccc;height:1px;margin:1em 0;padding:0;display:block;overflow:visible}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}body{color:#fafafa;background-color:#191919;margin:10px;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}a:link{color:#ffc627}a:hover,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}
+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-family:monospace;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

@@ -23,9 +23,12 @@ This file is part of Network Pro.
 
 /**
  * @typedef {object} ContactInfo
- * @property {string} EMAIL - Primary contact email
- * @property {string} SECURE - Secure contact email
- * @property {string} PRIVACY - Privacy policy email
+ * @property {string} EMAIL - Primary contact email (human-readable form)
+ * @property {string} EMAIL_LINK - Primary contact email (clickable address)
+ * @property {string} SECURE - Secure contact email (human-readable form)
+ * @property {string} SECURE_LINK - Secure contact email (clickable address)
+ * @property {string} PRIVACY - Privacy contact email (human-readable form)
+ * @property {string} PRIVACY_LINK - Privacy contact email (clickable address)
  * @property {string} PHONE - Support phone number
  */
 

package/src/routes/relay-[slug]/[...catchall]/+server.js

@@ -0,0 +1,68 @@
+/* ==========================================================================
+src/routes/relay-[slug]/[...catchall]/+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.
+========================================================================== */
+
+/**
+ * Universal mock for PostHog Proxy Handler
+ *
+ * @file +server.js
+ * @description Mocks GET, HEAD, and OPTIONS
+ * @module src/routes/relay-[slug]/[...catchall]
+ * @author Scott Lopez
+ * @updated 2025-10-17
+ */
+
+/** @typedef {import('@sveltejs/kit').RequestHandler} Handler */
+
+/** @type {Handler} */
+export function GET({ url }) {
+  const path = url.pathname;
+
+  // Match known mock paths
+  if (path.includes('/flags')) {
+    return new Response(
+      JSON.stringify({
+        feature_flags: [],
+        groups: {},
+        distinct_id: 'mock-user',
+      }),
+      {
+        status: 200,
+        headers: { 'Content-Type': 'application/json', 'X-Mock': 'true' },
+      },
+    );
+  }
+
+  if (path.includes('/config') || path.includes('/config.js')) {
+    return new Response('{}', {
+      status: 200,
+      headers: { 'Content-Type': 'application/json', 'X-Mock': 'true' },
+    });
+  }
+
+  // Log unexpected paths during tests
+  console.warn('[RELAY MOCK] Unhandled path:', path);
+
+  // Default 404 response
+  return new Response('Not Found', { status: 404 });
+}
+
+/** @type {Handler} */
+export function HEAD() {
+  return new Response(null, { status: 200 });
+}
+
+/** @type {Handler} */
+export function OPTIONS() {
+  return new Response(null, {
+    status: 204,
+    headers: {
+      Allow: 'GET, HEAD, OPTIONS',
+      'Access-Control-Allow-Origin': '*',
+    },
+  });
+}

package/src/service-worker.js

@@ -30,11 +30,11 @@ const excludedAssets = [];
 const IGNORE_PATHS = new Set([
   '/.well-known/security.txt.sig',
   '/img/banner-1280x640.png',
+  '/img/banner-og-1200x630.png',
+  '/img/fb-banner.png',
   '/img/logo-transparent.png',
   '/img/logo.png',
   '/img/svelte.png',
-  '/pgp/pgp-github.png',
-  '/pgp/pgp-github.webp',
   '/pgp/contact@s.neteng.pro.asc',
   '/pgp/github@sl.neteng.cc.asc',
   '/pgp/security@s.neteng.pro.asc',
@@ -84,18 +84,10 @@ const REQUIRED_ASSETS = [
   '/icon-192x192.png',
   '/icon-512x512-maskable.png',
   '/icon-512x512.png',
+  '/icon-about.png',
   '/icon-contact.png',
   '/icon-services.png',
   '/icon-splash.png',
-  '/img/banner-og-1200x630.png',
-  '/pgp/pgp-contact.png',
-  '/pgp/pgp-contact.webp',
-  '/pgp/pgp-security.png',
-  '/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',