Complete CodePress CMS refactoring

- 🏠 Refactored layout system with flexbox
- 🎨 Implemented tab-style navigation with dropdowns
- 📱 Added responsive design with mobile support
- 🔧 Enhanced template system with content type detection
- 📝 Added comprehensive documentation (guide.md, README.md)
- ⚙️ Improved security with proper file access control
- 🎨 Added meta tags for SEO and author attribution
- 📁 Fixed breadcrumb navigation and duplicate links
- 🗂️ Removed unused files and cleaned up project structure
- ⚙️ Added JSON configuration system with homepage detection
- 📱 Enhanced search functionality with snippet display
- 🔗 Implemented auto-linking between pages
- 📊 Added file metadata display in footer

Features:
- Multi-format content support (Markdown, PHP, HTML)
- Dynamic navigation with collapsible folders
- Full-text search across all content
- Responsive Bootstrap 5 design
- JSON-based configuration
- SEO-optimized meta tags
- Security-focused file management
- Mobile-first responsive design
- Auto-linking between pages
- File metadata tracking
- Breadcrumb navigation
- Custom CSS styling
- Progressive enhancement

Technical improvements:
- Replaced fixed positioning with flexbox layout
- Implemented proper template inheritance
- Added content type detection
- Enhanced security with .htaccess
- Optimized for performance
- Added proper error handling
- Implemented caching mechanisms
- Enhanced accessibility features

engine/templates/assets/footer.mustache

@@ -6,9 +6,7 @@
                     <div class="file-info">
                         <i class="bi bi-file-text"></i>
                         <span class="page-title" title="{{page_title}}">{{page_title}}</span>
-                        {{#file_info}}
-                            <span class="file-details"> | {{{file_info}}}</span>
-                        {{/file_info}}
+                        {{{file_info_block}}}
                     </div>
                     <div class="site-info">
                         <small class="text-muted">

engine/templates/assets/header.mustache

@@ -0,0 +1,19 @@
+<header class="navbar navbar-expand-lg navbar-dark bg-primary">
+    <div class="container-fluid">
+        <a class="navbar-brand" href="?page={{default_page}}">
+            <img src="/assets/icon.svg" alt="CodePress Logo" width="32" height="32" class="me-2">
+            {{site_title}}
+        </a>
+        
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#searchBar" aria-controls="searchBar" aria-expanded="false" aria-label="Toggle search">
+            <i class="bi bi-search"></i>
+        </button>
+        
+        <div class="collapse navbar-collapse" id="searchBar">
+            <form class="d-flex ms-auto" method="GET" action="">
+                <input class="form-control me-2" type="search" name="search" placeholder="Search..." value="{{search_query}}">
+                <button class="btn btn-outline-light" type="submit">Search</button>
+            </form>
+        </div>
+    </div>
+</header>

engine/templates/assets/navigation.mustache

@@ -1,23 +1,16 @@
-<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
+<nav class="navigation-section bg-white border-bottom">
     <div class="container-fluid">
-        <a class="navbar-brand" href="?page={{default_page}}">
-            <img src="/assets/icon.svg" alt="CodePress Logo" width="32" height="32" class="me-2">
-            {{site_title}}
-        </a>
-        
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-        </button>
-        
-        <div class="collapse navbar-collapse" id="navbarNav">
-            <ul class="navbar-nav me-auto">
-                {{{menu}}}
-            </ul>
-            
-            <form class="d-flex" method="GET" action="">
-                <input class="form-control me-2" type="search" name="search" placeholder="Search..." value="{{search_query}}">
-                <button class="btn btn-outline-light" type="submit">Search</button>
-            </form>
+        <div class="row align-items-center">
+            <div class="col">
+                <ul class="nav nav-tabs flex-wrap">
+                    <li class="nav-item">
+                    <a class="nav-link" href="?page={{homepage}}">
+                        <i class="bi bi-house"></i> Home
+                    </a>
+                    </li>
+                    {{{menu}}}
+                </ul>
+            </div>
         </div>
     </div>
 </nav>