Improved documentation homepage

lukstafi · lukstafi · commit 3cecacf7b271 · 2025-08-31T15:17:26.000+02:00
diff --git a/.github/workflows/gh-pages-docs.yml b/.github/workflows/gh-pages-docs.yml
@@ -6,6 +6,7 @@ on:
       - master  # Set a branch name to trigger deployment
     paths:
       - "docs/**"
+      - ".github/workflows/gh-pages-docs.yml"
 
 jobs:
   deploy:
diff --git a/docs/html/index.html b/docs/html/index.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Files Index</title>
+    <title>OCANNL Documentation Index</title>
     <style>
         * {
             margin: 0;
@@ -24,7 +25,7 @@
             margin: 0 auto;
             background: white;
             border-radius: 15px;
-            box-shadow: 0 25px 50px rgba(0,0,0,0.15);
+            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
             overflow: hidden;
         }
 
@@ -39,7 +40,7 @@
             font-size: 2.8em;
             margin-bottom: 10px;
             font-weight: 200;
-            text-shadow: 0 2px 4px rgba(0,0,0,0.3);
+            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
         }
 
         .header p {
@@ -61,12 +62,12 @@
             font-size: 16px;
             outline: none;
             transition: all 0.3s ease;
-            background: rgba(255,255,255,0.9);
+            background: rgba(255, 255, 255, 0.9);
         }
 
         .search-input:focus {
             border-color: #FF8C00;
-            box-shadow: 0 0 0 3px rgba(255,140,0,0.2);
+            box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.2);
         }
 
         .file-grid {
@@ -100,7 +101,7 @@
 
         .file-card:hover {
             transform: translateY(-5px);
-            box-shadow: 0 15px 30px rgba(139,69,19,0.2);
+            box-shadow: 0 15px 30px rgba(139, 69, 19, 0.2);
             border-color: #FF8C00;
             background: linear-gradient(135deg, #FFFAF0, #FFF8DC);
         }
@@ -123,7 +124,7 @@
             font-weight: bold;
             font-size: 16px;
             margin-right: 15px;
-            box-shadow: 0 3px 10px rgba(139,69,19,0.3);
+            box-shadow: 0 3px 10px rgba(139, 69, 19, 0.3);
         }
 
         .file-name {
@@ -158,28 +159,29 @@
             .file-grid {
                 grid-template-columns: 1fr;
             }
-            
+
             .header h1 {
                 font-size: 2.2em;
             }
         }
     </style>
 </head>
+
 <body>
     <div class="container">
         <div class="header">
             <h1>🌐 OCANNL Directory</h1>
             <p>Slides, articles, and documentation</p>
         </div>
-        
+
         <div class="search-box">
             <input type="text" class="search-input" id="searchInput" placeholder="🔍 Search HTML files...">
         </div>
-        
+
         <div class="file-grid" id="fileGrid">
             <!-- Files will be populated by JavaScript -->
         </div>
-        
+
         <div class="stats" id="stats">
             Scanning directory...
         </div>
@@ -206,28 +208,35 @@ <h1>🌐 OCANNL Directory</h1>
             {
                 name: '../dev/arrayjit/Ir/index.html',
                 title: 'OCANNL Backend API Documentation',
-                description: 'OCANNL Backend API Documentation, notably: Tnode, Ndarray, Backend_intf.Backend, Assignments, Indexing'
+                description: 'OCANNL Backend API Documentation, notably: Tnode, Ndarray, Backend_intf, Assignments, Indexing'
+            },
+            {
+                name: '../dev/arrayjit/Ir/Backend_intf/module-type-Backend/index.html',
+                title: 'OCANNL Backend signature',
+                description: 'Direct link to the Backend signature'
             },
         ];
 
         let filteredFiles = htmlFiles;
 
         function getFileIcon(filename) {
             const name = filename.toLowerCase();
-            if (name.includes('home') || name.includes('index')) return '🏠';
+            if (name.includes('rl-')) return '🧠';
+            if (name.includes('introduction') || name.includes('basics')) return '🚀';
+            if (name.includes('api') || name.includes('/dev/')) return '🔌';
+            if (name.includes('doc') || name.includes('reference')) return '📋';
             if (name.includes('about')) return '👥';
             if (name.includes('contact')) return '📞';
             if (name.includes('blog')) return '📝';
             if (name.includes('portfolio') || name.includes('gallery')) return '🎨';
             if (name.includes('service')) return '⚙️';
-            if (name.includes('introduction') || name.includes('basics')) return '🚀';
-            if (name.includes('rl-')) return '🧠';
+            if (name.includes('home') || name.includes('index')) return '🏠';
             return '📄';
         }
 
         function renderFiles(files) {
             const fileGrid = document.getElementById('fileGrid');
-            
+
             if (files.length === 0) {
                 fileGrid.innerHTML = `
                     <div class="no-files">
@@ -258,7 +267,7 @@ <h3>No files found</h3>
 
         function searchFiles(query) {
             const lowercaseQuery = query.toLowerCase();
-            filteredFiles = htmlFiles.filter(file => 
+            filteredFiles = htmlFiles.filter(file =>
                 file.name.toLowerCase().includes(lowercaseQuery) ||
                 file.title.toLowerCase().includes(lowercaseQuery) ||
                 file.description.toLowerCase().includes(lowercaseQuery)
@@ -268,16 +277,17 @@ <h3>No files found</h3>
         }
 
         // Initialize
-        document.addEventListener('DOMContentLoaded', function() {
+        document.addEventListener('DOMContentLoaded', function () {
             renderFiles(htmlFiles);
             updateStats();
 
             // Search functionality
             const searchInput = document.getElementById('searchInput');
-            searchInput.addEventListener('input', function(e) {
+            searchInput.addEventListener('input', function (e) {
                 searchFiles(e.target.value);
             });
         });
     </script>
 </body>
+
 </html>
