computerhistory/build.sh

#!/bin/bash

# Name des lokalen Docker-Images
IMAGE_NAME="lore-builder"
# Ausgabeordner
OUT_DIR="export"

# Farben für Output
GREEN='\033[0;32m'
BLUE='\033[0;34m'
NC='\033[0m' # No Color

echo -e "${BLUE}=== Starte Master-Build-Prozess (Maschinen-Instanzen) ===${NC}"

# 1. Output-Verzeichnis erstellen
mkdir -p "$OUT_DIR"
echo -e "Output-Ordner '${GREEN}$OUT_DIR${NC}' steht bereit."

# 2. Prüfen, ob das Docker-Image existiert, ansonsten on-the-fly bauen
if [[ "$(docker images -q $IMAGE_NAME 2> /dev/null)" == "" ]]; then
    echo -e "${BLUE}Baue flüchtiges Docker-Image '$IMAGE_NAME' (Alpine, Asciidoctor, Pandoc)...${NC}"
    docker build -t $IMAGE_NAME - <<EOF
FROM alpine:latest
RUN apk add --no-cache asciidoctor pandoc bash
WORKDIR /workspace
EOF
fi

# 3. CSS Datei für Retro Space Dark Theme in den Export-Ordner generieren
cat << 'EOF' > "$OUT_DIR/retro-dark.css"
: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;
}
EOF

echo -e "${BLUE}Starte Build-Container und generiere Dokumente...${NC}"

# 4. Container starten und Build-Schritte im Container ausführen
docker run --rm -v "$(pwd):/workspace" $IMAGE_NAME bash -c "
    function convert_adoc() {
        if [ -f \"\$1\" ]; then
            echo \"-> Konvertiere \$1 zu HTML...\"
            asciidoctor -b html5 -a stylesheet=retro-dark.css -a linkcss -a toc=left \"\$1\" -o \"$OUT_DIR/\$2\"
        else
            echo \"  [INFO] \$1 nicht gefunden, überspringe...\"
        fi
    }

    echo '--- Baue README ---'
    convert_adoc README.adoc README.html

    echo '--- Baue Lore (Master-Dokument) ---'
    LORE_SRC=\"index.adoc\"
    if [ -f master.adoc ]; then LORE_SRC=\"master.adoc\"; fi

    if [ -f \"\$LORE_SRC\" ]; then
        echo \"-> Generiere Lore-Dokument (HTML & Markdown) aus \$LORE_SRC...\"
        asciidoctor -b html5 -d book -a stylesheet=retro-dark.css -a linkcss -a toc=left \"\$LORE_SRC\" -o \"$OUT_DIR/lore.html\"
        asciidoctor -b docbook -d book \"\$LORE_SRC\" -o \"$OUT_DIR/temp_lore.xml\"
        pandoc -f docbook -t markdown_strict \"$OUT_DIR/temp_lore.xml\" -o \"$OUT_DIR/lore.md\"
        rm \"$OUT_DIR/temp_lore.xml\"
    else
        echo \"  [WARNUNG] Weder index.adoc noch master.adoc gefunden!\"
    fi

    echo '--- Baue Fließtexte / Geschichten ---'
    if [ -f darkCenter.adoc ]; then
        echo \"-> Konvertiere darkCenter.adoc zu HTML...\"
        asciidoctor -b html5 -d book -a stylesheet=retro-dark.css -a linkcss -a toc=left darkCenter.adoc -o \"$OUT_DIR/darkCenter.html\"
    fi
    
    if [ -f masterOfTheWorld-sf.md ]; then
        echo \"-> Konvertiere masterOfTheWorld-sf.md zu HTML...\"
        pandoc masterOfTheWorld-sf.md -f markdown -t html -s -c retro-dark.css -o \"$OUT_DIR/masterOfTheWorld-sf.html\"
    fi
"

# 5. index.html vollautomatisch und direkt generieren
echo -e "${BLUE}Generiere taktisches Dashboard ('$OUT_DIR/index.html')...${NC}"

cat << 'EOF' > "$OUT_DIR/index.html"
<!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>
        <li>
          <a href="masterOfTheWorld-sf.html">masterOfTheWorld-sf.html</a>
          <span class="file-meta">Fließtext / Kurzgeschichte (Konvertiert aus Markdown)</span>
        </li>
      </ul>
    </section>
  </main>

  <footer>
    computerHistory $ terminal --session-closed (8 Threads // 8 GB RAM Ok)
  </footer>

</body>
</html>
EOF

echo -e "${GREEN}=== Build erfolgreich! ===${NC}"
echo "Alle Dokumente (inkl. Dashboard) liegen im Ordner './$OUT_DIR' bereit."