@networkpro/web 1.5.6 → 1.6.1

package/src/hooks.server.js

@@ -0,0 +1,98 @@
+/* ==========================================================================
+src/hooks.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.
+========================================================================== */
+
+/**
+ * SvelteKit server hook to set Content Security Policy (CSP) header.
+ * @type {import('@sveltejs/kit').Handle}
+ */
+export async function handle({ event, resolve }) {
+  // Create the response
+  const response = await resolve(event);
+
+  // Check if the environment is for testing
+  const isTestEnvironment =
+    process.env.NODE_ENV === "test" || process.env.ENV_MODE === "ci";
+
+  // Set the Content Security Policy header
+  if (isTestEnvironment) {
+    // Relaxed CSP for testing: Allow inline scripts and eval
+    response.headers.set(
+      "Content-Security-Policy",
+      [
+        "default-src 'self';",
+        "script-src 'self' 'unsafe-inline' 'unsafe-eval' ws://localhost:*;", // Allow inline and eval scripts, and websockets for local testing
+        "style-src 'self' 'unsafe-inline';", // Allow inline styles
+        "img-src 'self' data:;", // Allow images from same origin and data URIs
+        "connect-src 'self';", // Allow connections only to same origin
+        "font-src 'self' data:;", // Allow fonts from same origin and data URIs
+        "form-action 'self';", // Allow forms to post to same origin
+        "base-uri 'self';", // Restrict base URIs to same origin
+        "object-src 'none';", // Block all object sources
+        "frame-ancestors 'none';", // Prevent framing of the site
+        "upgrade-insecure-requests;", // Automatically upgrade HTTP to HTTPS
+        "report-uri /api/mock-csp;", // Mock CSP reports for testing
+      ].join(" "),
+    );
+  } else {
+    // Production or development environment: use a more restrictive CSP
+    response.headers.set(
+      "Content-Security-Policy",
+      [
+        "default-src 'self';", // Allow resources from same origin
+        "script-src 'self' 'unsafe-inline';", // Allow inline scripts
+        "style-src 'self' 'unsafe-inline';", // Allow inline styles
+        "img-src 'self' data:;", // Allow images from same origin and data URIs
+        "connect-src 'self';", // Allow connections only to same origin
+        "font-src 'self' data:;", // Allow fonts from same origin and data URIs
+        "form-action 'self';", // Allow forms to post to same origin
+        "base-uri 'self';", // Restrict base URIs to same origin
+        "object-src 'none';", // Block all object sources
+        "frame-ancestors 'none';", // Prevent framing of the site
+        "upgrade-insecure-requests;", // Automatically upgrade HTTP to HTTPS
+        `report-uri ${process.env.ENV_MODE === "prod" ? "/.netlify/functions/cspReport" : "/api/mock-csp"};`, // Add CSP report URI for violations
+      ].join(" "),
+    );
+  }
+
+  // Set other security headers
+  response.headers.set(
+    "Permissions-Policy",
+    [
+      "fullscreen=(self)",
+      "sync-xhr=()",
+      "camera=()",
+      "microphone=()",
+      "geolocation=()",
+      "clipboard-read=()",
+      "clipboard-write=()",
+      "payment=()",
+      "usb=()",
+      "hid=()",
+      "gamepad=()",
+      "serial=()",
+      "publickey-credentials-get=()",
+      "interest-cohort=()",
+      "topics=()",
+    ].join(", "),
+  );
+
+  response.headers.set("X-Content-Type-Options", "nosniff");
+  response.headers.set("Referrer-Policy", "strict-origin-when-cross-origin");
+  response.headers.set("X-Frame-Options", "DENY");
+
+  if (process.env.ENV_MODE !== "test" && process.env.ENV_MODE !== "ci") {
+    response.headers.set(
+      "Strict-Transport-Security",
+      "max-age=2592000; includeSubDomains;", // Use max-age of 30 days
+    );
+  }
+
+  return response;
+}
+
+// cspell:ignore licdn

package/src/lib/components/foss/FossFeatures.svelte

@@ -8,8 +8,8 @@ This file is part of Network Pro.
 
 <script>
   /**
-   * Array of feature strings that describe the FOSS item
-   * @type {string[]}
+   * Array of feature objects that describe the FOSS item
+   * @type {Array<{ emoji: string, label: string, description: string }>}
    */
   export let features = [];
 </script>
@@ -17,9 +17,62 @@ This file is part of Network Pro.
 <!-- BEGIN FOSS FEATURES -->
 {#if features && features.length > 0}
   <ul>
-    {#each features as feature}
-      <li>{feature}</li>
+    {#each features as feature, index}
+      <li class="emoji">
+        {#if index === 0}
+          <span class="headline">
+            {feature.emoji}
+            <span class="label">{feature.label}</span>
+            {#if feature.description && feature.description.trim()}
+              <span class="description">&mdash; {feature.description}</span>
+            {/if}
+          </span>
+        {:else}
+          {feature.emoji}
+          <span class="label">{feature.label}</span>
+          {#if feature.description && feature.description.trim()}
+            <span class="description">&mdash; {feature.description}</span>
+          {/if}
+        {/if}
+      </li>
     {/each}
   </ul>
 {/if}
+
 <!-- END FOSS FEATURES -->
+
+<style>
+  ul {
+    margin: 0;
+    list-style-type: none;
+    padding-left: 0;
+  }
+
+  ul li {
+    font-weight: 600;
+    margin-bottom: 0.5em;
+  }
+
+  .emoji {
+    margin-right: 8px;
+  }
+
+  .headline {
+    display: block; /* Ensure it is on its own line */
+    font-weight: bold; /* Keep the first item bold */
+    font-style: italic; /* Only make the first item italic */
+    margin-bottom: 4px; /* Add space between headline and the rest */
+  }
+
+  .label {
+    font-weight: bold; /* Keep the label bold */
+    font-family: inherit; /* Ensure it uses the same font-family as normal text */
+  }
+
+  .description {
+    display: inline; /* Keep description inline */
+    font-weight: normal; /* Ensure the description is normal (not bold) */
+    font-family: inherit; /* Ensure it uses the same font-family as normal text */
+    font-style: normal; /* Remove italic for the description */
+  }
+</style>

package/src/lib/components/foss/FossItemContent.svelte

@@ -89,7 +89,7 @@ This file is part of Network Pro.
   <h3>{fossItem.headline}</h3>
 
   <!-- Trusted input, from internal CMS -->
-  {@html fossItem.detailsDescription}
+  {@html fossItem.headlineDescription}
 
   <FossFeatures features={fossItem.features} />
 

package/src/lib/components/layout/Footer.svelte

@@ -14,7 +14,7 @@ This file is part of Network Pro.
   import { bySvg, ccSvg } from "$lib";
 
   // Log the base path to verify its value
-  //console.log("Base path:", base);
+  console.log("Base path:", base);
 
   // Dynamic links for licensing and trademark
   const ccbyLink = `${base}/license#cc-by`;

package/src/lib/components/layout/HeaderDefault.svelte

@@ -10,7 +10,7 @@ This file is part of Network Pro.
   import { base } from "$app/paths";
 
   // Log the base path to verify its value
-  //console.log("Base path:", base);
+  console.log("Base path:", base);
 
   const homeLink = base || "/";
   const aboutLink = `${base}/about`;

package/src/lib/components/layout/HeaderHome.svelte

@@ -10,7 +10,7 @@ This file is part of Network Pro.
   import { base } from "$app/paths";
 
   // Log the base path to verify its value
-  //console.log("Base path:", base);
+  console.log("Base path:", base);
 
   const aboutLink = `${base}/about`;
   const fossLink = `${base}/foss-spotlight`;

package/src/lib/data/fossData.js

@@ -1,14 +1,99 @@
 /* ==========================================================================
 src/lib/data/fossData.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.
 ========================================================================== */
 
+// cspell:ignore lsheet eauth bolditalic tosdr
+
 // Import FOSS images
-import { acodePng, acodeWbp, lsheetPng, lsheetWbp, pmxPng, pmxWbp, tosPng, tosWbp, urlPng, urlWbp } from "$lib";
+import { acodePng, acodeWbp, eauthPng, eauthWbp, lsheetPng, lsheetWbp, pmxPng, pmxWbp, tosPng, tosWbp, urlPng, urlWbp } from "$lib";
 
 export const fossData = [
+{
+    id: "eauth",
+    images: {
+      webp: eauthWbp,
+      png: eauthPng,
+    },
+    imgAlt: "Ente Auth",
+    title: "Ente Auth",
+    headline: "🔐 Elevate Your 2FA Game with Ente Auth — The Cross-Platform Open-Source Powerhouse!",
+    headlineDescription: `
+      <p>
+        This week's <strong>FOSS Spotlight</strong> is on <strong>Ente Auth</strong> — the sleek, open-source 2FA authenticator that's putting privacy and usability front and center.
+      </p>
+      <p>
+        Whether you're a dev, a cybersecurity enthusiast, or simply serious about protecting your accounts, <strong>Ente Auth</strong> offers a next-level authentication experience — <strong>backed by encryption, not ads.</strong>
+      </p>
+    `,
+    features: [
+      {
+        emoji: "✨",
+        label: "Why Make the Switch to Ente Auth?",
+        isIntro: true
+      },
+      {
+        emoji: "✔️",
+        label: "End-to-End Encrypted Backups",
+        description: "Never lose access to your 2FA codes again."
+      },
+      {
+        emoji: "✔️",
+        label: "Cross-Platform Sync",
+        description: "Android, iOS, Windows, macOS, Linux, Web — all covered."
+      },
+      {
+        emoji: "✔️",
+        label: "Offline Functionality",
+        description: "No account or connection? No problem."
+      },
+      {
+        emoji: "✔️",
+        label: "Intuitive UX",
+        description: "Easily search, preview the next code, and share tokens securely."
+      },
+      {
+        emoji: "✔️",
+        label: "Audited Open Source",
+        description: "Reviewed by top-tier security firms."
+      },
+      {
+        emoji: "✔️",
+        label: "Free Forever",
+        description: "No ads. No tracking. Just transparent, user-first security."
+      }
+    ],
+    detailsDescription: `
+      <p>
+        We've long backed <strong>Aegis</strong> — and still do. But <strong>Aegis lacks true cross-platform support</strong>. That's where <strong>Ente Auth</strong> shines.
+      </p>
+      <p>
+        Take control of your authentication experience. <strong>Embrace the freedom of private, seamless, and secure 2FA.</strong>
+      </p>
+    `,
+    links: [
+      {
+        label: "GitHub",
+        href: "https://github.com/ente-io/ente/",
+      },
+      {
+        label: "F-Droid",
+        href: "https://f-droid.org/packages/io.ente.auth/",
+      },
+      {
+        label: "Website",
+        href: "https://ente.io/auth/",
+      },
+      {
+        label: "Play Store",
+        href: "https://play.google.com/store/apps/details?id=io.ente.auth",
+      },
+    ],
+    notes: [],
+  },
   {
     id: "pmx",
     images: {
@@ -19,28 +104,56 @@ export const fossData = [
     title: "Permission Manager X",
     headline: "Take Control of App Permissions Like a Pro with PMX!",
     headlineDescription: `
-      <p>Introducing Permission Manager X (PMX), the open-source, lightweight Android tool that provides you with full control over your app's permissions without the need for root access.</p>
-      <p>PMX was designed with user autonomy and simplicity in mind, enabling users to fully manage app permissions (both manifest permissions and AppOps) on Android devices.</p>
+      <p>
+        Introducing Permission Manager X (PMX), the open-source, lightweight Android tool that provides you with full control over your app's permissions without the need for root access.
+      </p>
+      <p>
+        PMX was designed with user autonomy and simplicity in mind, enabling users to fully manage app permissions (both manifest permissions and AppOps) on Android devices.
+      </p>
     `,
     features: [
-      "Granular, On-Demand Permission Control",
-      "Sensitive Data Access Monitoring",
-      "Autostart Abuse Prevention",
-      "Clean, Ad-Free Interface",
-      "Wireless ADB Support (No Root)",
+      {
+        emoji: "⚡",
+        label: "Why Choose PMX?",
+        isIntro: true
+      },
+      {
+        emoji: "✔️",
+        label: "Granular, On-Demand Permission Control",
+        description: "Instantly block or allow app permissions with real-time control."
+      },
+      {
+        emoji: "✔️",
+        label: "Sensitive Data Access Monitoring",
+        description: "See which apps access your camera, mic, location, and more."
+      },
+      {
+        emoji: "✔️",
+        label: "Autostart Abuse Prevention",
+        description: "Halt apps that auto-launch and exploit background permissions."
+      },
+      {
+        emoji: "✔️",
+        label: "Clean, Ad-Free Interface",
+        description: "Lightweight UI with zero ads, trackers, or unnecessary bloat."
+      },
+      {
+        emoji: "✔️",
+        label: "Wireless ADB Support (No Root)",
+        description: "Advanced controls via ADB—wireless if supported—no root needed."
+      }
     ],
     detailsDescription: `
-      <p>PMX offers a wealth of features for anyone evaluating mobile security tools, be they an IT professional, developer, or privacy-conscious user.</p>
-      <p>⚡ <span class="bolditalic">Why Choose PMX?</span><br />
-      ✔️ <strong>Granular, On-Demand Permission Control:</strong> Instantly block or allow app permissions with real-time control.<br />
-      ✔️ <strong>Sensitive Data Access Monitoring:</strong> See which apps access your camera, mic, location, and more.<br />
-      ✔️ <strong>Autostart Abuse Prevention:</strong> Halt apps that auto-launch and exploit background permissions.<br />
-      ✔️ <strong>Clean, Ad-Free Interface:</strong> Lightweight UI with zero ads, trackers, or unnecessary bloat.<br />
-      ✔️ <strong>Wireless ADB Support (No Root):</strong> Advanced controls via ADB—wireless if supported—no root needed.<br />
-      </p>
-      <p>No ads. No tracking. Just privacy made easy.<br />
-      This isn't just another utility — it's a <em>must-have</em> for anyone serious about mobile privacy and transparency.</p>
-      <p>Try it now and liberate your Android from bloatware permission abuse!</p>
+      <p>
+        PMX offers a wealth of features for anyone evaluating mobile security tools, be they an IT professional, developer, or privacy-conscious user.
+      </p>
+      <p>
+        No ads. No tracking. Just privacy made easy.<br />
+        This isn't just another utility — it's a <em>must-have</em> for anyone serious about mobile privacy and transparency.
+      </p>
+      <p>
+        Try it now and liberate your Android from bloatware permission abuse!
+      </p>
     `,
     links: [
       {
@@ -76,26 +189,55 @@ export const fossData = [
     headline:
       "Discover ToS;DR - The Open-Source Project That Translates Legal Jargon into Clarity",
     headlineDescription: `
-      <p>We've all been there&mdash;scrolling past walls of legal text and clicking “I agree” just to get on with it. But what exactly are we agreeing to?</p>
-      <p><strong>ToS;DR (Terms of Service; Didn't Read)</strong> is the open-source project that helps you find out—without needing a law degree.</p>
+      <p>
+        We've all been there&mdash;scrolling past walls of legal text and clicking “I agree” just to get on with it. But what exactly are we agreeing to?
+      </p>
+      <p>
+        <strong>ToS;DR (Terms of Service; Didn't Read)</strong> is the open-source project that helps you find out—without needing a law degree.
+      </p>
     `,
     features: [
-      "Community-driven ratings from A (best) to E (worst)",
-      "Clear summaries of complex terms and privacy policies",
-      "Highlights of key clauses—both good and bad",
-      "No account needed, completely free to use",
-      "Transparent, open-source code and contribution process",
+      {
+        emoji: "✨",
+        label: "Why ToS;DR?",
+        isIntro: true
+      },
+      {
+        emoji: "✔️",
+        label: "Community-driven ratings",
+        description: "from A (best) to E (worst)."
+      },
+      {
+        emoji: "✔️",
+        label: "Clear summaries of complex terms and privacy policies",
+        description: ""
+      },
+      {
+        emoji: "✔️",
+        label: "Highlights of key clauses",
+        description: "both good and bad."
+      },
+      {
+        emoji: "✔️",
+        label: "No account needed, completely free to use",
+        description: ""
+      },
+      {
+        emoji: "✔️",
+        label: "Transparent, open-source code and contribution process",
+        description: ""
+      }
     ],
     detailsDescription: `
-      <p>✨ <span class="bolditalic">Why ToS;DR?</span><br />
-      ✔️ Community-driven ratings from A (best) to E (worst)<br />
-      ✔️ Clear summaries of complex terms and privacy policies<br />
-      ✔️ Highlights of key clauses—both good and bad<br />
-      ✔️ No account needed, completely free to use<br />
-      ✔️ Transparent, open-source code and contribution process</p>
-      <p>Whether you're a privacy advocate, a curious user, or someone tired of blindly agreeing to questionable terms, ToS;DR helps you make informed decisions about the services you use every day.</p>
-      <p>💡 From browser extensions to a dedicated <strong>Android app on F-Droid</strong>, ToS;DR is privacy-conscious, ad-free, and built to empower.</p>
-      <p>Stay informed, protect your rights, and take back control of your digital life—one ToS at a time.</p>
+      <p>
+        Whether you're a privacy advocate, a curious user, or someone tired of blindly agreeing to questionable terms, ToS;DR helps you make informed decisions about the services you use every day.
+      </p>
+      <p>
+        💡 From browser extensions to a dedicated <strong>Android app on F-Droid</strong>, ToS;DR is privacy-conscious, ad-free, and built to empower.
+      </p>
+      <p>
+        Stay informed, protect your rights, and take back control of your digital life—one ToS at a time.
+      </p>
     `,
     links: [
       {
@@ -103,13 +245,13 @@ export const fossData = [
         href: "https://f-droid.org/en/packages/xyz.ptgms.tosdr/",
       },
       {
-        label: "GitHub (works with Obtanium)",
+        label: "GitHub (works with Obtainium)",
         href: "https://github.com/tosdr/tosdr-android",
       },
       { label: "Website", href: "https://tosdr.org/" },
     ],
     notes: [
-      `While the latest <a rel="noopener noreferrer" href="https://reports.exodus-privacy.eu.org/en/reports/592855/">Exodus</a> privacy audit shows the <a rel="noopener noreferrer" href="https://play.google.com/store/apps/details?id=xyz.ptgms.tosdr">Play Store</a> version is free of trackers, we'd still recommend opting for the F-Droid version or installing via <a rel="noopener noreferrer" href="https://github.com/ImranR98/Obtainium">Obtanium</a>.`,
+      `While the latest <a rel="noopener noreferrer" href="https://reports.exodus-privacy.eu.org/en/reports/592855/">Exodus</a> privacy audit shows the <a rel="noopener noreferrer" href="https://play.google.com/store/apps/details?id=xyz.ptgms.tosdr">Play Store</a> version is free of trackers, we'd still recommend opting for the F-Droid version or installing via <a rel="noopener noreferrer" href="https://github.com/ImranR98/Obtainium">Obtainium</a>.`,
     ],
   },
   {
@@ -123,23 +265,46 @@ export const fossData = [
     headline:
       "Bring the power of a full-fledged IDE to your Android device with Acode!",
     headlineDescription: `
-      <p>Discover Acode, the open-source code editor that brings the power of a full-fledged IDE to your Android device. Whether you're tweaking HTML, crafting CSS, or debugging JavaScript, Acode has you covered.</p>
+      <p>
+        Discover Acode, the open-source code editor that brings the power of a full-fledged IDE to your Android device. Whether you're tweaking HTML, crafting CSS, or debugging JavaScript, Acode has you covered.
+      </p>
     `,
     features: [
-      "Lightweight & fast",
-      "Supports over 100 programming languages",
-      "Offline functionality—no internet needed",
-      "Integrated Git support",
-      "Customizable themes & syntax highlighting",
+      {
+        emoji: "✨",
+        label: "Why Acode?",
+        isIntro: true
+      },
+      {
+        emoji: "✔️",
+        label: "Lightweight & fast",
+        description: ""
+      },
+      {
+        emoji: "✔️",
+        label: "Supports over 100 programming languages",
+        description: ""
+      },
+      {
+        emoji: "✔️",
+        label: "Offline functionality",
+        description: "no internet needed."
+      },
+      {
+        emoji: "✔️",
+        label: "Integrated Git support",
+        description: ""
+      },
+      {
+        emoji: "✔️",
+        label: "Customizable themes & syntax highlighting",
+        description: ""
+      }
     ],
     detailsDescription: `
-      <p>✨ <span class="bolditalic">Why Acode?</span><br />
-      ✔️ Lightweight & fast<br />
-      ✔️ Supports over 100 programming languages<br />
-      ✔️ Offline functionality—no internet needed<br />
-      ✔️ Integrated Git support<br />
-      ✔️ Customizable themes & syntax highlighting</p>
-      <p>Perfect for developers on the go, students, or anyone passionate about coding and open-source software.</p>
+      <p>
+        Perfect for developers on the go, students, or anyone passionate about coding and open-source software.
+      </p>
     `,
     links: [
       { label: "GitHub", href: "https://github.com/Acode-Foundation/Acode" },
@@ -164,20 +329,43 @@ export const fossData = [
     headline:
       "Restore link control on Android 12 and later with LinkSheet Nightly.",
     headlineDescription: `
-      <p>LinkSheet is a powerful tool that restores the ability to choose which app opens your links on Android 12 and later. With its Material Design interface, LinkSheet allows you to set custom preferences for specific hosts, enhancing your privacy and control.</p>
+      <p>
+        LinkSheet is a powerful tool that restores the ability to choose which app opens your links on Android 12 and later. With its Material Design interface, LinkSheet allows you to set custom preferences for specific hosts, enhancing your privacy and control.
+      </p>
     `,
     features: [
-      "Regain Choice: Decide which app opens your links, bypassing Android's default restrictions.",
-      "Custom Preferences: Set your preferred browser or app for specific hosts.",
-      "Enhanced Privacy: Prevent unwanted app launches and ensure links open where you intend.",
-      "User-Friendly Interface: Enjoy a sleek, Material Design that integrates seamlessly with your device.",
+      {
+        emoji: "✨",
+        label: "Why LinkSheet?",
+        isIntro: true
+      },
+      {
+        emoji: "✔️",
+        label: "Regain Choice",
+        description: "Decide which app opens your links, bypassing Android's default restrictions."
+      },
+      {
+        emoji: "✔️",
+        label: "Custom Preferences",
+        description: "Set your preferred browser or app for specific hosts."
+      },
+      {
+        emoji: "✔️",
+        label: "Enhanced Privacy",
+        description: "Prevent unwanted app launches and ensure links open where you intend."
+      },
+      {
+        emoji: "✔️",
+        label: "User-Friendly Interface",
+        description: "Enjoy a sleek, Material Design that integrates seamlessly with your device."
+      },
+      {
+        emoji: "✔️",
+        label: "Customizable themes & syntax highlighting",
+        description: ""
+      }
     ],
     detailsDescription: `
-      <p>✨ <span class="bolditalic">Why LinkSheet?</span><br />
-      ✔️ <strong>Regain Choice:</strong> Decide which app opens your links, bypassing Android's default restrictions.<br />
-      ✔️ <strong>Custom Preferences:</strong> Set your preferred browser or app for specific hosts.<br />
-      ✔️ <strong>Enhanced Privacy:</strong> Prevent unwanted app launches and ensure links open where you intend.<br />
-      ✔️ <strong>User-Friendly Interface:</strong> Enjoy a sleek, Material Design that integrates seamlessly with your device.</p>
     `,
     links: [
       {
@@ -208,18 +396,33 @@ export const fossData = [
     title: "URLCheck",
     headline: "Analyze and inspect links before opening them with URLCheck.",
     headlineDescription: `
-      <p>URLCheck is a must-have for privacy-conscious users! This app helps you analyze and inspect links before opening them, protecting you from trackers, malicious sites, and other online threats.</p>
+      <p>
+        URLCheck is a must-have for privacy-conscious users! This app helps you analyze and inspect links before opening them, protecting you from trackers, malicious sites, and other online threats.
+      </p>
     `,
     features: [
-      "Automatic URL screening: Set it as your default browser for real-time link analysis.",
-      "Full transparency: Know what's behind a link before you click.",
-      "Stronger privacy & security: Stay safe online with minimal effort.",
+      {
+        emoji: "🔍",
+        label: "Why you need it:",
+        isIntro: true
+      },
+      {
+        emoji: "✔️",
+        label: "Automatic URL Screening",
+        description: "Set it as your default browser for real-time link analysis."
+      },
+      {
+        emoji: "✔️",
+        label: "Full Transparency",
+        description: "Know what's behind a link before you click."
+      },
+      {
+        emoji: "✔️",
+        label: "Stronger Privacy & Security",
+        description: "Stay safe online with minimal effort!"
+      }
     ],
     detailsDescription: `
-      <p>🔍 <span class="bolditalic">Why you need it:</span><br />
-      ✔️ <b>Automatic URL screening:</b> Set it as your default browser for real-time link analysis.<br />
-      ✔️ <b>Full transparency:</b> Know what's behind a link before you click.<br />
-      ✔️ <b>Stronger privacy & security:</b> Stay safe online with minimal effort!</p>
     `,
     links: [
       { label: "GitHub", href: "https://github.com/TrianguloY/URLCheck" },

package/src/lib/images.js

@@ -38,6 +38,8 @@ import obtainiumWbp from "$lib/img/obtainium.webp";
 // Import images for posts
 import acodePng from "$lib/img/posts/acode.png";
 import acodeWbp from "$lib/img/posts/acode.webp";
+import eauthPng from "$lib/img/posts/eauth.png";
+import eauthWbp from "$lib/img/posts/eauth.webp";
 import lsheetPng from "$lib/img/posts/linksheet.png";
 import lsheetWbp from "$lib/img/posts/linksheet.webp";
 import pmxPng from "$lib/img/posts/pmx.png";
@@ -60,6 +62,8 @@ export {
   bySvg,
   ccBadge,
   ccSvg,
+  eauthPng,
+  eauthWbp,
   faviconSvg,
   gplBadge,
   logoPng,
@@ -78,3 +82,5 @@ export {
   urlWbp,
   vcfSrc
 };
+
+// cspell:ignore eauth