jekyll-theme-zer0 0.10.3 → 0.10.4

data/_includes/components/cookie-consent.html

@@ -151,8 +151,8 @@ Configuration: Uses site.posthog settings from _config.yml
           </p>
         </div>
 
-        <div class="bg-light p-3 rounded">
-          <h6 class="text-dark mb-2">
+        <div class="bg-body p-3 rounded">
+          <h6 class="text-body mb-2">
             <i class="bi bi-info-circle me-2"></i>
             Your Privacy Rights
           </h6>

data/_includes/components/post-card.html

@@ -163,10 +163,10 @@
       {% if include.post.tags.size > 0 %}
         <div class="mt-2">
           {% for tag in include.post.tags limit: 3 %}
-            <span class="badge bg-light text-dark border me-1">{{ tag }}</span>
+            <span class="badge bg-secondary text-body border me-1">{{ tag }}</span>
           {% endfor %}
           {% if include.post.tags.size > 3 %}
-            <span class="badge bg-light text-muted border">+{{ include.post.tags.size | minus: 3 }}</span>
+            <span class="badge bg-secondary text-muted border">+{{ include.post.tags.size | minus: 3 }}</span>
           {% endif %}
         </div>
       {% endif %}

data/_includes/content/sitemap.html

@@ -251,7 +251,7 @@
                                                     <span class="badge bg-secondary me-1">{{ category }}</span>
                                                 {% endfor %}
                                                 {% if page.categories.size > 2 %}
-                                                    <span class="badge bg-light text-dark">+{{ page.categories.size | minus: 2 }}</span>
+                                                    <span class="badge">+{{ page.categories.size | minus: 2 }}</span>
                                                 {% endif %}
                                             {% endif %}
                                         </td>
@@ -261,7 +261,7 @@
                                                     <span class="badge bg-outline-primary me-1">#{{ tag }}</span>
                                                 {% endfor %}
                                                 {% if page.tags.size > 3 %}
-                                                    <span class="badge bg-light text-dark">+{{ page.tags.size | minus: 3 }}</span>
+                                                    <span class="badge">+{{ page.tags.size | minus: 3 }}</span>
                                                 {% endif %}
                                             {% endif %}
                                         </td>
@@ -324,7 +324,7 @@
                                                         <span class="badge bg-secondary me-1">{{ category }}</span>
                                                     {% endfor %}
                                                     {% if item.categories.size > 2 %}
-                                                        <span class="badge bg-light text-dark">+{{ item.categories.size | minus: 2 }}</span>
+                                                        <span class="badge">+{{ item.categories.size | minus: 2 }}</span>
                                                     {% endif %}
                                                 {% endif %}
                                             </td>
@@ -334,7 +334,7 @@
                                                         <span class="badge bg-outline-primary me-1">#{{ tag }}</span>
                                                     {% endfor %}
                                                     {% if item.tags.size > 3 %}
-                                                        <span class="badge bg-light text-dark">+{{ item.tags.size | minus: 3 }}</span>
+                                                        <span class="badge">+{{ item.tags.size | minus: 3 }}</span>
                                                     {% endif %}
                                                 {% endif %}
                                             </td>
@@ -458,11 +458,6 @@ th:hover .sort-icon {
     .sitemap-card .card {
         border-color: var(--bs-border-color-translucent);
     }
-    
-    .badge.bg-light {
-        background-color: var(--bs-gray-600) !important;
-        color: var(--bs-gray-100) !important;
-    }
 }
 </style>
 

data/_includes/stats/stats-categories.html

@@ -25,12 +25,12 @@
 <!-- Top categories with post counts                 -->
 <!-- ================================================ -->
 <div id="categories" class="card shadow-sm h-100">
-  <div class="card-header bg-primary text-white">
+  <div class="card-header bg-primary-subtle">
     <div class="d-flex align-items-center justify-content-between">
-      <h3 class="mb-0 fw-bold">
+      <h3 class="mb-0 fw-bold text-primary-emphasis">
         <i class="bi bi-folder2-open me-2"></i> Top Categories
       </h3>
-      <span class="badge bg-light text-primary">
+      <span class="badge bg-primary">
         {{ site.data.content_statistics.overview.total_categories | default: 0 }}
       </span>
     </div>
@@ -72,7 +72,7 @@
       
       <!-- Show More Button if there are more categories -->
       {% if site.data.content_statistics.categories.size > 15 %}
-        <div class="card-footer bg-light text-center">
+        <div class="card-footer text-center">
           <button class="btn btn-outline-primary btn-sm" 
                   onclick="toggleAllCategories(this)">
             <i class="bi bi-chevron-down"></i>
@@ -95,7 +95,7 @@
   
   <!-- Categories Summary Footer -->
   {% if site.data.content_statistics.categories and site.data.content_statistics.categories.size > 0 %}
-    <div class="card-footer bg-light">
+    <div class="card-footer">
       <div class="row text-center">
         <div class="col-4">
           <strong class="text-primary">{{ site.data.content_statistics.overview.total_categories | default: 0 }}</strong>

data/_includes/stats/stats-header.html

@@ -28,8 +28,8 @@
   <div class="col-12">
     <div class="text-center mb-4">
       <!-- Header Icon with Bootstrap classes -->
-      <div class="d-inline-flex align-items-center justify-content-center bg-primary bg-gradient rounded-circle p-4 mb-4 shadow-lg stats-header-icon">
-        <i class="bi bi-graph-up fs-1 text-white stats-icon-rotate"></i>
+      <div class="d-inline-flex align-items-center justify-content-center bg-primary-subtle rounded-circle p-4 mb-4 shadow-lg stats-header-icon">
+        <i class="bi bi-graph-up fs-1 text-primary stats-icon-rotate"></i>
       </div>
       
       <!-- Title with Bootstrap typography -->
@@ -38,14 +38,14 @@
       </h1>
       
       <!-- Description with Bootstrap lead class -->
-      <p class="lead text-muted mb-4 fs-4">
+      <p class="lead mb-4 fs-4">
         {{ page.description | default: "Comprehensive analytics and insights from the knowledge base" }}
       </p>
     </div>
     
     <!-- Last Updated Information using Bootstrap alerts -->
     {% if site.data.content_statistics and site.data.content_statistics.generated_at %}
-      <div class="alert alert-info border-0 bg-gradient shadow-sm d-flex align-items-center justify-content-between" role="alert">
+      <div class="alert alert-info shadow-sm d-flex align-items-center justify-content-between" role="alert">
         <div class="d-flex align-items-center">
           <i class="bi bi-clock me-3 fs-4"></i>
           <span class="fw-medium">
@@ -59,12 +59,12 @@
         </button>
       </div>
     {% else %}
-      <div class="alert alert-warning border-0 bg-gradient shadow-sm d-flex align-items-center justify-content-between" role="alert">
+      <div class="alert alert-warning shadow-sm d-flex align-items-center justify-content-between" role="alert">
         <div class="d-flex align-items-center">
           <i class="bi bi-exclamation-triangle me-3 fs-4"></i>
           <span class="fw-medium">
             <strong>Statistics not yet generated.</strong> 
-            Run <code class="bg-light text-dark px-2 py-1 rounded">ruby _data/generate_statistics.rb</code> to create statistics.
+            Run <code class="bg-body-secondary px-2 py-1 rounded">ruby _data/generate_statistics.rb</code> to create statistics.
           </span>
         </div>
         <button class="btn btn-outline-warning btn-sm" onclick="window.location.reload()">
@@ -84,7 +84,7 @@
   <div class="col-12">
     <!-- Bootstrap breadcrumb -->
     <nav aria-label="Statistics navigation">
-      <ol class="breadcrumb bg-light p-3 rounded shadow-sm">
+      <ol class="breadcrumb p-3 rounded shadow-sm">
         <li class="breadcrumb-item">
           <a href="{{ '/' | relative_url }}" class="text-decoration-none">
             <i class="bi bi-house me-1"></i> Home

data/_includes/stats/stats-metrics.html

@@ -27,8 +27,8 @@
 <div id="metrics" class="row mb-5">
   <div class="col-12">
     <div class="card shadow-sm">
-      <div class="card-header bg-info text-white">
-        <h3 class="mb-0 fw-bold">
+      <div class="card-header bg-info-subtle">
+        <h3 class="mb-0 fw-bold text-info-emphasis">
           <i class="bi bi-info-circle me-2"></i> Quick Facts & Insights
         </h3>
       </div>
@@ -38,7 +38,7 @@
           
           <!-- Content Overview Column -->
           <div class="col-md-4">
-            <div class="h-100 p-3 bg-light rounded">
+            <div class="h-100 p-3 bg-body-secondary rounded">
               <h5 class="text-primary mb-3">
                 <i class="bi bi-file-text me-2"></i> Content Overview
               </h5>
@@ -69,7 +69,7 @@
           
           <!-- Top Performers Column -->
           <div class="col-md-4">
-            <div class="h-100 p-3 bg-light rounded">
+            <div class="h-100 p-3 bg-body-secondary rounded">
               <h5 class="text-success mb-3">
                 <i class="bi bi-trophy me-2"></i> Top Performers
               </h5>
@@ -119,8 +119,8 @@
           
           <!-- Data Health Column -->
           <div class="col-md-4">
-            <div class="h-100 p-3 bg-light rounded">
-              <h5 class="text-warning mb-3">
+            <div class="h-100 p-3 bg-body-secondary rounded">
+              <h5 class="text-warning-emphasis mb-3">
                 <i class="bi bi-heart-pulse me-2"></i> Data Health
               </h5>
               
@@ -187,7 +187,7 @@
       </div>
       
       <!-- Action Buttons Footer -->
-      <div class="card-footer bg-light text-center">
+      <div class="card-footer text-center">
         <div class="btn-group" role="group">
           <button type="button" class="btn btn-outline-primary" onclick="window.print()">
             <i class="bi bi-printer"></i> Print Report
@@ -211,7 +211,7 @@
 <div class="modal fade" id="helpModal" tabindex="-1" aria-labelledby="helpModalLabel" aria-hidden="true">
   <div class="modal-dialog">
     <div class="modal-content">
-      <div class="modal-header">
+      <div class="modal-header bg-body border-bottom">
         <h5 class="modal-title" id="helpModalLabel">
           <i class="bi bi-question-circle"></i> Statistics Help
         </h5>

data/_includes/stats/stats-no-data.html

@@ -27,9 +27,9 @@
   <div class="col-lg-8">
     
     <!-- Main Alert -->
-    <div class="alert alert-warning border-0 shadow-sm" role="alert">
+    <div class="alert alert-warning shadow-sm" role="alert">
       <div class="text-center py-4">
-        <i class="bi bi-exclamation-triangle display-1 text-warning mb-4"></i>
+        <i class="bi bi-exclamation-triangle display-1 text-warning-emphasis mb-4"></i>
         <h2 class="alert-heading mb-3">No Statistics Available</h2>
         <p class="lead mb-4">
           Statistics haven't been generated yet. Follow the steps below to create comprehensive analytics for your site.
@@ -39,8 +39,8 @@
     
     <!-- Instructions Card -->
     <div class="card shadow-sm mb-4">
-      <div class="card-header bg-primary text-white">
-        <h4 class="mb-0">
+      <div class="card-header bg-primary-subtle">
+        <h4 class="mb-0 text-primary-emphasis">
           <i class="bi bi-gear me-2"></i> How to Generate Statistics
         </h4>
       </div>
@@ -51,7 +51,7 @@
               <i class="bi bi-1-circle me-2"></i> Run Generator Script
             </h5>
             <p class="mb-3">Execute the statistics generation script from your site's root directory:</p>
-            <div class="bg-dark text-light p-3 rounded mb-3">
+            <div class="bg-body-secondary border p-3 rounded mb-3">
               <code>ruby _data/generate_statistics.rb</code>
             </div>
             <p class="text-muted small">
@@ -79,8 +79,8 @@
     
     <!-- Alternative Setup Information -->
     <div class="card shadow-sm mb-4">
-      <div class="card-header bg-info text-white">
-        <h4 class="mb-0">
+      <div class="card-header bg-info-subtle">
+        <h4 class="mb-0 text-info-emphasis">
           <i class="bi bi-info-circle me-2"></i> What You'll See
         </h4>
       </div>
@@ -113,8 +113,8 @@
     
     <!-- Troubleshooting -->
     <div class="card shadow-sm">
-      <div class="card-header bg-secondary text-white">
-        <h4 class="mb-0">
+      <div class="card-header bg-secondary-subtle">
+        <h4 class="mb-0 text-secondary-emphasis">
           <i class="bi bi-tools me-2"></i> Troubleshooting
         </h4>
       </div>

data/_includes/stats/stats-overview.html

@@ -41,7 +41,7 @@
   
   <!-- Total Posts Card -->
   <div class="col-lg-3 col-md-6">
-    <div class="card h-100 border-primary shadow-sm stats-card">
+    <div class="card h-100 shadow-sm stats-card">
       <div class="card-body text-center p-4">
         <div class="mb-3">
           <i class="bi bi-file-text display-3 text-primary"></i>
@@ -60,7 +60,7 @@
 
   <!-- Total Categories Card -->
   <div class="col-lg-3 col-md-6">
-    <div class="card h-100 border-success shadow-sm stats-card">
+    <div class="card h-100 shadow-sm stats-card">
       <div class="card-body text-center p-4">
         <div class="mb-3">
           <i class="bi bi-folder display-3 text-success"></i>
@@ -79,7 +79,7 @@
 
   <!-- Total Tags Card -->
   <div class="col-lg-3 col-md-6">
-    <div class="card h-100 border-info shadow-sm stats-card">
+    <div class="card h-100 shadow-sm stats-card">
       <div class="card-body text-center p-4">
         <div class="mb-3">
           <i class="bi bi-tags display-3 text-info"></i>
@@ -98,7 +98,7 @@
 
   <!-- Total Words Card -->
   <div class="col-lg-3 col-md-6">
-    <div class="card h-100 border-info shadow-sm stats-card">
+    <div class="card h-100 shadow-sm stats-card">
       <div class="card-body text-center p-4">
         <div class="mb-3">
           <i class="bi bi-chat-text display-3 text-info"></i>

data/_includes/stats/stats-tags.html

@@ -25,12 +25,12 @@
 <!-- Top tags with usage counts                      -->
 <!-- ================================================ -->
 <div id="tags" class="card shadow-sm h-100">
-  <div class="card-header bg-success text-white">
+  <div class="card-header bg-success-subtle">
     <div class="d-flex align-items-center justify-content-between">
-      <h3 class="mb-0 fw-bold">
+      <h3 class="mb-0 fw-bold text-success-emphasis">
         <i class="bi bi-tags me-2"></i> Top Tags
       </h3>
-      <span class="badge bg-light text-success">
+      <span class="badge bg-success">
         {{ site.data.content_statistics.overview.total_tags | default: 0 }}
       </span>
     </div>
@@ -71,7 +71,7 @@
       </div>
       
       <!-- Tag Cloud Section -->
-      <div class="card-footer bg-light">
+      <div class="card-footer">
         <h6 class="mb-3 fw-bold">
           <i class="bi bi-cloud"></i> Tag Cloud
         </h6>
@@ -93,7 +93,7 @@
               {% assign tag_class = "fs-sm" %}
             {% endif %}
             
-            <span class="badge bg-outline-success {{ tag_class }}" 
+            <span class="badge bg-success-subtle text-success-emphasis {{ tag_class }}" 
                   data-bs-toggle="tooltip" 
                   title="{{ tag[1] }} posts">
               {{ tag[0] }}
@@ -116,7 +116,7 @@
   
   <!-- Tags Summary Footer -->
   {% if site.data.content_statistics.tags and site.data.content_statistics.tags.size > 0 %}
-    <div class="card-footer bg-light">
+    <div class="card-footer">
       <div class="row text-center">
         <div class="col-4">
           <strong class="text-success">{{ site.data.content_statistics.overview.total_tags | default: 0 }}</strong>

data/_layouts/blog.html

@@ -407,7 +407,7 @@ source: "https://getbootstrap.com/docs/5.3/examples/blog/#"
                         <a href="{{ '/archives/' | relative_url }}#{{ month.name | slugify }}-{{ year.name }}" 
                            class="text-decoration-none">
                           {{ month.name }}
-                          <span class="badge bg-light text-dark">{{ month.items.size }}</span>
+                          <span class="badge bg-secondary text-body">{{ month.items.size }}</span>
                         </a>
                       </li>
                     {% endfor %}

data/_layouts/landing.html

@@ -69,7 +69,7 @@ layout: root
                 {% if page.hero_image %}
                 <img src="{{ page.hero_image }}" alt="{{ page.title }}" class="img-fluid rounded shadow-lg">
                 {% else %}
-                <div class="bg-light rounded p-5 text-dark">
+                <div class="bg-secondary rounded p-5 text-body">
                     <i class="bi bi-code-square display-1"></i>
                     <p class="mt-3 mb-0">Jekyll Theme</p>
                 </div>

data/_layouts/sitemap-collection.html

@@ -1,5 +1,5 @@
 ---
-layout: default
+layout: root
 ---
 <!--
   ===================================================================
@@ -8,9 +8,9 @@ layout: default
   
   File: sitemap-collection.html
   Path: _layouts/sitemap-collection.html
-  Inherits: default.html
+  Inherits: root.html
   Purpose: Unified layout combining collection display with site statistics
-           and comprehensive site structure overview
+           and comprehensive site structure overview (full-width, no sidebars)
   
   Features:
   - Complete site overview with statistics
@@ -419,29 +419,6 @@ document.addEventListener('DOMContentLoaded', function() {
     });
   });
   
-  // Add fade-in animation to cards
-  const observerOptions = {
-    threshold: 0.1,
-    rootMargin: '0px 0px -50px 0px'
-  };
-  
-  const observer = new IntersectionObserver(function(entries) {
-    entries.forEach(entry => {
-      if (entry.isIntersecting) {
-        entry.target.style.opacity = '1';
-        entry.target.style.transform = 'translateY(0)';
-      }
-    });
-  }, observerOptions);
-  
-  // Observe all cards for animation
-  document.querySelectorAll('.card').forEach(card => {
-    card.style.opacity = '0';
-    card.style.transform = 'translateY(20px)';
-    card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
-    observer.observe(card);
-  });
-  
   // Add click tracking for analytics (optional)
   document.querySelectorAll('a[href]').forEach(link => {
     link.addEventListener('click', function() {

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-zer0
 version: !ruby/object:Gem::Version
-  version: 0.10.3
+  version: 0.10.4
 platform: ruby
 authors:
 - Amr Abdel