@networkpro/web 1.18.5 → 1.20.0

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
 ========================================================================== */
@@ -469,6 +543,13 @@ footer .container {
   word-break: normal; /* avoid deprecated behavior */
 }
 
+.full-width-section.centered {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  min-height: 80vh;
+}
+
 .fingerprint {
   display: block;
   font-weight: bold;
@@ -614,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

@@ -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}}.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}.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/styles/index.js

@@ -9,4 +9,3 @@ This file is part of Network Pro.
 // Import transformed and minified stylesheets
 import "./global.min.css";
 import "./fa-global.css";
-

package/src/lib/types/README.md

@@ -0,0 +1,50 @@
+<!-- =====================================================================
+src/lib/types/README.md
+
+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.
+====================================================================== -->
+
+# Typing Policy
+
+This directory contains JSDoc-based type definitions for reusable modules
+within the Network Pro codebase. The goal is to provide meaningful IntelliSense,
+editor documentation, and lightweight type safety without requiring TypeScript
+conversion.
+
+## Scope and Philosophy
+
+- **Structured Data Only** – Typing is focused on objects that benefit from
+  explicit schemas (e.g., configuration, constants, utilities).
+- **Svelte Components** – Components are intentionally _not_ fully typed at this
+  stage. Component auto-completion is already handled by the Svelte language
+  server, and explicit typedefs would add unnecessary complexity.
+- **Scalability** – Typing is modular. New typedefs can be added under
+  `/src/lib/types/` as the codebase grows.
+- **Documentation-Driven** – JSDoc comments serve both as type definitions and
+  developer documentation. This minimizes friction while improving clarity.
+
+## Example
+
+```js
+/** @typedef {import('./types/appConstants.js').AppConstants} AppConstants */
+/** @type {AppConstants} */
+export const CONSTANTS = { ... };
+```
+
+This approach balances clarity and maintainability without introducing a
+TypeScript build requirement.
+
+---
+
+<span style="font-size: 12px; text-align: center;">
+
+Copyright &copy; 2025  
+**[Network Pro Strategies](https://netwk.pro) (Network Pro&trade;)**
+
+Network Pro&trade;, the shield logo, and the "Locking Down Networks...&trade;" slogan are [trademarks](https://netwk.pro/license#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.
+
+</span>

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/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/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.svelte

@@ -14,21 +14,13 @@ This file is part of Network Pro.
   import { initPostHog, showReminder, capture } from '$lib/stores/posthog';
   import { registerServiceWorker } from '$lib/registerServiceWorker.js';
   import { browser } from '$app/environment';
-
-  import ContainerSection from '$lib/components/ContainerSection.svelte';
-  import Footer from '$lib/components/layout/Footer.svelte';
-  import HeaderDefault from '$lib/components/layout/HeaderDefault.svelte';
-  import HeaderHome from '$lib/components/layout/HeaderHome.svelte';
-  import PWAInstallButton from '$lib/components/PWAInstallButton.svelte';
+  import { logoPng, logoWbp, faviconSvg, appleTouchIcon } from '$lib';
+  import { ContainerSection, PWAInstallButton } from '$lib/components';
+  import { Footer, HeaderDefault, HeaderHome } from '$lib/components/layout';
 
   import '$lib/styles/global.min.css';
   import '$lib/styles/fa-global.css';
 
-  import logoPng from '$lib/img/logo-web.png';
-  import logoWbp from '$lib/img/logo-web.webp';
-  import faviconSvg from '$lib/img/favicon.svg';
-  import appleTouchIcon from '$lib/img/icon-180x180.png';
-
   $: shouldShowReminder = $showReminder;
 
   onMount(() => {

package/src/routes/+page.svelte

@@ -7,13 +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 HomeContent from '$lib/pages/HomeContent.svelte';
-  import LegalNav from '$lib/components/LegalNav.svelte';
-  import Logo from '$lib/components/Logo.svelte';
-  import SocialMedia from '$lib/components/SocialMedia.svelte';
-  import MetaTags from '$lib/components/MetaTags.svelte';
+  import {
+    Badges,
+    FullWidthSection,
+    LegalNav,
+    Logo,
+    SocialMedia,
+    MetaTags,
+  } from '$lib/components';
+  import { HomeContent } from '$lib/pages';
 
   /**
    * @type {string}

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/links/+page.svelte

@@ -7,16 +7,17 @@ This file is part of Network Pro.
 ========================================================================== -->
 
 <script>
-  import RedirectPage from '$lib/components/RedirectPage.svelte';
   import { appendUTM } from '$lib/utils/utm.js';
   import { getUTMParams } from '$lib/utils/getUTMParams.js';
   import { trackingEnabled } from '$lib/stores/trackingPreferences';
-  import posthog from 'posthog-js';
+  import { RedirectPage } from '$lib/components';
   import { get } from 'svelte/store';
   import { onMount } from 'svelte';
   import { browser } from '$app/environment';
   import { CONSTANTS } from '$lib';
 
+  import posthog from 'posthog-js';
+
   //console.log(CONSTANTS.COMPANY_INFO.APP_NAME);
 
   const { PAGE } = CONSTANTS;

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

@@ -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/sitemap.xml

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<!-- Sitemap last updated 2025-09-27 -->
+<!-- Sitemap last updated 2025-10-17 -->
 
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
 
@@ -7,7 +7,7 @@
 
     <loc>https://netwk.pro</loc>
 
-    <lastmod>2025-09-27</lastmod>
+    <lastmod>2025-10-17</lastmod>
 
     <changefreq>weekly</changefreq>
 
@@ -15,6 +15,18 @@
 
   </url>
 
+  <url>
+
+    <loc>https://netwk.pro/services</loc>
+
+    <lastmod>2025-10-17</lastmod>
+
+    <changefreq>monthly</changefreq>
+
+    <priority>0.8</priority>
+
+  </url>
+
   <url>
 
     <loc>https://netwk.pro/foss-spotlight</loc>
@@ -31,7 +43,7 @@
 
     <loc>https://netwk.pro/about</loc>
 
-    <lastmod>2025-06-10</lastmod>
+    <lastmod>2025-10-17</lastmod>
 
     <changefreq>monthly</changefreq>
 
@@ -55,7 +67,7 @@
 
     <loc>https://netwk.pro/privacy</loc>
 
-    <lastmod>2025-06-30</lastmod>
+    <lastmod>2025-10-17</lastmod>
 
     <changefreq>monthly</changefreq>
 
@@ -67,7 +79,7 @@
 
     <loc>https://netwk.pro/license</loc>
 
-    <lastmod>2025-06-10</lastmod>
+    <lastmod>2025-10-09</lastmod>
 
     <changefreq>monthly</changefreq>
 

package/tests/e2e/app.spec.js

@@ -10,7 +10,7 @@ This file is part of Network Pro.
  * @file app.spec.js
  * @description Runs Playwright E2E tests with desktop and root route assertions.
  * @module tests/e2e
- * @author SunDevil311
+ * @author Scott Lopez
  * @updated 2025-09-17
  */
 

package/tests/e2e/mobile.spec.js

@@ -10,7 +10,7 @@ This file is part of Network Pro.
  * @file mobile.spec.js
  * @description Runs Playwright E2E tests with mobile assertions.
  * @module tests/e2e
- * @author SunDevil311
+ * @author Scott Lopez
  * @updated 2025-09-17
  */
 

package/tests/e2e/shared/helpers.js

@@ -10,7 +10,7 @@ This file is part of Network Pro.
  * @file helpers.js
  * @description Stores commonly used functions for importing into E2E tests.
  * @module tests/e2e/shared
- * @author SunDevil311
+ * @author Scott Lopez
  * @updated 2025-05-29
  */
 

package/tests/meta/meta.test.js

@@ -10,7 +10,7 @@ This file is part of Network Pro.
  * @file meta.test.js
  * @description Checks for correct metadata population in CI
  * @module tests/meta
- * @author SunDevil311
+ * @author Scott Lopez
  * @updated 2025-09-17
  */