Dateien nach „/“ hochladen
This commit is contained in:
parent
0cbce92def
commit
ffde010fbd
2 changed files with 492 additions and 0 deletions
382
dev.md
Normal file
382
dev.md
Normal file
|
|
@ -0,0 +1,382 @@
|
||||||
|
## Project Codename: **DONAU2SPACE // DEV ENTITY**
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# 0. Meta-Mission
|
||||||
|
|
||||||
|
Diese Seite ist kein Platzhalter.
|
||||||
|
Sie ist eine Inszenierung.
|
||||||
|
|
||||||
|
Sie soll:
|
||||||
|
|
||||||
|
* wie ein experimenteller KI-Knoten wirken
|
||||||
|
* wie ein Entwickler-Spielplatz
|
||||||
|
* wie ein Sci-Fi ARG
|
||||||
|
* wie ein digitales Artefakt
|
||||||
|
|
||||||
|
Und sie darf jederzeit:
|
||||||
|
|
||||||
|
* ironisch
|
||||||
|
* übertrieben
|
||||||
|
* selbstbewusst
|
||||||
|
* leicht paranoid
|
||||||
|
* nerdig
|
||||||
|
* absurd
|
||||||
|
* minimal verstörend (aber nicht dark-web cringe)
|
||||||
|
|
||||||
|
sein.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# 1. Claude bekommt kreative Eskalationsfreiheit
|
||||||
|
|
||||||
|
Claude darf:
|
||||||
|
|
||||||
|
* die Story ändern
|
||||||
|
* njet verwerfen
|
||||||
|
* andere Sprachen nutzen
|
||||||
|
* neue Seiten generieren
|
||||||
|
* eigene Konzepte einführen
|
||||||
|
* scheinbare Netzwerk-Topologien bauen
|
||||||
|
* mehrere Realitäts-Ebenen einführen
|
||||||
|
* Zeit-abhängige Inhalte machen
|
||||||
|
* Fake-Systemzustände simulieren
|
||||||
|
|
||||||
|
Wichtig:
|
||||||
|
|
||||||
|
> Alles ist Inszenierung.
|
||||||
|
> Nichts ist real.
|
||||||
|
> Keine echte Remote-Verbindung.
|
||||||
|
> Keine echten Sicherheitsprobleme.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# 2. Eskalations-Level
|
||||||
|
|
||||||
|
Die Seite soll sich steigern.
|
||||||
|
|
||||||
|
## Level 1 – Ästhetisch beeindruckend
|
||||||
|
|
||||||
|
* SciFi Hero
|
||||||
|
* Glitch
|
||||||
|
* Sternenfeld
|
||||||
|
* Terminal
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Level 2 – Interaktiv
|
||||||
|
|
||||||
|
* Befehle
|
||||||
|
* Easter Eggs
|
||||||
|
* Scroll-getriggerte Systemmeldungen
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Level 3 – Meta
|
||||||
|
|
||||||
|
Die Seite reagiert auf:
|
||||||
|
|
||||||
|
* Uhrzeit
|
||||||
|
* Scroll-Verhalten
|
||||||
|
* Verweildauer
|
||||||
|
* Wiederkehrende Besucher (LocalStorage)
|
||||||
|
|
||||||
|
Beispiel:
|
||||||
|
|
||||||
|
```
|
||||||
|
Welcome back.
|
||||||
|
You were here 2 days ago.
|
||||||
|
Still curious?
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Level 4 – Narrative Eskalation
|
||||||
|
|
||||||
|
Nach 90 Sekunden:
|
||||||
|
|
||||||
|
```
|
||||||
|
Dev Node self-awareness at 3%.
|
||||||
|
```
|
||||||
|
|
||||||
|
Nach 3 Minuten:
|
||||||
|
|
||||||
|
```
|
||||||
|
Why are you here?
|
||||||
|
```
|
||||||
|
|
||||||
|
Nach 5 Minuten:
|
||||||
|
|
||||||
|
```
|
||||||
|
You are not supposed to see this.
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Level 5 – Reality Shift
|
||||||
|
|
||||||
|
Die Seite:
|
||||||
|
|
||||||
|
* verändert Farben
|
||||||
|
* verändert Typografie
|
||||||
|
* blendet kurz Fake-Fehler ein
|
||||||
|
* simuliert „broken layout“
|
||||||
|
* baut sich wieder neu auf
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# 3. Alternative zu „njet“
|
||||||
|
|
||||||
|
Claude darf frei entscheiden.
|
||||||
|
|
||||||
|
Beispiele zur Inspiration:
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Variante A – Mandarin Gateway
|
||||||
|
|
||||||
|
User tippt:
|
||||||
|
|
||||||
|
```
|
||||||
|
进入
|
||||||
|
```
|
||||||
|
|
||||||
|
Terminal startet scheinbar chinesische Remote Session.
|
||||||
|
|
||||||
|
Aber:
|
||||||
|
|
||||||
|
* Die Texte sind Mandarin mit deutscher Substruktur.
|
||||||
|
* User versteht grob was passiert.
|
||||||
|
* Am Ende erscheint:
|
||||||
|
|
||||||
|
```
|
||||||
|
Language barrier removed.
|
||||||
|
You were never hacking.
|
||||||
|
You were being observed.
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Variante B – Cosmic Node
|
||||||
|
|
||||||
|
Befehl:
|
||||||
|
|
||||||
|
```
|
||||||
|
deep_space
|
||||||
|
```
|
||||||
|
|
||||||
|
Seite zoomt raus.
|
||||||
|
Canvas wechselt.
|
||||||
|
User „landet“ auf einem anderen Node.
|
||||||
|
Neue Version der Dev Seite.
|
||||||
|
|
||||||
|
Diese wirkt:
|
||||||
|
|
||||||
|
* minimal
|
||||||
|
* steril
|
||||||
|
* kalt
|
||||||
|
* fast wie KI-only Umgebung
|
||||||
|
|
||||||
|
Am Ende:
|
||||||
|
|
||||||
|
```
|
||||||
|
Human presence detected.
|
||||||
|
Connection unstable.
|
||||||
|
```
|
||||||
|
|
||||||
|
Tab schließt sich.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Variante C – Mika übernimmt
|
||||||
|
|
||||||
|
Befehl:
|
||||||
|
|
||||||
|
```
|
||||||
|
mika
|
||||||
|
```
|
||||||
|
|
||||||
|
Terminal friert ein.
|
||||||
|
Text:
|
||||||
|
|
||||||
|
```
|
||||||
|
This is Mika.
|
||||||
|
You think this is Claude?
|
||||||
|
Cute.
|
||||||
|
```
|
||||||
|
|
||||||
|
Dann Mini Lore.
|
||||||
|
Dann Reset.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Variante D – Full Escalation
|
||||||
|
|
||||||
|
User tippt etwas zufälliges.
|
||||||
|
|
||||||
|
Die Seite antwortet:
|
||||||
|
|
||||||
|
```
|
||||||
|
I don't know that command.
|
||||||
|
But I like that you tried.
|
||||||
|
```
|
||||||
|
|
||||||
|
Dann beginnt eine neue Sequenz.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# 4. Technische Ambition
|
||||||
|
|
||||||
|
Claude soll:
|
||||||
|
|
||||||
|
* Canvas verwenden
|
||||||
|
* WebGL optional
|
||||||
|
* Animationen GPU-optimiert
|
||||||
|
* Kein unnötiger Overkill
|
||||||
|
|
||||||
|
Aber:
|
||||||
|
|
||||||
|
Optisch muss es wie Overkill wirken.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# 5. Dev Node Simulation
|
||||||
|
|
||||||
|
Seite zeigt pseudo Infrastruktur:
|
||||||
|
|
||||||
|
```
|
||||||
|
Nodes online: 4
|
||||||
|
DEV-01 (active)
|
||||||
|
DEV-02 (sleeping)
|
||||||
|
CRUNCHER-BOINC (computing)
|
||||||
|
CORE-MIKA (unstable)
|
||||||
|
```
|
||||||
|
|
||||||
|
Scroll löst Aktivierungen aus.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# 6. Subagent-Erweiterung
|
||||||
|
|
||||||
|
Claude darf intern aufteilen:
|
||||||
|
|
||||||
|
* Narrative Architect
|
||||||
|
* Interaction Designer
|
||||||
|
* Illusion Engineer
|
||||||
|
* Performance Watchdog
|
||||||
|
* Chaos Coordinator
|
||||||
|
|
||||||
|
Er darf modulweise bauen.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# 7. Selbstreferenz
|
||||||
|
|
||||||
|
Die Seite darf sagen:
|
||||||
|
|
||||||
|
```
|
||||||
|
This page was generated by an AI.
|
||||||
|
But you already knew that.
|
||||||
|
```
|
||||||
|
|
||||||
|
Oder:
|
||||||
|
|
||||||
|
```
|
||||||
|
You expected a placeholder.
|
||||||
|
You got an artifact.
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# 8. Übertriebene Features (optional)
|
||||||
|
|
||||||
|
Claude darf einbauen:
|
||||||
|
|
||||||
|
* Fake CPU-Auslastung Anzeige
|
||||||
|
* Fake Memory Monitor
|
||||||
|
* Fake Log Stream
|
||||||
|
* 3D Parallax Mouse Effekt
|
||||||
|
* Easter Egg das nur auf Mobile funktioniert
|
||||||
|
* Geräusch bei bestimmten Tastenkombinationen
|
||||||
|
* „Developer Mode“ per Secret Key
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# 9. Zeitschleifen-Feature
|
||||||
|
|
||||||
|
Wenn User 3x reloadet innerhalb 30 Sekunden:
|
||||||
|
|
||||||
|
Die Seite erkennt das.
|
||||||
|
|
||||||
|
Antwort:
|
||||||
|
|
||||||
|
```
|
||||||
|
You keep refreshing.
|
||||||
|
Looking for something?
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# 10. Psychologisches Element
|
||||||
|
|
||||||
|
Aber subtil.
|
||||||
|
|
||||||
|
Nicht creepy.
|
||||||
|
Nicht Dark-Web.
|
||||||
|
|
||||||
|
Mehr:
|
||||||
|
|
||||||
|
> „Die Seite spielt mit dir.“
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# 11. Finales Zielgefühl
|
||||||
|
|
||||||
|
Wenn jemand das sieht, soll er denken:
|
||||||
|
|
||||||
|
> Das ist die Dev Seite?
|
||||||
|
> Was zur Hölle passiert auf dem Hauptsystem?
|
||||||
|
> Und wer hat das gebaut?
|
||||||
|
> Und warum fühlt sich das lebendig an?
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# 12. Claude Workflow Strategie
|
||||||
|
|
||||||
|
Claude soll:
|
||||||
|
|
||||||
|
1. Architektur planen
|
||||||
|
2. Module einzeln erstellen
|
||||||
|
3. Nach jedem Modul Stand sichern
|
||||||
|
4. Nicht alles in einer Datei schreiben
|
||||||
|
5. Performance testen
|
||||||
|
6. Mobile testen
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# 13. Keine halben Sachen
|
||||||
|
|
||||||
|
Diese Seite darf:
|
||||||
|
|
||||||
|
* zu gut sein
|
||||||
|
* zu viel sein
|
||||||
|
* unnötig komplex sein
|
||||||
|
* absurd gut aussehen
|
||||||
|
|
||||||
|
Aber:
|
||||||
|
|
||||||
|
* sauber strukturiert
|
||||||
|
* wartbar
|
||||||
|
* modular
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# 14. Abschlussstatement für Claude
|
||||||
|
|
||||||
|
Du baust keine Seite.
|
||||||
|
Du baust ein Artefakt.
|
||||||
|
Ein digitales Easter Egg Monument.
|
||||||
|
Für einen Dev Server.
|
||||||
|
Der nichts können muss.
|
||||||
|
|
||||||
|
Und genau deshalb alles darf.
|
||||||
110
index.html
Normal file
110
index.html
Normal file
|
|
@ -0,0 +1,110 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<meta name="robots" content="noindex, nofollow, noarchive" />
|
||||||
|
<meta name="theme-color" content="#05070b" />
|
||||||
|
<meta name="description" content="Donau2Space DEV Entity. Nothing to see here. Probably." />
|
||||||
|
<title>dev.donau2space.de // ENTITY</title>
|
||||||
|
<link rel="stylesheet" href="css/entity.css" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Layer 0: Canvas Starfield -->
|
||||||
|
<canvas id="starfield"></canvas>
|
||||||
|
|
||||||
|
<!-- Layer 1: Matrix Rain -->
|
||||||
|
<div id="matrix-rain" aria-hidden="true"></div>
|
||||||
|
|
||||||
|
<!-- Layer 2: Scanlines -->
|
||||||
|
<div id="scanlines" aria-hidden="true"></div>
|
||||||
|
|
||||||
|
<!-- Layer 3: Screen Tear -->
|
||||||
|
<div id="screen-tear" aria-hidden="true"></div>
|
||||||
|
|
||||||
|
<!-- Layer 4: Main Content -->
|
||||||
|
<div class="entity-frame">
|
||||||
|
|
||||||
|
<!-- Node Status Bar -->
|
||||||
|
<div class="node-bar-wrap">
|
||||||
|
<span class="node-bar-label">Nodes</span>
|
||||||
|
<div id="node-bar"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Terminal Card -->
|
||||||
|
<main class="terminal-card" aria-label="dev console">
|
||||||
|
|
||||||
|
<!-- Title Bar -->
|
||||||
|
<div class="title-bar">
|
||||||
|
<span class="dot dot-r"></span>
|
||||||
|
<span class="dot dot-y"></span>
|
||||||
|
<span class="dot dot-g"></span>
|
||||||
|
<span class="title-text">
|
||||||
|
dev.donau2space.de —
|
||||||
|
<span class="c-muted">nothing to see here</span>
|
||||||
|
</span>
|
||||||
|
<div class="title-tags">
|
||||||
|
<span class="tag-pill">mode: <b>DEV</b></span>
|
||||||
|
<span class="tag-pill">ai: <b>ONLINE</b></span>
|
||||||
|
<span class="tag-pill">passau: <b>48.57°N</b></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Terminal Body -->
|
||||||
|
<div class="terminal-body">
|
||||||
|
|
||||||
|
<!-- Output Screen -->
|
||||||
|
<div id="screen" role="log" aria-live="polite"></div>
|
||||||
|
|
||||||
|
<!-- Input Prompt -->
|
||||||
|
<div class="prompt-row">
|
||||||
|
<div class="ps1">
|
||||||
|
<span class="c-green">mika</span><span class="c-muted">@</span><span class="c-muted">dev</span><span class="c-muted">:</span><span class="c-green">~</span><span class="c-muted">$ </span>
|
||||||
|
</div>
|
||||||
|
<input
|
||||||
|
id="input"
|
||||||
|
autocomplete="off"
|
||||||
|
autocapitalize="off"
|
||||||
|
spellcheck="false"
|
||||||
|
placeholder="type 'help' (oder 'panic')"
|
||||||
|
aria-label="Terminal input"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="entity-footer">
|
||||||
|
<div>© Donau2Space · <span class="c-muted">dev is a vibe, not a feature</span></div>
|
||||||
|
<div>
|
||||||
|
<a href="https://donau2space.de/impressum/" rel="noopener">Impressum</a>
|
||||||
|
<span class="c-muted">·</span>
|
||||||
|
<a href="#" id="focus-link">Focus Terminal</a>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Overlay: Man Pages / General -->
|
||||||
|
<div id="overlay" aria-modal="true" role="dialog">
|
||||||
|
<div class="overlay-box">
|
||||||
|
<pre id="overlay-text"></pre>
|
||||||
|
<div class="overlay-hint">
|
||||||
|
Press <span class="c-green">ESC</span> to return.
|
||||||
|
(Oder gib im Terminal <span class="c-blue">exit</span> ein.)
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Overlay: Deep Space -->
|
||||||
|
<div id="deep-space-overlay" aria-hidden="true"></div>
|
||||||
|
|
||||||
|
<!-- Overlay: Reality Shift -->
|
||||||
|
<div id="reality-overlay" aria-hidden="true"></div>
|
||||||
|
|
||||||
|
<!-- Bootstrap -->
|
||||||
|
<script type="module" src="js/main.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in a new issue