## Major CodePress CMS Enhancement

### 🚀 New Features
- **League CommonMark Integration**: Replaced basic Markdown parser with full CommonMark 2.7 support
- **Bootstrap Sass Architecture**: Modern SCSS build system with Bootstrap 5.3.8
- **Enhanced Navigation**: Uses filenames instead of H1 titles for consistency
- **Improved Styling**: Transparent navigation backgrounds, no rounded corners

### 🎨 UI/UX Improvements
- Navigation items now use formatted filenames (e.g., "kennis-boven-aantallen" → "Kennis Boven Aantallen")
- Transparent navigation backgrounds with subtle hover effects
- Removed rounded corners from first-level navigation
- 50% opacity navigation background using Bootstrap variables

### 🔧 Technical Improvements
- **Class Organization**: Extracted CodePressCMS and SimpleTemplate to separate files
- **Full PHPDoc Documentation**: Complete documentation for all methods
- **Modern Build Process**: npm scripts for SCSS compilation
- **Enhanced Markdown Support**: Tables, strikethrough, task lists, autolinks
- **Security**: Proper HTML sanitization with CommonMark

### 📦 Dependencies
- Added `league/commonmark` for professional Markdown parsing
- Added `bootstrap` for SCSS-based styling
- Updated `sass` build process

### 🐛 Bug Fixes
- Fixed content directory path configuration
- Resolved navigation title inconsistencies
- Improved Markdown bold/italic formatting
- Fixed homepage 404 issues

### 🔄 Migration Notes
- Content directory moved from `content/` to `public/content/`
- Navigation now displays filenames instead of content H1 titles
- CSS now compiled from SCSS source files

The CMS now provides a professional, modern experience with robust Markdown support and clean, maintainable code architecture.

engine/core/class/SimpleTemplate.php

@@ -0,0 +1,92 @@
+<?php
+
+/**
+ * SimpleTemplate - Lightweight template rendering engine
+ * 
+ * Features:
+ * - Variable replacement with {{variable}} syntax
+ * - Unescaped HTML content with {{{variable}}} syntax
+ * - Conditional blocks with {{#variable}}...{{/variable}}
+ * - Negative conditionals with {{^variable}}...{{/variable}}
+ * - Partial includes with {{>partial}}
+ * - Simple string-based rendering (no external dependencies)
+ */
+class SimpleTemplate {
+    private $data;
+    
+    /**
+     * Render template with data
+     * 
+     * @param string $template Template content with placeholders
+     * @param array $data Data to populate template
+     * @return string Rendered template
+     */
+    public static function render($template, $data) {
+        $instance = new self();
+        $instance->data = $data;
+        return $instance->renderTemplate($template);
+    }
+    
+    /**
+     * Process template and replace placeholders
+     * 
+     * @param string $template Template content
+     * @return string Processed template
+     */
+    private function renderTemplate($template) {
+        // Handle partial includes first ({{>partial}})
+        $template = preg_replace_callback('/{{>([^}]+)}}/', [$this, 'replacePartial'], $template);
+        
+        // Handle conditional blocks
+        foreach ($this->data as $key => $value) {
+            if (is_array($value) || (is_string($value) && !empty($value))) {
+                // Handle {{#key}}...{{/key}} blocks
+                $pattern = '/{{#' . preg_quote($key, '/') . '}}(.*?){{\/' . preg_quote($key, '/') . '}}/s';
+                if (preg_match($pattern, $template, $matches)) {
+                    $replacement = $matches[1];
+                    $template = preg_replace($pattern, $replacement, $template);
+                }
+                
+                // Handle {{^key}}...{{/key}} blocks (negative condition)
+                $pattern = '/{{\^' . preg_quote($key, '/') . '}}(.*?){{\/' . preg_quote($key, '/') . '}}/s';
+                $template = preg_replace($pattern, '', $template);
+            } else {
+                // Handle empty blocks
+                $pattern = '/{{#' . preg_quote($key, '/') . '}}.*?{{\/' . preg_quote($key, '/') . '}}/s';
+                $template = preg_replace($pattern, '', $template);
+                
+                // Handle {{^key}}...{{/key}} blocks (show when empty)
+                $pattern = '/{{\^' . preg_quote($key, '/') . '}}(.*?){{\/' . preg_quote($key, '/') . '}}/s';
+                if (preg_match_all($pattern, $template, $matches)) {
+                    foreach ($matches[1] as $match) {
+                        $template = preg_replace('/{{\^' . preg_quote($key, '/') . '}}.*?{{\/' . preg_quote($key, '/') . '}}/s', $match, $template, 1);
+                    }
+                }
+            }
+        }
+        
+        // Handle variable replacements
+        foreach ($this->data as $key => $value) {
+            // Handle triple braces for unescaped HTML content
+            if (strpos($template, '{{{' . $key . '}}}') !== false) {
+                $template = str_replace('{{{' . $key . '}}}', $value, $template);
+            }
+            // Handle double braces for escaped content
+            elseif (strpos($template, '{{' . $key . '}}') !== false) {
+                $template = str_replace('{{' . $key . '}}', htmlspecialchars($value, ENT_QUOTES, 'UTF-8'), $template);
+            }
+        }
+        return $template;
+    }
+    
+    /**
+     * Replace partial includes with data values
+     * 
+     * @param array $matches Regex matches from preg_replace_callback
+     * @return string Replacement content
+     */
+    private function replacePartial($matches) {
+        $partialName = $matches[1];
+        return isset($this->data[$partialName]) ? $this->data[$partialName] : $matches[0];
+    }
+}

engine/core/index.php

@@ -1,698 +1,33 @@
 <?php
 
+/**
+ * CodePress CMS Core Loader
+ * 
+ * This file serves as the central entry point for the CodePress CMS core system.
+ * It loads all essential classes and configuration needed for the CMS to function.
+ * 
+ * Architecture:
+ * - config.php: Configuration loader that merges default settings with config.json
+ * - SimpleTemplate.php: Lightweight template engine for rendering HTML with placeholders
+ * - CodePressCMS.php: Main CMS class handling content, navigation, search, and rendering
+ * 
+ * Usage:
+ * This file is included by public/index.php, which then:
+ * 1. Loads configuration from config.php
+ * 2. Creates a new CodePressCMS instance with the config
+ * 3. Calls render() to output the complete page
+ * 
+ * The separation allows for:
+ * - Clean public entry point (public/index.php)
+ * - Reusable core components
+ * - Proper class organization with PHPDoc documentation
+ */
+
+// Load configuration system - handles default settings and config.json merging
 require_once 'config.php';
 
-// Simple template rendering without Mustache for now
-class SimpleTemplate {
-    public static function render($template, $data) {
-        // Handle partial includes first ({{>partial}})
-        $template = preg_replace_callback('/{{>([^}]+)}}/', function($matches) use ($data) {
-            $partialName = $matches[1];
-            return $data[$partialName] ?? $matches[0];
-        }, $template);
-        
-        // Handle conditional blocks
-        foreach ($data as $key => $value) {
-            if (is_array($value) || (is_string($value) && !empty($value))) {
-                // Handle {{#key}}...{{/key}} blocks
-                $pattern = '/{{#' . preg_quote($key, '/') . '}}(.*?){{\/' . preg_quote($key, '/') . '}}/s';
-                if (preg_match($pattern, $template, $matches)) {
-                    $replacement = $matches[1];
-                    $template = preg_replace($pattern, $replacement, $template);
-                }
-                
-                // Handle {{^key}}...{{/key}} blocks (negative condition)
-                $pattern = '/{{\^' . preg_quote($key, '/') . '}}(.*?){{\/' . preg_quote($key, '/') . '}}/s';
-                $template = preg_replace($pattern, '', $template);
-            } else {
-                // Handle empty blocks
-                $pattern = '/{{#' . preg_quote($key, '/') . '}}.*?{{\/' . preg_quote($key, '/') . '}}/s';
-                $template = preg_replace($pattern, '', $template);
-                
-                // Handle {{^key}}...{{/key}} blocks (show when empty)
-                $pattern = '/{{\^' . preg_quote($key, '/') . '}}(.*?){{\/' . preg_quote($key, '/') . '}}/s';
-                if (preg_match_all($pattern, $template, $matches)) {
-                    foreach ($matches[1] as $match) {
-                        $template = preg_replace('/{{\^' . preg_quote($key, '/') . '}}.*?{{\/' . preg_quote($key, '/') . '}}/s', $match, $template, 1);
-                    }
-                }
-            }
-        }
-        
-        // Handle variable replacements
-        foreach ($data as $key => $value) {
-            // Handle triple braces for unescaped HTML content
-            if (strpos($template, '{{{' . $key . '}}}') !== false) {
-                $template = str_replace('{{{' . $key . '}}}', $value, $template);
-            }
-            // Handle double braces for escaped content
-            elseif (strpos($template, '{{' . $key . '}}') !== false) {
-                $template = str_replace('{{' . $key . '}}', htmlspecialchars($value, ENT_QUOTES, 'UTF-8'), $template);
-            }
-        }
-        return $template;
-    }
-}
+// Load template engine - renders HTML with {{variable}} placeholders and conditionals
+require_once 'class/SimpleTemplate.php';
 
-$config = include 'config.php';
-
-/**
- * CodePressCMS - Lightweight file-based content management system
- * 
- * Features:
- * - Markdown, PHP, and HTML content support
- * - Dynamic navigation with dropdown menus
- * - Search functionality
- * - Breadcrumb navigation
- * - Auto-linking between pages
- * - Configurable via JSON
- * - Responsive design with Bootstrap
- */
-/**
- * CodePressCMS - Lightweight file-based content management system
- * 
- * Features:
- * - Markdown, PHP, and HTML content support
- * - Dynamic navigation with dropdown menus
- * - Search functionality
- * - Breadcrumb navigation
- * - Auto-linking between pages
- * - Configurable via JSON
- * - Responsive design with Bootstrap
- */
-class CodePressCMS {
-    private $config;
-    private $menu = [];
-    private $searchResults = [];
-    
-    public function __construct($config) {
-        $this->config = $config;
-        $this->buildMenu();
-        
-        if (isset($_GET['search'])) {
-            $this->performSearch($_GET['search']);
-        }
-    }
-    
-    private function buildMenu() {
-        $this->menu = $this->scanDirectory($this->config['content_dir'], '');
-    }
-    
-    private function scanDirectory($dir, $prefix) {
-        if (!is_dir($dir)) return [];
-        
-        $items = scandir($dir);
-        sort($items);
-        $result = [];
-        
-        foreach ($items as $item) {
-            if ($item[0] === '.') continue;
-            
-            $path = $dir . '/' . $item;
-            $relativePath = $prefix ? $prefix . '/' . $item : $item;
-            
-            if (is_dir($path)) {
-                $result[] = [
-                    'type' => 'folder',
-                    'title' => ucfirst($item),
-                    'path' => $relativePath,
-                    'children' => $this->scanDirectory($path, $relativePath)
-                ];
-            } elseif (preg_match('/\.(md|php|html)$/', $item)) {
-                $title = ucfirst(pathinfo($item, PATHINFO_FILENAME));
-                $result[] = [
-                    'type' => 'file',
-                    'title' => $title,
-                    'path' => $relativePath,
-                    'url' => '?page=' . $relativePath
-                ];
-            }
-        }
-        
-        return $result;
-    }
-    
-    private function performSearch($query) {
-        $this->searchResults = [];
-        $this->searchInDirectory($this->config['content_dir'], '', $query);
-    }
-    
-    private function searchInDirectory($dir, $prefix, $query) {
-        if (!is_dir($dir)) return;
-        
-        $items = scandir($dir);
-        
-        foreach ($items as $item) {
-            if ($item[0] === '.') continue;
-            
-            $path = $dir . '/' . $item;
-            $relativePath = $prefix ? $prefix . '/' . $item : $item;
-            
-            if (is_dir($path)) {
-                $this->searchInDirectory($path, $relativePath, $query);
-} elseif (preg_match('/\.(md|php|html)$/', $item)) {
-                $content = file_get_contents($path);
-                if (stripos($content, $query) !== false || stripos($item, $query) !== false) {
-                    $title = ucfirst(pathinfo($item, PATHINFO_FILENAME));
-                    $this->searchResults[] = [
-                        'title' => $title,
-                        'path' => $relativePath,
-                        'url' => '?page=' . $relativePath,
-                        'snippet' => $this->createSnippet($content, $query)
-                    ];
-                }
-            }
-        }
-    }
-    
-    private function createSnippet($content, $query) {
-        $content = strip_tags($content);
-        $pos = stripos($content, $query);
-        if ($pos === false) return substr($content, 0, 100) . '...';
-        
-        $start = max(0, $pos - 50);
-        $snippet = substr($content, $start, 150);
-        return '...' . $snippet . '...';
-    }
-    
-    public function getPage() {
-        if (isset($_GET['search'])) {
-            return $this->getSearchResults();
-        }
-        
-        // Check if guide is requested
-        if (isset($_GET['guide'])) {
-            return $this->getGuidePage();
-        }
-        
-        // Check if content directory is empty
-        if ($this->isContentDirEmpty()) {
-            return $this->getGuidePage();
-        }
-        
-        $page = $_GET['page'] ?? $this->config['default_page'];
-        $page = preg_replace('/\.[^.]+$/', '', $page);
-        
-        $filePath = $this->config['content_dir'] . '/' . $page;
-        $actualFilePath = null;
-        
-        if (file_exists($filePath . '.md')) {
-            $actualFilePath = $filePath . '.md';
-            $result = $this->parseMarkdown(file_get_contents($actualFilePath));
-        } elseif (file_exists($filePath . '.php')) {
-            $actualFilePath = $filePath . '.php';
-            $result = $this->parsePHP($actualFilePath);
-        } elseif (file_exists($filePath . '.html')) {
-            $actualFilePath = $filePath . '.html';
-            $result = $this->parseHTML(file_get_contents($actualFilePath));
-        } elseif (file_exists($filePath)) {
-            $actualFilePath = $filePath;
-            $extension = pathinfo($filePath, PATHINFO_EXTENSION);
-            if ($extension === 'md') {
-                $result = $this->parseMarkdown(file_get_contents($actualFilePath));
-            } elseif ($extension === 'php') {
-                $result = $this->parsePHP($actualFilePath);
-            } elseif ($extension === 'html') {
-                $result = $this->parseHTML(file_get_contents($actualFilePath));
-            }
-        }
-        
-        if (isset($result) && $actualFilePath) {
-            $result['file_info'] = $this->getFileInfo($actualFilePath);
-            return $result;
-        }
-        
-        return $this->getError404();
-    }
-    
-    private function getFileInfo($filePath) {
-        if (!file_exists($filePath)) {
-            return null;
-        }
-        
-        $stats = stat($filePath);
-        $created = date('d-m-Y H:i', $stats['ctime']);
-        $modified = date('d-m-Y H:i', $stats['mtime']);
-        
-        return [
-            'created' => $created,
-            'modified' => $modified,
-            'size' => $this->formatFileSize($stats['size'])
-        ];
-    }
-    
-    private function formatFileSize($bytes) {
-        $units = ['B', 'KB', 'MB', 'GB'];
-        $bytes = max($bytes, 0);
-        $pow = floor(($bytes ? log($bytes) : 0) / log(1024));
-        $pow = min($pow, count($units) - 1);
-        
-        $bytes /= pow(1024, $pow);
-        
-        return round($bytes, 2) . ' ' . $units[$pow];
-    }
-    
-    private function getSearchResults() {
-        $query = $_GET['search'];
-        $content = '<h2>Search Results for: "' . htmlspecialchars($query) . '"</h2>';
-        
-        if (empty($this->searchResults)) {
-            $content .= '<p>No results found.</p>';
-        } else {
-            $content .= '<p>Found ' . count($this->searchResults) . ' results:</p>';
-            foreach ($this->searchResults as $result) {
-                $content .= '<div class="card mb-3">';
-                $content .= '<div class="card-body">';
-                $content .= '<h5 class="card-title"><a href="' . htmlspecialchars($result['url']) . '">' . htmlspecialchars($result['title']) . '</a></h5>';
-                $content .= '<p class="card-text text-muted">' . htmlspecialchars($result['path']) . '</p>';
-                $content .= '<p class="card-text">' . htmlspecialchars($result['snippet']) . '</p>';
-                $content .= '</div></div>';
-            }
-        }
-        
-        return [
-            'title' => 'Search Results',
-            'content' => $content
-        ];
-    }
-    
-    private function parseMarkdown($content) {
-        $lines = explode("\n", $content);
-        $title = '';
-        $body = '';
-        $inBody = false;
-        
-        foreach ($lines as $line) {
-            if (!$inBody && preg_match('/^#\s+(.+)$/', $line, $matches)) {
-                $title = $matches[1];
-                $inBody = true;
-            } elseif ($inBody || trim($line) !== '') {
-                $body .= $line . "\n";
-                $inBody = true;
-            }
-        }
-        
-        $body = preg_replace('/### (.+)/', '<h3>$1</h3>', $body);
-        $body = preg_replace('/## (.+)/', '<h2>$1</h2>', $body);
-        $body = preg_replace('/# (.+)/', '<h1>$1</h1>', $body);
-        $body = preg_replace('/\*\*(.+?)\*\*/', '<strong>$1</strong>', $body);
-        $body = preg_replace('/\*(.+?)\*/', '<em>$1</em>', $body);
-        
-        // Auto-link page titles to existing content pages (before markdown link processing)
-        $body = $this->autoLinkPageTitles($body);
-        
-        // Convert Markdown links to HTML links
-        $body = preg_replace('/\[([^\]]+)\]\(([^)]+)\)/', '<a href="$2">$1</a>', $body);
-        
-        // Convert relative internal links to CMS format
-        $body = preg_replace('/href="\/blog\/([^"]+)"/', 'href="?page=blog/$1"', $body);
-        $body = preg_replace('/href="\/([^"]+)"/', 'href="?page=$1"', $body);
-        
-        $body = preg_replace('/\n\n/', '</p><p>', $body);
-        $body = '<p>' . $body . '</p>';
-        $body = preg_replace('/<p><\/p>/', '', $body);
-        $body = preg_replace('/<p>(<h[1-6]>)/', '$1', $body);
-        $body = preg_replace('/(<\/h[1-6]>)<\/p>/', '$1', $body);
-        
-        return [
-            'title' => $title ?: 'Untitled',
-            'content' => $body
-        ];
-    }
-    
-private function autoLinkPageTitles($content) {
-        // Get all available pages with their titles
-        $pages = $this->getAllPageTitles();
-        
-        foreach ($pages as $pagePath => $pageTitle) {
-            // Create a pattern that matches the exact page title (case-insensitive)
-            // Use word boundaries to avoid partial matches
-            $pattern = '/\b' . preg_quote($pageTitle, '/') . '\b/i';
-            
-            // Replace with link, but avoid linking inside existing links, headings, or markdown
-            $replacement = function($matches) use ($pageTitle, $pagePath) {
-                $text = $matches[0];
-                
-                // Check if we're inside an existing link or markdown syntax
-                if (preg_match('/\[.*?\]\(.*?\)/', $text) || 
-                    preg_match('/\[.*?\]:/', $text) ||
-                    preg_match('/<a[^>]*>/', $text) ||
-                    preg_match('/href=/', $text)) {
-                    return $text; // Don't link existing links
-                }
-                
-                return '<a href="?page=' . $pagePath . '" class="auto-link" title="Ga naar ' . htmlspecialchars($pageTitle) . '">' . $text . '</a>';
-            };
-            
-            $content = preg_replace_callback($pattern, $replacement, $content);
-        }
-        
-        return $content;
-    }
-    
-    private function getAllPageTitles() {
-        $pages = [];
-        $this->scanForPageTitles($this->config['content_dir'], '', $pages);
-        return $pages;
-    }
-    
-    private function scanForPageTitles($dir, $prefix, &$pages) {
-        if (!is_dir($dir)) return;
-        
-        $items = scandir($dir);
-        sort($items);
-        
-        foreach ($items as $item) {
-            if ($item[0] === '.') continue;
-            
-            $path = $dir . '/' . $item;
-            $relativePath = $prefix ? $prefix . '/' . $item : $item;
-            
-            if (is_dir($path)) {
-                $this->scanForPageTitles($path, $relativePath, $pages);
-            } elseif (preg_match('/\.(md|php|html)$/', $item)) {
-                $title = $this->extractPageTitle($path);
-                if ($title && !empty(trim($title))) {
-                    $pagePath = preg_replace('/\.[^.]+$/', '', $relativePath);
-                    $pages[$pagePath] = $title;
-                }
-            }
-        }
-    }
-    
-    private function extractPageTitle($filePath) {
-        $content = file_get_contents($filePath);
-        $extension = pathinfo($filePath, PATHINFO_EXTENSION);
-        
-        if ($extension === 'md') {
-            // Extract first H1 from Markdown
-            if (preg_match('/^#\s+(.+)$/m', $content, $matches)) {
-                return trim($matches[1]);
-            }
-        } elseif ($extension === 'php') {
-            // Extract title from PHP file
-            if (preg_match('/\$title\s*=\s*["\']([^"\']+)["\']/', $content, $matches)) {
-                return trim($matches[1]);
-            }
-        } elseif ($extension === 'html') {
-            // Extract title from HTML file
-            if (preg_match('/<title>(.*?)<\/title>/i', $content, $matches)) {
-                return trim(strip_tags($matches[1]));
-            }
-            if (preg_match('/<h1[^>]*>(.*?)<\/h1>/i', $content, $matches)) {
-                return trim(strip_tags($matches[1]));
-            }
-        }
-        
-        return null;
-    }
-    
-    private function parsePHP($filePath) {
-        ob_start();
-        $title = 'Untitled';
-        include $filePath;
-        $content = ob_get_clean();
-        
-        return [
-            'title' => $title,
-            'content' => $content
-        ];
-    }
-    
-    private function parseHTML($content) {
-        $title = 'Untitled';
-        
-        if (preg_match('/<title>(.*?)<\/title>/i', $content, $matches)) {
-            $title = strip_tags($matches[1]);
-        } elseif (preg_match('/<h1[^>]*>(.*?)<\/h1>/i', $content, $matches)) {
-            $title = strip_tags($matches[1]);
-        }
-        
-        return [
-            'title' => $title,
-            'content' => $content
-        ];
-    }
-    
-    private function isContentDirEmpty() {
-        $contentDir = $this->config['content_dir'];
-        if (!is_dir($contentDir)) {
-            return true;
-        }
-        
-        $files = scandir($contentDir);
-        $files = array_diff($files, ['.', '..']);
-        
-        return empty($files);
-    }
-    
-    private function getGuidePage() {
-        $lang = $this->detectLanguage();
-        $guideFile = __DIR__ . '/../../guide/' . $lang . '.md';
-        
-        if (!file_exists($guideFile)) {
-            $guideFile = __DIR__ . '/../../guide/en.md'; // Fallback to English
-        }
-        
-        $content = file_get_contents($guideFile);
-        $result = $this->parseMarkdown($content);
-        
-        // Set special title for guide
-        $result['title'] = 'Handleiding - CodePress CMS';
-        
-        return $result;
-    }
-    
-    private function detectLanguage() {
-        // Simple language detection based on browser Accept-Language header
-        $acceptLanguage = $_SERVER['HTTP_ACCEPT_LANGUAGE'] ?? '';
-        
-        if (strpos($acceptLanguage, 'nl') !== false) {
-            return 'nl';
-        }
-        
-        return 'en'; // Default to English
-    }
-    
-    private function getError404() {
-        return [
-            'title' => 'Page Not Found',
-            'content' => '<h1>404 - Page Not Found</h1><p>The page you are looking for does not exist.</p>'
-        ];
-    }
-    
-    public function getMenu() {
-        return $this->menu;
-    }
-    
-    public function render() {
-        $page = $this->getPage();
-        $menu = $this->getMenu();
-        $breadcrumb = $this->getBreadcrumb();
-        
-        // Prepare template data
-        $templateData = [
-            'site_title' => $this->config['site_title'],
-            'page_title' => htmlspecialchars($page['title']),
-            'content' => $page['content'],
-            'search_query' => isset($_GET['search']) ? htmlspecialchars($_GET['search']) : '',
-            'menu' => $this->renderMenu($menu),
-            'breadcrumb' => $breadcrumb,
-            'default_page' => $this->config['default_page'],
-            'homepage' => $this->config['homepage'],
-            'author_name' => $this->config['author']['name'] ?? 'CodePress Developer',
-            'author_website' => $this->config['author']['website'] ?? '#',
-            'author_git' => $this->config['author']['git'] ?? '#',
-            'seo_description' => $this->config['seo']['description'] ?? 'CodePress CMS - Lightweight file-based content management system',
-            'seo_keywords' => $this->config['seo']['keywords'] ?? 'cms, php, content management, file-based'
-        ];
-        
-        // File info for footer
-        if (isset($page['file_info'])) {
-            $templateData['file_info'] = 'Created: ' . htmlspecialchars($page['file_info']['created']) . 
-                                       ' | Modified: ' . htmlspecialchars($page['file_info']['modified']);
-            $templateData['file_info_block'] = '<span class="file-details"> | ' . $templateData['file_info'] . '</span>';
-        } else {
-            $templateData['file_info'] = '';
-            $templateData['file_info_block'] = '';
-        }
-        
-        // File info for footer
-        if (isset($page['file_info'])) {
-            $templateData['file_info'] = 'Created: ' . htmlspecialchars($page['file_info']['created']) . 
-                                       ' | Modified: ' . htmlspecialchars($page['file_info']['modified']);
-        } else {
-            $templateData['file_info'] = '';
-        }
-        
-        // Check if content exists for guide link
-        $hasContent = !$this->isContentDirEmpty();
-        $templateData['has_content'] = $hasContent;
-        
-        // Don't show site title link on guide page
-        $templateData['show_site_link'] = !$this->isContentDirEmpty() && !isset($_GET['guide']);
-        
-        // Load partials manually
-        $hasContent = !$this->isContentDirEmpty() && !isset($_GET['guide']);
-        
-        $headerContent = file_get_contents($this->config['templates_dir'] . '/assets/header.mustache');
-        if (!$hasContent) {
-            // Remove the link from header when no content
-            $headerContent = preg_replace('/<a href="[^"]*" class="site-title-link">\s*<h1[^>]*>(.*?)<\/h1>\s*<\/a>/', '<h1 class="h3 mb-0">$1</h1>', $headerContent);
-        }
-        
-        $footerContent = file_get_contents($this->config['templates_dir'] . '/assets/footer.mustache');
-        if (!$hasContent) {
-            // Remove guide link from footer when no content
-            $footerContent = preg_replace('/<span class="file-details">\s*\|\s*<a href="\?guide"[^>]*>Handleiding<\/a><\/span>/', '', $footerContent);
-        }
-        
-        // Determine content type and load appropriate template
-        $contentType = $this->getContentType($page);
-        $contentTemplateFile = $this->config['templates_dir'] . '/' . $contentType . '_content.mustache';
-        $contentTemplate = file_exists($contentTemplateFile) ? file_get_contents($contentTemplateFile) : '<div class="content">{{{content}}}</div>';
-        
-        // Determine content type and load appropriate template
-        $pagePath = $_GET['page'] ?? $this->config['default_page'];
-        $pagePath = preg_replace('/\.[^.]+$/', '', $pagePath);
-        $filePath = $this->config['content_dir'] . '/' . $pagePath;
-        
-        $contentType = 'markdown'; // default
-        if (file_exists($filePath . '.md')) {
-            $contentType = 'markdown';
-        } elseif (file_exists($filePath . '.php')) {
-            $contentType = 'php';
-        } elseif (file_exists($filePath . '.html')) {
-            $contentType = 'html';
-        }
-        
-        $contentTemplateFile = $this->config['templates_dir'] . '/' . $contentType . '_content.mustache';
-        $contentTemplate = file_exists($contentTemplateFile) ? file_get_contents($contentTemplateFile) : '<div class="content">{{{content}}}</div>';
-        
-        $partials = [
-            'navigation' => file_get_contents($this->config['templates_dir'] . '/assets/navigation.mustache'),
-            'footer' => file_get_contents($this->config['templates_dir'] . '/assets/footer.mustache'),
-            'content_template' => $contentTemplate
-        ];
-        
-        // Replace partials in template
-        $template = file_get_contents($this->config['templates_dir'] . '/layout.mustache');
-        $template = str_replace('{{>navigation}}', $partials['navigation'], $template);
-        $template = str_replace('{{>footer}}', $partials['footer'], $template);
-        
-        // Render template with data
-        $renderedTemplate = SimpleTemplate::render($template, $templateData);
-        echo $renderedTemplate;
-    }
-    
-    private function getBreadcrumb() {
-        if (isset($_GET['search'])) {
-            return '<nav aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="?page=' . $this->config['default_page'] . '">Home</a></li><li class="breadcrumb-item active">Search</li></ol></nav>';
-        }
-        
-        $page = $_GET['page'] ?? $this->config['default_page'];
-        $page = preg_replace('/\.[^.]+$/', '', $page);
-        
-        if ($page === $this->config['default_page']) {
-            return '<nav aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item active">Home</li></ol></nav>';
-        }
-        
-        $parts = explode('/', $page);
-        $breadcrumb = '<nav aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="?page=' . $this->config['default_page'] . '">Home</a></li>';
-        
-        $path = '';
-        foreach ($parts as $i => $part) {
-            $path .= ($path ? '/' : '') . $part;
-            $title = ucfirst($part);
-            
-            if ($i === count($parts) - 1) {
-                $breadcrumb .= '<li class="breadcrumb-item active">' . $title . '</li>';
-            } else {
-                $breadcrumb .= '<li class="breadcrumb-item"><a href="?page=' . $path . '">' . $title . '</a></li>';
-            }
-        }
-        
-        $breadcrumb .= '</ol></nav>';
-        return $breadcrumb;
-    }
-    
-    private function renderMenu($items, $level = 0) {
-        $html = '';
-        foreach ($items as $item) {
-            if ($item['type'] === 'folder') {
-                $hasChildren = !empty($item['children']);
-                
-                if ($hasChildren) {
-                    $folderId = 'folder-' . str_replace('/', '-', $item['path']);
-                    $isExpanded = $this->folderContainsActivePage($item['children']);
-                    $html .= '<li class="nav-item dropdown">';
-                    $html .= '<a class="nav-link dropdown-toggle" href="#" id="' . $folderId . '" role="button" data-bs-toggle="dropdown" aria-expanded="' . ($isExpanded ? 'true' : 'false') . '">';
-                    $html .= htmlspecialchars($item['title']);
-                    $html .= '</a>';
-                    $html .= '<ul class="dropdown-menu" aria-labelledby="' . $folderId . '">';
-                    $html .= $this->renderMenu($item['children'], $level + 1);
-                    $html .= '</ul>';
-                    $html .= '</li>';
-                } else {
-                    $html .= '<li class="nav-item">';
-                    $html .= '<span class="nav-link text-muted">' . htmlspecialchars($item['title']) . '</span>';
-                    $html .= '</li>';
-                }
-            } else {
-                // Only show files that are directly in root (not in folders)
-                if ($level === 0) {
-                    // Don't show the homepage file as a separate tab since it's already the Home button
-                    if ($item['path'] === $this->config['homepage']) {
-                        continue;
-                    }
-                    
-                    $active = (isset($_GET['page']) && $_GET['page'] === $item['path']) ? 'active' : '';
-                    $html .= '<li class="nav-item">';
-                    $html .= '<a class="nav-link ' . $active . '" href="' . htmlspecialchars($item['url']) . '">';
-                    $html .= htmlspecialchars($item['title']);
-                    $html .= '</a>';
-                    $html .= '</li>';
-                }
-            }
-        }
-        return $html;
-    }
-    
-    private function getContentType($page) {
-        // Try to determine content type from page request
-        $pagePath = $_GET['page'] ?? $this->config['default_page'];
-        $pagePath = preg_replace('/\.[^.]+$/', '', $pagePath);
-        
-        $filePath = $this->config['content_dir'] . '/' . $pagePath;
-        
-        // Check for different file extensions
-        if (file_exists($filePath . '.md')) {
-            return 'markdown';
-        } elseif (file_exists($filePath . '.php')) {
-            return 'php';
-        } elseif (file_exists($filePath . '.html')) {
-            return 'html';
-        } elseif (file_exists($filePath)) {
-            $extension = pathinfo($filePath, PATHINFO_EXTENSION);
-            return in_array($extension, ['md', 'php', 'html']) ? $extension : 'markdown';
-        }
-        
-        // Default to markdown
-        return 'markdown';
-    }
-    
-    private function folderContainsActivePage($children) {
-        foreach ($children as $child) {
-            if ($child['type'] === 'folder') {
-                if (!empty($child['children']) && $this->folderContainsActivePage($child['children'])) {
-                    return true;
-                }
-            } else {
-                if (isset($_GET['page']) && $_GET['page'] === $child['path']) {
-                    return true;
-                }
-            }
-        }
-        return false;
-    }
-}
+// Load main CMS class - handles content parsing, navigation, search, and page rendering
+require_once 'class/CodePressCMS.php';

engine/templates/assets/navigation.mustache

@@ -1,13 +1,13 @@
-<nav class="navigation-section bg-white border-bottom">
+<nav class="navigation-section border-bottom navigation-50-opacity">
     <div class="container-fluid">
         <div class="row align-items-center">
             <div class="col">
                 <ul class="nav nav-tabs flex-wrap">
-                    <li class="nav-item">
+<li class="nav-item">
                     <a class="nav-link" href="?page={{homepage}}">
-                        <i class="bi bi-house"></i> Home
+                        <i class="bi bi-house"></i> {{homepage_title}}
                     </a>
-                    </li>
+                </li>
                     {{{menu}}}
                 </ul>
             </div>

engine/templates/layout.mustache

@@ -42,10 +42,12 @@
     </div>
     
     <div class="container-fluid main-content" style="padding-bottom: 80px;">
-        <div class="row">
-            <main class="col-12">
-                {{>content_template}}
-            </main>
+        <div class="container">
+            <div class="row">
+                <main class="col-12">
+                    {{>content_template}}
+                </main>
+            </div>
         </div>
     </div>