@networkpro/web 1.22.2 → 1.23.0

package/src/lib/types/README.md

@@ -43,8 +43,8 @@ TypeScript build requirement.
 Copyright © 2025  
 **[Network Pro Strategies](https://netwk.pro) (Network Pro™)**
 
-Network Pro™, the shield logo, and the "Locking Down Networks...™" slogan are [trademarks](https://netwk.pro/license#trademark) of Network Pro Strategies.
+Network Pro™, the shield logo, and the "Locking Down Networks...™" slogan are [trademarks](https://netwk.pro/legal#trademark) of Network Pro Strategies.
 
-Licensed under **[CC BY 4.0](https://netwk.pro/license#cc-by)** and the **[GNU GPL](https://netwk.pro/license#gnu-gpl)**, as published by the [Free Software Foundation](https://www.fsf.org), either version 3 of the License, or (at your option) any later version.
+Licensed under **[CC BY 4.0](https://netwk.pro/legal#cc-by)** and the **[GNU GPL](https://netwk.pro/legal#gnu-gpl)**, as published by the [Free Software Foundation](https://www.fsf.org), either version 3 of the License, or (at your option) any later version.
 
 </span>

package/src/routes/+layout.js

@@ -19,9 +19,8 @@ import { meta as routeMeta } from '$lib/meta.js'; // Import meta from $lib/meta.
  * Actual meta content is provided per-route via +page.server.js.
  */
 const fallbackMeta = {
-  title: 'Security, Networking, Privacy — Network Pro™',
-  description:
-    'Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro Strategies',
+  title: 'Security, Networking, Privacy',
+  description: 'Locking Down Networks, Unlocking Confidence™',
 };
 
 export const prerender = 'auto';

package/src/routes/+layout.svelte

@@ -8,11 +8,14 @@ This file is part of Network Pro.
 
 <script>
   export let data;
-
   import { onMount } from 'svelte';
   import { initAnalytics } from '$lib/utils/initAnalytics';
   import { showReminder } from '$lib/stores/posthog';
-  import { ContainerSection, PWAInstallButton } from '$lib/components';
+  import {
+    ContainerSection,
+    MetaTags,
+    PWAInstallButton,
+  } from '$lib/components';
   import { Footer, HeaderDefault, HeaderHome } from '$lib/components/layout';
   import { appleTouchIcon, faviconSvg, logoPng, logoWbp } from '$lib';
 
@@ -34,6 +37,12 @@ This file is part of Network Pro.
     'Locking Down Networks, Unlocking Confidence™ | Security, Networking, Privacy — Network Pro Strategies';
 </script>
 
+<!-- Injects proper <title> and <meta> tags -->
+<MetaTags
+  title={metaTitle}
+  description={metaDescription}
+  pathname={data.pathname} />
+
 <svelte:head>
   <!-- Dynamic preloads only, meta moved to $lib/components/MetaTags.svelte -->
   <link rel="preload" href={logoWbp} as="image" type="image/webp" />
@@ -45,7 +54,6 @@ This file is part of Network Pro.
   <link rel="apple-touch-icon" href={appleTouchIcon} />
 
   <!-- Static moved to app.html 2025-05-21 -->
-  <meta name="theme-color" content="#ffc627" />
 </svelte:head>
 
 <!-- BEGIN HEADER -->

package/src/routes/+page.svelte

@@ -13,29 +13,10 @@ This file is part of Network Pro.
     LegalNav,
     Logo,
     SocialMedia,
-    MetaTags,
   } from '$lib/components';
   import { HomeContent } from '$lib/pages';
-
-  /**
-   * @type {string}
-   * Style class for the horizontal rule element.
-   */
-  const hrStyle = 'hr-styled';
-
-  /**
-   * @type {string}
-   * Style class for the div element.
-   */
-  const spaceStyle = 'spacer';
-
-  export let data;
 </script>
 
-<MetaTags title={data.meta.title} description={data.meta.description} />
-
-<link rel="canonical" href="https://netwk.pro" />
-
 <section id="home-page" data-testid="home-page">
   <FullWidthSection>
     <!-- BEGIN TITLE -->
@@ -44,11 +25,11 @@ This file is part of Network Pro.
     </section>
     <!-- END TITLE -->
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
-    <hr class={hrStyle} />
+    <hr class="hr-styled" />
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BEGIN MAIN CONTENT -->
     <section id="main-content">
@@ -56,7 +37,7 @@ This file is part of Network Pro.
     </section>
     <!-- END MAIN CONTENT -->
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BEGIN SOCIAL MEDIA -->
     <section id="social-media">
@@ -64,9 +45,9 @@ This file is part of Network Pro.
     </section>
     <!-- END SOCIAL MEDIA -->
 
-    <hr class={hrStyle} />
+    <hr class="hr-styled" />
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BEGIN LEGAL -->
     <section id="legal-nav">
@@ -74,7 +55,7 @@ This file is part of Network Pro.
     </section>
     <!-- END LEGAL -->
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BEGIN BADGES -->
     <section id="badges">

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

@@ -7,26 +7,15 @@ This file is part of Network Pro.
 ========================================================================== -->
 
 <script>
-  import AboutContent from '$lib/pages/AboutContent.svelte';
-  import Badges from '$lib/components/Badges.svelte';
-  import FullWidthSection from '$lib/components/FullWidthSection.svelte';
-  import LegalNav from '$lib/components/LegalNav.svelte';
-  import SocialMedia from '$lib/components/SocialMedia.svelte';
-  import MetaTags from '$lib/components/MetaTags.svelte';
-
-  /**
-   * @type {string}
-   * Style class for the div element.
-   */
-  const spaceStyle = 'spacer';
-
-  export let data;
+  import {
+    Badges,
+    FullWidthSection,
+    LegalNav,
+    SocialMedia,
+  } from '$lib/components';
+  import { AboutContent } from '$lib/pages';
 </script>
 
-<MetaTags title={data.meta.title} description={data.meta.description} />
-
-<link rel="canonical" href="https://netwk.pro/about" />
-
 <section id="about">
   <FullWidthSection>
     <!-- BEGIN MAIN CONTENT -->
@@ -35,7 +24,7 @@ This file is part of Network Pro.
     </section>
     <!-- END MAIN CONTENT -->
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- SOCIAL MEDIA -->
     <section id="social-media">
@@ -44,14 +33,14 @@ This file is part of Network Pro.
 
     <hr />
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- LEGAL NAVIGATION -->
     <section id="legal-nav">
       <LegalNav />
     </section>
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BADGES -->
     <section id="badges">

package/src/routes/{license → foss}/+page.server.js

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

package/src/routes/{foss-spotlight → foss}/+page.svelte

@@ -1,5 +1,5 @@
 <!-- ==========================================================================
-src/lib/pages/FossSpotlightContent.svelte
+src/routes/foss/+page.svelte
 
 Copyright © 2025 Network Pro Strategies (Network Pro™)
 SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
@@ -7,26 +7,15 @@ This file is part of Network Pro.
 ========================================================================== -->
 
 <script>
-  import Badges from '$lib/components/Badges.svelte';
-  import FullWidthSection from '$lib/components/FullWidthSection.svelte';
-  import FossContent from '$lib/pages/FossContent.svelte';
-  import LegalNav from '$lib/components/LegalNav.svelte';
-  import SocialMedia from '$lib/components/SocialMedia.svelte';
-  import MetaTags from '$lib/components/MetaTags.svelte';
-
-  /**
-   * @type {string}
-   * Style class for the div element.
-   */
-  const spaceStyle = 'spacer';
-
-  export let data;
+  import {
+    Badges,
+    FullWidthSection,
+    LegalNav,
+    SocialMedia,
+  } from '$lib/components';
+  import { FossContent } from '$lib/pages';
 </script>
 
-<MetaTags title={data.meta.title} description={data.meta.description} />
-
-<link rel="canonical" href="https://netwk.pro/foss-spotlight" />
-
 <section id="license">
   <FullWidthSection>
     <!-- BEGIN FOSS SPOTLIGHT -->
@@ -35,7 +24,7 @@ This file is part of Network Pro.
     </section>
     <!-- END FOSS SPOTLIGHT -->
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BEGIN SOCIAL MEDIA -->
     <section id="social-media">
@@ -45,7 +34,7 @@ This file is part of Network Pro.
 
     <hr />
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BEGIN LEGAL -->
     <section id="legal-nav">
@@ -53,7 +42,7 @@ This file is part of Network Pro.
     </section>
     <!-- END LEGAL -->
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BEGIN BADGES -->
     <section id="badges">

package/src/routes/{foss-spotlight → legal}/+page.server.js

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

package/src/routes/{license → legal}/+page.svelte

@@ -1,5 +1,5 @@
 <!-- ==========================================================================
-src/routes/license/+page.svelte
+src/routes/legal/+page.svelte
 
 Copyright © 2025 Network Pro Strategies (Network Pro™)
 SPDX-License-Identifier: CC-BY-4.0 OR GPL-3.0-or-later
@@ -7,26 +7,15 @@ This file is part of Network Pro.
 ========================================================================== -->
 
 <script>
-  import Badges from '$lib/components/Badges.svelte';
-  import FullWidthSection from '$lib/components/FullWidthSection.svelte';
-  import LicenseContent from '$lib/pages/LicenseContent.svelte';
-  import LegalNav from '$lib/components/LegalNav.svelte';
-  import SocialMedia from '$lib/components/SocialMedia.svelte';
-  import MetaTags from '$lib/components/MetaTags.svelte';
-
-  /**
-   * @type {string}
-   * Style class for the div element.
-   */
-  const spaceStyle = 'spacer';
-
-  export let data;
+  import {
+    Badges,
+    FullWidthSection,
+    LegalNav,
+    SocialMedia,
+  } from '$lib/components';
+  import { LicenseContent } from '$lib/pages';
 </script>
 
-<MetaTags title={data.meta.title} description={data.meta.description} />
-
-<link rel="canonical" href="https://netwk.pro/license" />
-
 <section id="license">
   <FullWidthSection containerClass="readable">
     <!-- BEGIN LEGAL, COPYRIGHT, AND LICENSING -->
@@ -35,7 +24,7 @@ This file is part of Network Pro.
     </section>
     <!-- END LEGAL, COPYRIGHT, AND LICENSING -->
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BEGIN SOCIAL MEDIA -->
     <section id="social-media">
@@ -45,7 +34,7 @@ This file is part of Network Pro.
 
     <hr />
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BEGIN LEGAL -->
     <section id="legal-nav">
@@ -53,7 +42,7 @@ This file is part of Network Pro.
     </section>
     <!-- END LEGAL -->
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BEGIN BADGES -->
     <section id="badges">

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

@@ -7,26 +7,15 @@ This file is part of Network Pro.
 ========================================================================== -->
 
 <script>
-  import PGPContent from '$lib/pages/PGPContent.svelte';
-  import Badges from '$lib/components/Badges.svelte';
-  import FullWidthSection from '$lib/components/FullWidthSection.svelte';
-  import LegalNav from '$lib/components/LegalNav.svelte';
-  import SocialMedia from '$lib/components/SocialMedia.svelte';
-  import MetaTags from '$lib/components/MetaTags.svelte';
-
-  /**
-   * @type {string}
-   * Style class for the div element.
-   */
-  const spaceStyle = 'spacer';
-
-  export let data;
+  import {
+    Badges,
+    FullWidthSection,
+    LegalNav,
+    SocialMedia,
+  } from '$lib/components';
+  import { PGPContent } from '$lib/pages';
 </script>
 
-<MetaTags title={data.meta.title} description={data.meta.description} />
-
-<link rel="canonical" href="https://netwk.pro/pgp" />
-
 <section id="about">
   <FullWidthSection containerClass="readable">
     <!-- BEGIN MAIN CONTENT -->
@@ -35,7 +24,7 @@ This file is part of Network Pro.
     </section>
     <!-- END MAIN CONTENT -->
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- SOCIAL MEDIA -->
     <section id="social-media">
@@ -44,14 +33,14 @@ This file is part of Network Pro.
 
     <hr />
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- LEGAL NAVIGATION -->
     <section id="legal-nav">
       <LegalNav />
     </section>
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BADGES -->
     <section id="badges">

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

@@ -7,26 +7,15 @@ This file is part of Network Pro.
 ========================================================================== -->
 
 <script>
-  import Badges from '$lib/components/Badges.svelte';
-  import FullWidthSection from '$lib/components/FullWidthSection.svelte';
-  import PrivacyContent from '$lib/pages/PrivacyContent.svelte';
-  import LegalNav from '$lib/components/LegalNav.svelte';
-  import SocialMedia from '$lib/components/SocialMedia.svelte';
-  import MetaTags from '$lib/components/MetaTags.svelte';
-
-  /**
-   * @type {string}
-   * Style class for the div element.
-   */
-  const spaceStyle = 'spacer';
-
-  export let data;
+  import {
+    Badges,
+    FullWidthSection,
+    LegalNav,
+    SocialMedia,
+  } from '$lib/components';
+  import { PrivacyContent } from '$lib/pages';
 </script>
 
-<MetaTags title={data.meta.title} description={data.meta.description} />
-
-<link rel="canonical" href="https://netwk.pro/privacy" />
-
 <section id="privacy">
   <FullWidthSection containerClass="readable">
     <!-- BEGIN PRIVACY POLICY -->
@@ -35,7 +24,7 @@ This file is part of Network Pro.
     </section>
     <!-- END PRIVACY POLICY -->
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BEGIN SOCIAL MEDIA -->
     <section id="social-media">
@@ -45,7 +34,7 @@ This file is part of Network Pro.
 
     <hr />
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BEGIN LEGAL -->
     <section id="legal-nav">
@@ -53,7 +42,7 @@ This file is part of Network Pro.
     </section>
     <!-- END LEGAL -->
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BEGIN BADGES -->
     <section id="badges">

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

@@ -7,32 +7,15 @@ This file is part of Network Pro.
 ========================================================================== -->
 
 <script>
-  import Badges from '$lib/components/Badges.svelte';
-  import FullWidthSection from '$lib/components/FullWidthSection.svelte';
-  import PrivacyDashboard from '$lib/pages/PrivacyDashboard.svelte';
-  import LegalNav from '$lib/components/LegalNav.svelte';
-  import SocialMedia from '$lib/components/SocialMedia.svelte';
-  import MetaTags from '$lib/components/MetaTags.svelte';
-
-  /**
-   * @type {string}
-   * Style class for the horizontal rule element.
-   */
-  const hrStyle = 'hr-styled';
-
-  /**
-   * @type {string}
-   * Style class for the div element.
-   */
-  const spaceStyle = 'spacer';
-
-  export let data;
+  import {
+    Badges,
+    FullWidthSection,
+    LegalNav,
+    SocialMedia,
+  } from '$lib/components';
+  import { PrivacyDashboard } from '$lib/pages';
 </script>
 
-<MetaTags title={data.meta.title} description={data.meta.description} />
-
-<link rel="canonical" href="https://netwk.pro/privacy-dashboard" />
-
 <section id="privacy">
   <FullWidthSection containerClass="readable">
     <!-- BEGIN PRIVACY DASHBOARD -->
@@ -41,7 +24,7 @@ This file is part of Network Pro.
     </section>
     <!-- END PRIVACY DASHBOARD -->
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BEGIN SOCIAL MEDIA -->
     <section id="social-media">
@@ -51,7 +34,7 @@ This file is part of Network Pro.
 
     <hr />
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BEGIN LEGAL -->
     <section id="legal-nav">
@@ -59,7 +42,7 @@ This file is part of Network Pro.
     </section>
     <!-- END LEGAL -->
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BEGIN BADGES -->
     <section id="badges">

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

@@ -12,23 +12,10 @@ This file is part of Network Pro.
     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 -->
@@ -37,7 +24,7 @@ This file is part of Network Pro.
     </section>
     <!-- END PRIVACY POLICY -->
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BEGIN SOCIAL MEDIA -->
     <section id="social-media">
@@ -47,7 +34,7 @@ This file is part of Network Pro.
 
     <hr />
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BEGIN LEGAL -->
     <section id="legal-nav">
@@ -55,7 +42,7 @@ This file is part of Network Pro.
     </section>
     <!-- END LEGAL -->
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BEGIN BADGES -->
     <section id="badges">

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

@@ -7,26 +7,15 @@ This file is part of Network Pro.
 ========================================================================== -->
 
 <script>
-  import Badges from '$lib/components/Badges.svelte';
-  import FullWidthSection from '$lib/components/FullWidthSection.svelte';
-  import TermsConditionsContent from '$lib/pages/TermsConditionsContent.svelte';
-  import LegalNav from '$lib/components/LegalNav.svelte';
-  import SocialMedia from '$lib/components/SocialMedia.svelte';
-  import MetaTags from '$lib/components/MetaTags.svelte';
-
-  /**
-   * @type {string}
-   * Style class for the div element.
-   */
-  const spaceStyle = 'spacer';
-
-  export let data;
+  import {
+    Badges,
+    FullWidthSection,
+    LegalNav,
+    SocialMedia,
+  } from '$lib/components';
+  import { TermsConditionsContent } from '$lib/pages';
 </script>
 
-<MetaTags title={data.meta.title} description={data.meta.description} />
-
-<link rel="canonical" href="https://netwk.pro/terms-conditions" />
-
 <section id="terms-conditions">
   <FullWidthSection containerClass="readable">
     <!-- BEGIN TERMS AND CONDITIONS -->
@@ -35,7 +24,7 @@ This file is part of Network Pro.
     </section>
     <!-- END TERMS AND CONDITIONS -->
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BEGIN SOCIAL MEDIA -->
     <section id="social-media">
@@ -45,7 +34,7 @@ This file is part of Network Pro.
 
     <hr />
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BEGIN LEGAL -->
     <section id="legal-nav">
@@ -53,7 +42,7 @@ This file is part of Network Pro.
     </section>
     <!-- END LEGAL -->
 
-    <div class={spaceStyle}></div>
+    <div class="spacer"></div>
 
     <!-- BEGIN BADGES -->
     <section id="badges">