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