fix: create completely custom layout without external theme

- Remove dependency on external Jekyll themes that override custom layouts
- Create fully custom layout with embedded CSS
- Ensure sidebar navigation persists across all pages
- Add comprehensive styling for all markdown elements
- Improve active link detection JavaScript
- Fix theme conflicts that were causing sidebar to disappear
- Create self-contained layout that works reliably on GitHub Pages

Author: rainmana

_config.yml

@@ -7,8 +7,8 @@ description: Security-focused LLM memory storage with intelligence gathering, re
 url: "https://rainmana.github.io"
 baseurl: "/tinybrain"
 
-# Theme Configuration
-theme: jekyll-theme-minimal
+# Custom Theme - No external theme
+# theme: minima
 
 # Override theme layout
 layout: default

_layouts/default.html

@@ -8,18 +8,22 @@
   <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
   <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
 
-  <link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | relative_url }}">
   <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ '/feed.xml' | relative_url }}">
 
-  <!-- Custom CSS for sidebar -->
+  <!-- Custom CSS -->
   <style>
+    * {
+      box-sizing: border-box;
+    }
+    
     body {
       margin: 0;
       padding: 0;
       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
       line-height: 1.6;
       color: #24292e;
+      background-color: #ffffff;
     }
 
     .container {
@@ -124,12 +128,34 @@
       margin-bottom: 0.8em;
     }
 
+    .main-content h4 {
+      font-size: 1.2em;
+      font-weight: 600;
+      color: #24292e;
+      margin-top: 1.2em;
+      margin-bottom: 0.6em;
+    }
+    
+    .main-content p {
+      margin-bottom: 1em;
+    }
+    
+    .main-content ul, .main-content ol {
+      margin-bottom: 1em;
+      padding-left: 2em;
+    }
+    
+    .main-content li {
+      margin-bottom: 0.5em;
+    }
+    
     .main-content code {
       background-color: #f6f8fa;
       border: 1px solid #e1e4e8;
       border-radius: 3px;
       padding: 2px 4px;
       font-size: 0.9em;
+      font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
     }
 
     .main-content pre {
@@ -138,12 +164,52 @@
       border-radius: 6px;
       padding: 16px;
       overflow-x: auto;
+      margin-bottom: 1em;
     }
 
     .main-content pre code {
       background: none;
       border: none;
       padding: 0;
+      font-size: 0.9em;
+    }
+    
+    .main-content blockquote {
+      border-left: 4px solid #dfe2e5;
+      padding-left: 16px;
+      margin: 1em 0;
+      color: #6a737d;
+    }
+    
+    .main-content table {
+      border-collapse: collapse;
+      width: 100%;
+      margin-bottom: 1em;
+    }
+    
+    .main-content th, .main-content td {
+      border: 1px solid #dfe2e5;
+      padding: 8px 12px;
+      text-align: left;
+    }
+    
+    .main-content th {
+      background-color: #f6f8fa;
+      font-weight: 600;
+    }
+    
+    .main-content a {
+      color: #0366d6;
+      text-decoration: none;
+    }
+    
+    .main-content a:hover {
+      text-decoration: underline;
+    }
+    
+    .main-content img {
+      max-width: 100%;
+      height: auto;
     }
 
     @media (max-width: 768px) {
@@ -164,6 +230,14 @@
         padding: 20px;
         max-width: 100%;
       }
+      
+      .main-content h1 {
+        font-size: 2em;
+      }
+      
+      .main-content h2 {
+        font-size: 1.5em;
+      }
     }
   </style>
 </head>
@@ -231,8 +305,13 @@
 
       links.forEach(function(link) {
         const href = link.getAttribute('href');
-        if (href && currentPath.includes(href.replace('#', '').replace(/\//g, ''))) {
-          link.classList.add('active');
+        if (href) {
+          // Check if this is the current page
+          if (href.includes('#') && currentPath.includes(href.split('#')[0].replace(/\//g, ''))) {
+            link.classList.add('active');
+          } else if (!href.includes('#') && currentPath.includes(href.replace(/\//g, ''))) {
+            link.classList.add('active');
+          }
         }
       });
     });