From ac15ba2130b752c7dd705ffebbfff88e5981e3c5 Mon Sep 17 00:00:00 2001
From: mash <mash69@freehawk.kenny.free>
Date: Sun, 19 Jul 2026 12:56:21 +0200
Subject: [PATCH] start builder maker

---
 .gitignore                          |   1 +
 90_builder/templates/index.html     | 174 ++++++++++++++++++++++++++++
 90_builder/templates/retro-dark.css |  69 +++++++++++
 3 files changed, 244 insertions(+)
 create mode 100644 90_builder/templates/index.html
 create mode 100644 90_builder/templates/retro-dark.css

diff --git a/.gitignore b/.gitignore
index 69db82d..d47d786 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 66_plasmaTr
 export/
+91_sonnensystem
diff --git a/90_builder/templates/index.html b/90_builder/templates/index.html
new file mode 100644
index 0000000..66b8f9e
--- /dev/null
+++ b/90_builder/templates/index.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>CORE // MASCHINEN-INSTANZEN_LOG</title>
+  <style>
+    :root {
+      --bg-color: #0d1117;
+      --text-color: #c9d1d9;
+      --link-color: #58a6ff;
+      --accent-color: #ff7b72;
+      --border-color: #30363d;
+      --code-bg: #161b22;
+      --font-main: 'Courier New', Courier, monospace;
+    }
+
+    body {
+      background-color: var(--bg-color);
+      color: var(--text-color);
+      font-family: var(--font-main);
+      max-width: 900px;
+      margin: 0 auto;
+      padding: 2rem;
+    }
+
+    header {
+      border-bottom: 2px solid var(--accent-color);
+      padding-bottom: 1rem;
+      margin-bottom: 2rem;
+    }
+
+    .terminal-title {
+      color: var(--accent-color);
+      font-size: 2em;
+      font-weight: normal;
+      text-transform: uppercase;
+      letter-spacing: 2px;
+      margin: 0;
+    }
+
+    .system-status {
+      font-size: 0.9em;
+      color: #8b949e;
+      margin-top: 0.5rem;
+    }
+
+    .status-blink {
+      color: #7ee787;
+      animation: blink 1.5s infinite;
+    }
+
+    @keyframes blink {
+      0% { opacity: 1; }
+      50% { opacity: 0; }
+      100% { opacity: 1; }
+    }
+
+    .category-block {
+      border: 1px solid var(--border-color);
+      background-color: var(--code-bg);
+      padding: 1.5rem;
+      margin-bottom: 1.5rem;
+      border-radius: 4px;
+    }
+
+    .category-title {
+      color: var(--accent-color);
+      font-size: 1.2em;
+      text-transform: uppercase;
+      margin-top: 0;
+      margin-bottom: 1rem;
+      border-bottom: 1px solid var(--border-color);
+      padding-bottom: 0.3rem;
+    }
+
+    ul {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+    }
+
+    li {
+      margin-bottom: 0.8rem;
+      padding-left: 1.5rem;
+      position: relative;
+    }
+
+    li::before {
+      content: ">>";
+      position: absolute;
+      left: 0;
+      color: var(--accent-color);
+    }
+
+    a {
+      color: var(--link-color);
+      text-decoration: none;
+      font-size: 1.1em;
+    }
+
+    a:hover {
+      text-decoration: underline;
+      color: #79c0ff;
+    }
+
+    .file-meta {
+      font-size: 0.85em;
+      color: #8b949e;
+      display: block;
+      margin-top: 0.2rem;
+    }
+
+    footer {
+      margin-top: 4rem;
+      border-top: 1px solid var(--border-color);
+      padding-top: 1rem;
+      font-size: 0.8em;
+      color: #8b949e;
+      text-align: center;
+    }
+  </style>
+</head>
+<body>
+
+  <header>
+    <h1 class="terminal-title">Maschinen-Instanzen // Datenarchiv</h1>
+    <div class="system-status">
+      STATUS: <span class="status-blink">ONLINE</span> | REPO: UBERSPACE/GITEA | NODE: ACER_SPIN5_CLIENT
+    </div>
+  </header>
+
+  <main>
+    <section class="category-block">
+      <h2 class="category-title">00 // System-Konfiguration</h2>
+      <ul>
+        <li>
+          <a href="README.html">README.html</a>
+          <span class="file-meta">System-Handbuch, Keymaps, Sync-Architektur &amp; Befehle</span>
+        </li>
+      </ul>
+    </section>
+
+    <section class="category-block">
+      <h2 class="category-title">01 // Datenspeicher (Lore-Bibel)</h2>
+      <ul>
+        <li>
+          <a href="lore.html">lore.html</a>
+          <span class="file-meta">Das vollständige Master-Dokument (Kompiliertes Buch-Format)</span>
+        </li>
+        <li>
+          <a href="lore.md">lore.md</a>
+          <span class="file-meta">Rohdaten-Export im Markdown-Format (LLM / Gitea kompatibel)</span>
+        </li>
+      </ul>
+    </section>
+
+    <section class="category-block">
+      <h2 class="category-title">02 // Chroniken &amp; Vektor-Flüge</h2>
+      <ul>
+        <li>
+          <a href="darkCenter.html">darkCenter.html</a>
+          <span class="file-meta">Fließtext / Kurzgeschichte (Kompiliert aus AsciiDoc)</span>
+        </li>
+      </ul>
+    </section>
+  </main>
+
+  <footer>
+    computerHistory $ terminal --session-closed (8 Threads // 8 GB RAM Ok)
+  </footer>
+
+</body>
+</html>
diff --git a/90_builder/templates/retro-dark.css b/90_builder/templates/retro-dark.css
new file mode 100644
index 0000000..b757e39
--- /dev/null
+++ b/90_builder/templates/retro-dark.css
@@ -0,0 +1,69 @@
+:root {
+  --bg-color: #0d1117;
+  --text-color: #c9d1d9;
+  --link-color: #58a6ff;
+  --accent-color: #ff7b72;
+  --border-color: #30363d;
+  --code-bg: #161b22;
+  --font-main: 'Courier New', Courier, monospace;
+}
+
+body {
+  background-color: var(--bg-color);
+  color: var(--text-color);
+  font-family: var(--font-main);
+  line-height: 1.6;
+  max-width: 900px;
+  margin: 0 auto;
+  padding: 2rem;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  color: var(--accent-color);
+  border-bottom: 1px solid var(--border-color);
+  padding-bottom: 0.3em;
+  font-weight: normal;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+}
+
+h1 { font-size: 2.5em; border-bottom: 2px solid var(--accent-color); }
+h2 { font-size: 1.5em; }
+
+a { color: var(--link-color); text-decoration: none; }
+a:hover { text-decoration: underline; color: #79c0ff; }
+
+code, kbd, pre {
+  font-family: var(--font-main);
+  background-color: var(--code-bg);
+  color: #a5d6ff;
+  border-radius: 3px;
+}
+code { padding: 0.2em 0.4em; }
+pre { padding: 16px; overflow: auto; border: 1px solid var(--border-color); }
+
+blockquote {
+  border-left: 4px solid var(--accent-color);
+  color: #8b949e;
+  padding: 0 1em;
+  margin-left: 0;
+  font-style: italic;
+}
+
+table {
+  border-collapse: collapse;
+  width: 100%;
+  margin-bottom: 1rem;
+}
+th, td {
+  border: 1px solid var(--border-color);
+  padding: 8px 12px;
+}
+th { background-color: var(--code-bg); color: var(--accent-color); }
+
+hr {
+  height: 1px;
+  background-color: var(--border-color);
+  border: none;
+  margin: 2rem 0;
+}