jekyll-theme-zer0 0.21.2 → 0.22.0

data/_includes/components/halfmoon.html

@@ -1,35 +1,46 @@
 <!-- 
   file: halfmoon.html
   path: _includes/halfmoon.html
-  description: This is the snippet for the dark mode switch.
+  description: Dark / light / auto theme switcher for the settings modal (Bootstrap dropdown).
  -->
 
- <div class="justify-content-end">
-  <i class="btn dropdown-toggle" id="bd-theme" type="button" aria-expanded="true" data-bs-toggle="dropdown" data-bs-display="static" aria-label="Toggle theme (dark)">
-    <i class="bi bi-circle-half theme-icon-active"><use href="#moon-stars-fill"></use></i>
-    <span class="d-none ms-2" id="bd-theme-text">Toggle theme</span>
-  </i>
-  <ul class="dropdown-menu" aria-labelledby="bd-theme-text" data-bs-popper="static">
+<div class="dropdown bd-theme-dropdown">
+  <button
+    type="button"
+    class="btn btn-outline-secondary dropdown-toggle d-flex align-items-center justify-content-center px-2 py-2"
+    id="bd-theme"
+    data-bs-toggle="dropdown"
+    data-bs-popper-config='{"strategy":"fixed"}'
+    aria-expanded="false"
+    aria-haspopup="true"
+    aria-label="Toggle theme (dark)"
+  >
+    <svg class="bi theme-icon-active flex-shrink-0" width="1.15em" height="1.15em" fill="currentColor" aria-hidden="true">
+      <use href="#moon-stars-fill"></use>
+    </svg>
+    <span class="visually-hidden" id="bd-theme-text">Toggle theme</span>
+  </button>
+  <ul class="dropdown-menu dropdown-menu-end shadow-sm bd-theme-menu py-1" aria-labelledby="bd-theme">
     <li>
-      <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
-        <svg class="bi me-2 opacity-50"><use href="#sun-fill"></use></svg>
-        Light
-        <svg class="bi ms-auto d-none"><use href="#check2"></use></svg>
+      <button type="button" class="dropdown-item d-flex align-items-center gap-2" data-bs-theme-value="light" aria-pressed="false">
+        <svg class="bi flex-shrink-0 opacity-50" width="1em" height="1em" fill="currentColor" aria-hidden="true"><use href="#sun-fill"></use></svg>
+        <span>Light</span>
+        <svg class="bi ms-auto flex-shrink-0 d-none" width="1em" height="1em" fill="currentColor" aria-hidden="true"><use href="#check2"></use></svg>
       </button>
     </li>
     <li>
-      <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="dark" aria-pressed="true">
-        <svg class="bi me-2 opacity-50"><use href="#moon-stars-fill"></use></svg>
-        Dark
-        <svg class="bi ms-auto d-none"><use href="#check2"></use></svg>
+      <button type="button" class="dropdown-item d-flex align-items-center gap-2 active" data-bs-theme-value="dark" aria-pressed="true">
+        <svg class="bi flex-shrink-0 opacity-50" width="1em" height="1em" fill="currentColor" aria-hidden="true"><use href="#moon-stars-fill"></use></svg>
+        <span>Dark</span>
+        <svg class="bi ms-auto flex-shrink-0 d-none" width="1em" height="1em" fill="currentColor" aria-hidden="true"><use href="#check2"></use></svg>
       </button>
     </li>
     <li>
-      <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="auto" aria-pressed="false">
-        <svg class="bi me-2 opacity-50"><use href="#circle-half"></use></svg>
-        Auto
-        <svg class="bi ms-auto d-none"><use href="#check2"></use></svg>
+      <button type="button" class="dropdown-item d-flex align-items-center gap-2" data-bs-theme-value="auto" aria-pressed="false">
+        <svg class="bi flex-shrink-0 opacity-50" width="1em" height="1em" fill="currentColor" aria-hidden="true"><use href="#circle-half"></use></svg>
+        <span>Auto</span>
+        <svg class="bi ms-auto flex-shrink-0 d-none" width="1em" height="1em" fill="currentColor" aria-hidden="true"><use href="#check2"></use></svg>
       </button>
     </li>
   </ul>
-</div>
+</div>

data/_includes/components/info-section.html

@@ -21,6 +21,7 @@
   ===================================================================
 -->
 
+{% include components/env-detect.html %}
 <!-- Settings Modal -->
 <div class="modal fade" id="info-section" tabindex="-1" aria-labelledby="infoSectionLabel" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
@@ -48,10 +49,10 @@
               <button class="nav-link" id="environment-tab" data-bs-toggle="tab" data-bs-target="#environment-pane" type="button" role="tab" aria-controls="environment-pane" aria-selected="false">
                 <i class="bi bi-hdd-network me-1"></i>
                 <span class="d-none d-sm-inline">Environment</span>
-                {% if jekyll.environment == "development" %}
-                  <span class="badge bg-warning text-dark ms-1 d-none d-md-inline-block">Dev</span>
-                {% else %}
+                {% if is_production %}
                   <span class="badge bg-success ms-1 d-none d-md-inline-block">Prod</span>
+                {% else %}
+                  <span class="badge bg-warning text-dark ms-1 d-none d-md-inline-block">Dev</span>
                 {% endif %}
               </button>
             </li>

data/_includes/components/js-cdn.html

@@ -1,35 +1,28 @@
 <!--
   ===================================================================
-  JAVASCRIPT CDN - External JavaScript Library Loading
+  JAVASCRIPT - Local vendor libraries
   ===================================================================
   
   File: js-cdn.html
   Path: _includes/components/js-cdn.html
-  Purpose: Load JavaScript libraries from CDN for site functionality
+  Purpose: Load jQuery and Bootstrap from assets/vendor (no runtime CDN).
   
   Libraries:
-  - jQuery 3.7.1 - DOM manipulation and AJAX
-  - Bootstrap 5.3.3 Bundle - UI components (includes Popper.js)
+  - jQuery 3.7.1
+  - Bootstrap 5.3.3 bundle (includes Popper.js)
   
-  Note: Bootstrap 5 bundle includes Popper.js, so separate Popper
-  loading is not needed and can cause conflicts.
-  
-  Source: https://getbootstrap.com/docs/5.3/getting-started/contents/
+  Refresh: ./scripts/vendor-install.sh (see vendor-manifest.json)
   ===================================================================
 -->
 
 <!-- jQuery 3.7.1 -->
-<script src="https://code.jquery.com/jquery-3.7.1.min.js" 
-        integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" 
-        crossorigin="anonymous"></script>
+<script src="{{ '/assets/vendor/jquery/jquery-3.7.1.min.js' | relative_url }}"></script>
 
 <!-- Bootstrap 5.3.3 Bundle (includes Popper.js) -->
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" 
-        integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" 
-        crossorigin="anonymous"></script>
+<script src="{{ '/assets/vendor/bootstrap/js/bootstrap.bundle.min.js' | relative_url }}"></script>
 
 <!-- Navigation scripts - Offcanvas, dropdowns, mobile interactions -->
-<script src="{{ '/assets/js/navigation.js' | relative_url }}"></script>
+<script src="{{ '/assets/js/navigation.js' | relative_url }}?t={{ site.time | date: '%s' }}"></script>
 
 <!-- Navigation ES6 Modules - Enhanced sidebar, scroll spy, keyboard shortcuts, gestures -->
 <script type="module" src="{{ '/assets/js/modules/navigation/index.js' | relative_url }}"></script>

data/_includes/components/mermaid.html

@@ -26,7 +26,7 @@
   - Supports all Mermaid diagram types (flowcharts, sequence, gantt, etc.)
   
   Configuration:
-  - Mermaid v10 via CDN (latest stable)
+  - Mermaid v10 bundled locally (_config.yml mermaid.src)
   - Forest theme for dark mode compatibility
   - Client-side code block conversion for GitHub Pages compatibility
   
@@ -41,8 +41,8 @@
   ===================================================================
 -->
 
-<!-- Load Mermaid.js from CDN (latest stable version) -->
-<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js"></script>
+<!-- Load Mermaid.js (bundled locally) -->
+<script type="text/javascript" src="{{ site.mermaid.src | relative_url }}"></script>
 
 <!-- Initialize Mermaid with custom configuration -->
 <script>
@@ -53,8 +53,11 @@
     function getBootstrapTheme() {
       // Check data-bs-theme attribute on html element
       var htmlTheme = document.documentElement.getAttribute('data-bs-theme');
-      if (htmlTheme === 'dark' || htmlTheme === 'light') {
-        return htmlTheme;
+      if (htmlTheme === 'dark' || htmlTheme === 'wizard') {
+        return 'dark';
+      }
+      if (htmlTheme === 'light') {
+        return 'light';
       }
       // Fallback to prefers-color-scheme
       if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
@@ -200,7 +203,8 @@
       themeVariables: mermaidThemeConfig.themeVariables,
       flowchart: {
         useMaxWidth: true,
-        htmlLabels: true,
+        // SVG labels avoid foreignObject clipping/position bugs with theme CSS
+        htmlLabels: false,
         curve: 'basis'
       },
       sequence: {
@@ -260,7 +264,7 @@
             themeVariables: newMermaidConfig.themeVariables,
             flowchart: {
               useMaxWidth: true,
-              htmlLabels: true,
+              htmlLabels: false,
               curve: 'basis'
             },
             sequence: {
@@ -316,8 +320,8 @@
   });
 </script>
 
-<!-- FontAwesome for Mermaid icon support (optional) -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" crossorigin="anonymous">
+<!-- Font Awesome for Mermaid icon support (bundled) -->
+<link rel="stylesheet" href="{{ '/assets/vendor/font-awesome/css/all.min.css' | relative_url }}">
 
 <!-- Custom CSS for Mermaid diagrams -->
 <style>

data/_includes/components/powered-by.html

@@ -11,10 +11,12 @@
       <div class="card-body d-flex align-items-start">
         <div>
           <h5 class="card-title">{{ power.name }}</h5>
-          <p class="card-text">Version: {{ power.version }}</p>
-          <a href="{{ power.url }}" class="btn btn-primary" rel="nofollow">Go to site</a>
+          {% if power.version %}
+          <p class="card-text small text-body-secondary mb-2">Version {{ power.version }}</p>
+          {% endif %}
+          <a href="{{ power.url }}" class="btn btn-primary btn-sm" rel="nofollow">Go to site</a>
         </div>
-        <i class="{{ power.icon }} fs-1 ms-auto"></i>
+        <i class="{{ site.default_icon }} {{ power.icon }} fs-1 ms-auto text-primary" aria-hidden="true"></i>
       </div>
     </div>
   </div>

data/_includes/content/intro.html

@@ -1,9 +1,13 @@
 <!--
-  file: _includes/intro.html
-  description: Enhanced intro section with improved share functionality and better button alignment
-  path: _includes/intro.html
+  file: _includes/content/intro.html
+  description: Enhanced intro section with share, edit, and Copilot agent session buttons
+  path: _includes/content/intro.html
   features:
     - Responsive share dropdown with multiple social platforms
+    - Edit on GitHub quick link
+    - Copilot Agent dropdown: select a prompt template to pre-fill a GitHub issue
+    - Issue body includes prompt template + page context + environment details
+    - Prompts sourced from _data/prompts.yml
     - Properly aligned action buttons at bottom right
     - Improved accessibility with icons and labels
     - Clean button grouping with consistent spacing
@@ -35,6 +39,14 @@
   {% assign preview_path = preview_image | relative_url %}
 {% endif %}
 
+{% comment %}
+  Build the file path, branch, and repo owner for action buttons.
+{% endcomment %}
+{% assign repo_branch = site.branch | default: "main" %}
+{% assign file_path = page_dir | append: "/" | append: page.path %}
+{% assign repo_parts = site.repository | split: "/" %}
+{% assign repo_owner = repo_parts[0] %}
+
 <div class="bd-intro pt-5 ps-lg-2 position-relative" style="
   background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('{{ preview_path | relative_url }}') no-repeat center center / cover;
   color: #fff;">
@@ -77,8 +89,56 @@
       </ul>
     </div>
 
+    <!-- Copilot Agent Prompt Dropdown -->
+    <div class="dropdown">
+      <button class="btn btn-success dropdown-toggle" type="button" id="copilotAgentDropdown" data-bs-toggle="dropdown" aria-expanded="false" title="Open a GitHub issue with a Copilot prompt for this page">
+        <i class="bi bi-robot"></i>
+        <span class="d-none d-sm-inline ms-1">Copilot Agent</span>
+      </button>
+      <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="copilotAgentDropdown">
+        {% for prompt in site.data.prompts %}
+        {% capture issue_title %}[{{ prompt.label }}] {{ page.title }}{% endcapture %}
+        {% capture issue_body %}{{ prompt.body }}
+---
+
+## 📄 Page Context
+
+| Field | Value |
+|---|---|
+| **Title** | {{ page.title }} |
+| **URL** | {{ site.url }}{{ page.url }} |
+| **File** | `{{ file_path }}` |
+| **Branch** | `{{ repo_branch }}` |
+| **Layout** | `{{ page.layout }}` |
+| **Collection** | `{{ page.collection }}` |
+| **Author** | {{ page.author | default: site.author.name }} |
+| **Date** | {{ page.date }} |
+| **Last Modified** | {{ page.lastmod }} |
+| **Tags** | {{ page.tags | join: ", " }} |
+| **Categories** | {{ page.categories | join: ", " }} |
+
+## 🔧 Environment
+
+| Field | Value |
+|---|---|
+| **Repository** | `{{ site.repository }}` |
+| **Site URL** | {{ site.url }} |
+| **Jekyll Env** | `{{ jekyll.environment }}` |
+| **Theme** | `{{ site.theme | default: site.remote_theme }}` |
+| **Base URL** | `{{ site.baseurl }}` |
+{% endcapture %}
+        <li>
+          <a class="dropdown-item" href="https://github.com/{{ site.repository }}/issues/new?assignees=copilot&labels=ai-agent&title={{ issue_title | url_encode }}&body={{ issue_body | url_encode }}" target="_blank" rel="noopener noreferrer">
+            <i class="bi {{ prompt.icon }} me-2"></i>{{ prompt.label }}
+            {% if prompt.description %}<small class="text-muted d-block">{{ prompt.description }}</small>{% endif %}
+          </a>
+        </li>
+        {% endfor %}
+      </ul>
+    </div>
+
     <!-- Edit on Github Button -->
-    <a href="https://github.com/{{ site.repository }}/blob/master/{{ page_dir }}/{{ page.path }}" class="btn btn-dark">
+    <a href="https://github.com/{{ site.repository }}/blob/{{ repo_branch }}/{{ file_path }}" class="btn btn-dark">
       <i class="bi bi-github"></i>
       <span class="d-none d-sm-inline ms-1">Edit on GitHub</span>
     </a>

data/_includes/content/jsonld-faq.html

@@ -0,0 +1,47 @@
+<!--
+  ===================================================================
+  JSON-LD FAQ SCHEMA - FAQPage Structured Data
+  ===================================================================
+
+  File: jsonld-faq.html
+  Path: _includes/content/jsonld-faq.html
+  Purpose: Renders FAQPage schema from page.faq_items front matter
+           for rich search results and AI citation injection.
+
+  Parameters:
+  - Reads page.faq_items array from front matter
+  - Each item needs: question, answer
+
+  Usage:
+    In page front matter:
+      faq_items:
+        - question: "What is zer0-mistakes?"
+          answer: "A Jekyll theme..."
+    In layout/page:
+      include content/jsonld-faq.html
+
+  Dependencies:
+  - Page front matter with faq_items array
+  ===================================================================
+-->
+
+{% if page.faq_items and page.faq_items.size > 0 %}
+<script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "FAQPage",
+  "mainEntity": [
+    {% for item in page.faq_items %}
+    {
+      "@type": "Question",
+      "name": {{ item.question | jsonify }},
+      "acceptedAnswer": {
+        "@type": "Answer",
+        "text": {{ item.answer | jsonify }}
+      }
+    }{% unless forloop.last %},{% endunless %}
+    {% endfor %}
+  ]
+}
+</script>
+{% endif %}

data/_includes/content/jsonld-software.html

@@ -0,0 +1,121 @@
+<!--
+  ===================================================================
+  JSON-LD STRUCTURED DATA - SoftwareApplication + WebPage Schema
+  ===================================================================
+
+  File: jsonld-software.html
+  Path: _includes/content/jsonld-software.html
+  Purpose: Provides rich structured data for AI engines and search
+           engines to accurately cite and describe the zer0-mistakes
+           Jekyll theme as a SoftwareApplication entity.
+
+  Template Logic:
+  - Renders SoftwareApplication schema on the homepage only
+  - Links to a WebPage wrapper via @id references
+  - Pulls version, author, and description from site config
+
+  Dependencies:
+  - _config.yml: site.url, site.title, site.description, site.author
+  - lib/jekyll-theme-zer0/version.rb (version referenced in config)
+
+  Usage:
+  - Included automatically in _includes/core/head.html
+  - Conditional: only renders when page.permalink == "/"
+  ===================================================================
+-->
+
+{% if page.permalink == "/" or page.url == "/" %}
+<script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@graph": [
+    {
+      "@type": "WebPage",
+      "@id": "{{ site.url }}/#webpage",
+      "url": "{{ site.url }}/",
+      "name": "{{ site.title }} — {{ page.description | default: site.description | strip_html | strip_newlines | escape }}",
+      "isPartOf": {
+        "@id": "{{ site.url }}/#website"
+      },
+      "about": {
+        "@id": "{{ site.url }}/#software"
+      },
+      "datePublished": "{{ page.created | default: '2024-02-10' }}",
+      "dateModified": "{{ page.lastmod | default: site.time | date: '%Y-%m-%d' }}",
+      "description": "{{ page.description | default: site.description | strip_html | strip_newlines | escape }}",
+      "inLanguage": "{{ site.locale | default: 'en-US' }}"
+    },
+    {
+      "@type": "WebSite",
+      "@id": "{{ site.url }}/#website",
+      "url": "{{ site.url }}/",
+      "name": "{{ site.title }}",
+      "publisher": {
+        "@id": "{{ site.url }}/#author"
+      },
+      "inLanguage": "{{ site.locale | default: 'en-US' }}"
+    },
+    {
+      "@type": "SoftwareApplication",
+      "@id": "{{ site.url }}/#software",
+      "name": "{{ site.title }}",
+      "alternateName": "jekyll-theme-zer0",
+      "description": "GitHub Pages compatible Jekyll theme with Bootstrap 5.3, featuring Docker-first development, automated installation, and comprehensive documentation.",
+      "applicationCategory": "DeveloperApplication",
+      "operatingSystem": "Cross-platform (macOS, Linux, Windows via Docker)",
+      "url": "{{ site.url }}/",
+      "downloadUrl": "https://rubygems.org/gems/jekyll-theme-zer0",
+      "installUrl": "https://github.com/bamr87/zer0-mistakes#-quick-start",
+      "softwareVersion": "{{ page.version | default: site.version | default: '0.21.2' }}",
+      "datePublished": "2024-02-10",
+      "dateModified": "{{ site.time | date: '%Y-%m-%d' }}",
+      "license": "https://opensource.org/licenses/MIT",
+      "isAccessibleForFree": true,
+      "offers": {
+        "@type": "Offer",
+        "price": "0",
+        "priceCurrency": "USD"
+      },
+      "author": {
+        "@id": "{{ site.url }}/#author"
+      },
+      "publisher": {
+        "@id": "{{ site.url }}/#author"
+      },
+      "codeRepository": "https://github.com/bamr87/zer0-mistakes",
+      "programmingLanguage": ["Ruby", "Liquid", "HTML", "SCSS", "JavaScript"],
+      "runtimePlatform": "Jekyll",
+      "featureList": [
+        "Bootstrap 5.3.3 responsive UI framework",
+        "Docker-first cross-platform development",
+        "AI-powered self-healing installation",
+        "GitHub Pages native compatibility",
+        "Privacy-compliant PostHog analytics",
+        "Mermaid diagram rendering",
+        "MathJax mathematical notation",
+        "Automated semantic versioning and release pipeline",
+        "Client-side search functionality",
+        "Cookie consent (GDPR/CCPA compliant)",
+        "Progressive Web App support",
+        "43 documented features with comprehensive tests"
+      ],
+      "screenshot": "{{ site.url }}/assets/images/wizard-on-journey.png",
+      "softwareRequirements": "Docker Desktop or Ruby >= 2.7 with Bundler"
+    },
+    {
+      "@type": "Person",
+      "@id": "{{ site.url }}/#author",
+      "name": "{{ site.founder | default: 'Amr Abdel-Motaleb' }}",
+      "alternateName": "bamr87",
+      "url": "https://github.com/bamr87",
+      "sameAs": [
+        "https://github.com/bamr87",
+        "https://twitter.com/bamr87"
+      ],
+      "jobTitle": "Software Developer",
+      "knowsAbout": ["Jekyll", "Docker", "Bootstrap", "GitHub Pages", "Static Site Generation"]
+    }
+  ]
+}
+</script>
+{% endif %}

data/_includes/content/sitemap.html

@@ -211,8 +211,8 @@
                             {% assign total_pages = 0 %}
                             {% assign collections_data = '' %}
                             
-                            {% comment %} Include regular pages {% endcomment %}
-                            {% for page in site.pages %}
+                            {% comment %}Loose Jekyll pages (site.pages in Liquid is the "pages" collection, not these files){% endcomment %}
+                            {% for page in site.html_pages %}
                                 {% unless page.sitemap == false %}
                                     {% assign total_pages = total_pages | plus: 1 %}
                                     <tr data-collection="pages" 

data/_includes/core/branding.html

@@ -32,13 +32,15 @@
 
 <!-- Title Section  -->
 
-<div class="navbar-brand site-title">
-    <a class="nav-link" href="{{ '/' | relative_url }}">
-        <i class="d-none d-md-inline {{ site.default_icon }} {{ site.default_icon }}-{{ site.title_icon | default: 'house' }}" aria-hidden="true"></i>
-        <!-- Always show the title on mobile; truncate if space is tight -->
-        <span class="site-title-text">
-            {{ site.title }}
-        </span>
+<div class="navbar-brand site-title mb-0 py-0 me-0 min-w-0">
+    <a
+        class="nav-link text-body d-inline-flex align-items-center gap-1 min-w-0 p-0 text-decoration-none"
+        href="{{ '/' | relative_url }}"
+        aria-label="{{ site.title }} — Home"
+    >
+        <i class="d-none d-md-inline flex-shrink-0 {{ site.default_icon }} {{ site.default_icon }}-{{ site.title_icon | default: 'house' }}" aria-hidden="true"></i>
+        <!-- Hidden below md: logo + aria-label carry the brand; md+ shows title (ellipsis from custom.scss) -->
+        <span class="site-title-text d-none d-md-inline-block">{{ site.title }}</span>
     </a>
 </div>
 

data/_includes/core/footer.html

@@ -39,7 +39,7 @@
       </span>
       {% for power in site.powered_by %}
         <li class="btn align-items-end">
-          {% capture icon_classes %}{{ site.default_icon }} {{ power.icon | default: site.powered_by.default }}{% endcapture %}
+          {% capture icon_classes %}{{ site.default_icon }} {{ power.icon | default: "bi-question-circle" }}{% endcapture %}
           {% if power.url %}
             <a href="{{ power.url }}" rel="nofollow">
               <i class="{{ icon_classes }}" aria-hidden="true"></i>
@@ -86,10 +86,10 @@
             <h5 class="text-uppercase mb-3">Quick Links</h5>
             <ul class="list-unstyled" aria-label="Footer quick links">
               <li><a href="{{ '/' | relative_url }}" class="text-light text-decoration-none">Home</a></li>
-              <li><a href="{{ '/about' | relative_url }}" class="text-light text-decoration-none">About</a></li>
-              <li><a href="{{ '/services' | relative_url }}" class="text-light text-decoration-none">Services</a></li>
-              <li><a href="{{ '/blog' | relative_url }}" class="text-light text-decoration-none">Blog</a></li>
-              <li><a href="{{ '/contact' | relative_url }}" class="text-light text-decoration-none">Contact</a></li>
+              <li><a href="{{ '/about/' | relative_url }}" class="text-light text-decoration-none">About</a></li>
+              <li><a href="{{ '/services/' | relative_url }}" class="text-light text-decoration-none">Services</a></li>
+              <li><a href="{{ '/news/' | relative_url }}" class="text-light text-decoration-none">News</a></li>
+              <li><a href="{{ '/contact/' | relative_url }}" class="text-light text-decoration-none">Contact</a></li>
               <li><a href="{{ '/sitemap.xml' | relative_url }}" class="text-light text-decoration-none">Sitemap (XML)</a></li>
             </ul>
           </div>
@@ -116,7 +116,7 @@
               {% for link in site.links %}
                 {% if link.url %}
                   <li class="list-inline-item">
-                    {% capture link_icon_classes %}{{ site.default_icon }} {{ link.icon | default: site.links.default }}{% endcapture %}
+                    {% capture link_icon_classes %}{{ site.default_icon }} {{ link.icon | default: "bi-link-45deg" }}{% endcapture %}
                     <a href="{{ link.url }}" rel="nofollow" class="text-light text-decoration-none">
                       <i class="{{ link_icon_classes }}" aria-hidden="true"></i>
                       <span class="d-none d-md-inline">{{ link.label }}</span>
@@ -137,13 +137,16 @@
         <!-- Middle: Subscribe + Policies -->
         <div class="row mb-4 align-items-center g-2">
           <div class="col-md-8">
-            <form action="/subscribe" method="post" class="row g-2" aria-label="Subscribe form">
+            <form class="row g-2" aria-label="Newsletter signup" onsubmit="return false;">
               <div class="col-md-8">
                 <label for="footer-email" class="visually-hidden">Email</label>
-                <input type="email" name="email" id="footer-email" class="form-control" placeholder="Enter your email" required>
+                <input type="email" name="email" id="footer-email" class="form-control" placeholder="Enter your email" autocomplete="email" disabled aria-describedby="footer-subscribe-hint">
               </div>
               <div class="col-md-4">
-                <button type="submit" class="btn btn-primary w-100">Subscribe</button>
+                <button type="button" class="btn btn-primary w-100" disabled title="Configure a newsletter endpoint in your site config">Subscribe</button>
+              </div>
+              <div class="col-12">
+                <p id="footer-subscribe-hint" class="small text-white-50 mb-0">Newsletter is a placeholder until you connect a provider.</p>
               </div>
             </form>
           </div>