Initial commit — Mek-Tech AI Consultancy Framework v2.0

2026-07-12 21:54:22 +00:00
commit 18921c021b
180 changed files with 28518 additions and 0 deletions
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="nl">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>AI Consultancy Framework - Mek-Tech</title>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="/css/style.css">
+  <link rel="stylesheet" href="/css/dynamic.css">
+  <link rel="icon" href="/img/favicon.svg" type="image/svg+xml">
+</head>
+<body>
+  <div class="container">
+    <header class="header">
+      <div class="logo">
+        <img src="/img/logo.svg" class="login-logo-img" alt="Mek-Tech">
+        <div>
+          <h1>AI Consultancy Framework</h1>
+          <p class="subtitle">Mek-Tech.nl — Datacenter & AI Architectuur</p>
+        </div>
+      </div>
+      <div class="progress-bar">
+        <div class="progress-fill" id="progressFill" style="width: 0%"></div>
+      </div>
+    </header>
+
+    <form id="consultingForm" action="/report" method="POST">
+      <% questions.forEach(function(q, index) { %>
+      <div class="step" id="step<%= index %>" style="display: <%= index === 0 ? 'block' : 'none' %>">
+        <div class="step-header">
+          <span class="step-number">Stap <%= index + 1 %> / <%= questions.length %></span>
+          <h2><%= q.title %></h2>
+        </div>
+        <div class="fields">
+          <% q.fields.forEach(function(field) { %>
+          <div class="field">
+            <label for="<%= field.name %>"><%= field.label %></label>
+            <% if (field.type === 'textarea') { %>
+            <textarea name="<%= field.name %>" id="<%= field.name %>" rows="3" <%= field.required ? 'required' : '' %>></textarea>
+            <% } else { %>
+            <input type="<%= field.type %>" name="<%= field.name %>" id="<%= field.name %>" <%= field.required ? 'required' : '' %>>
+            <% } %>
+          </div>
+          <% }) %>
+        </div>
+        <div class="step-actions">
+          <% if (index > 0) { %>
+          <button type="button" class="btn btn-secondary" onclick="prevStep(<%= index %>)">Vorige</button>
+          <% } %>
+          <% if (index < questions.length - 1) { %>
+          <button type="button" class="btn btn-primary" onclick="nextStep(<%= index %>)">Volgende</button>
+          <% } else { %>
+          <button type="submit" class="btn btn-accent">Genereer Rapport</button>
+          <% } %>
+        </div>
+      </div>
+      <% }) %>
+    </form>
+  </div>
+
+  <script src="/js/main.js"></script>
+</body>
+</html>