Files

T

ankn a5f8fb49ab Migrate all repos into monorepo context folders

Bahn: aisupport, Analyse-O2C-C2S, awesome-bahn-mcp-servers, beam-mcp,
      Confluence_Bot, db-planet-mcp-server, O2C-Harness, project-audit,
      Projekt-KIQ-HP, teamlandkarte-mcp
Dhive: Jury-Voting
Privat: CV, NoteGraph (NOTE: NoteGraph needs complete redo after consolidation)
Shared: AI-Orchestrator, OrgMyLife, power_skills_and_more
Shared/references: symphony (read-only)

Bahn repos remain available as independent remotes - this monorepo
pulls them in via subtree, the originals are untouched.

2026-06-30 20:39:52 +02:00

4.4 KiB

Raw Blame History

D-Hive Website Redesign: Projekt-Status & Zusammenfassung

Dieses Dokument dient als Gedächtnisstütze und Übersicht über alle vollendeten Phasen des d-hive Website-Redesigns, falls an dem Projekt zu einem späteren Zeitpunkt weitergearbeitet wird.

🚀 Abgeschlossene Meilensteine

Phase 1 & 2: Design-System & Logo-Integration

Aesthetic Upgrade: Die Seite wurde auf ein komplett dunkles "Sci-Fi" Theme (#0a0a0a / rgba(20,20,20)) mit Neon-Green (#00FF00) Akzenten umgebaut.
Kunden-Logos (Customers.jsx): Es läuft nun eine endlose, sanfte Marquee-Animation. Die Logos (wie Uni Kassel, Science Park Kassel) sind im un-hoverten Zustand grau und werden bei Mausberührung farbig. Verlinkungen auf die Originalseiten wurden eingefügt.
Mitgliedschaften (Memberships.jsx): Diese sind als Raster/Grid umgesetzt. Die Logos sind dauerhaft in ihren Originalfarben (bzw. für dunkle Hintergründe optimiert) zu sehen und machen einen eleganten Zoom-Effekt, wenn man mit der Maus darüber fährt.
Gefördert durch (Gefoerdert.jsx): Das Distr@l Logo wurde integriert und mit einem weißen background ausgestattet, um auf dem dunklen Theme extrem scharf lesbar zu bleiben. Es zoomt beim Hovering und verlinkt direkt auf das Förderprogramm des Landes Hessen.

Rechtliches (Impressum.jsx & Datenschutz.jsx): Sämtliche übergebenen AGB- und Datenschutz-Texte von d-hive wurden exakt eingepflegt.
Inhalte aus d-hive.de: Inhalte für die Services "Automatisierung" und "KI" wurden durch eine Web-Scraping-KI nativ extrahiert und als Landingpages formatiert.
Die UseCases & Newsletter Sektionen:
- Use Cases: Ein responsives Raster für zukünftige Portfolio-Einträge.
- Newsletter: Enthält aktuell drei Platzhalter/Mockup-Beiträge deines LinkedIn-Feeds in einem strukturierten Code-Array, in das du später leicht neue reinkopieren kannst.
Das "Über uns" (About.jsx): Die Teamprofile von Alexander Schrodt (Struktur-Schaffer) und André Knie (Mensch-Maschine-Moderator) wurden samt Architektur-Ansätzen, Zitaten, Philosophie ("Wir hassen Verschwendung und lieben den Wandel") eingebaut.
Floating Dock (BottomDock.jsx): Die alte Navigationsleiste oben wurde abgelöst. Nun gibt es in Anlehnung an nickle.ai eine moderne Pille, die mittig unten über allem schwebt. Dieses Dock besitzt extrem weiche Mikto-Interaktionen (Tooltips beim Hover) und wichtiger Zusatz: Einen leuchtenden, neon-grünen Rahmen (conic-gradient), der permanent und flüssig drumherum rotiert.

Phase 5: High-End Visuals: 3D-Cube & Seamless Background

3D Stats-Cube (Stats.jsx): Die vier Erfolgskacheln ("Gründung 2021", "Projekte 50+", "Kunden 15+", "ROI > 2x") wurden in ein tatsächliches CSS-3D-Objekt verwandelt. Der Würfel hält pro Ansicht kurz inne und reißt sich dann um 90 Grad weiter, sodass der Nutzer gebannt auf den nächsten Wert warten muss.
Infinite Background (BackgroundPattern.jsx): Die d-hive Vektorlinien (d_-hive-lines_1-1.svg) wurden in einem dedizierten CSS-Container verarbeitet. Weil die Kanten des Logos sonst hart abschneiden würden, wird das Bild im Code sofort vierzehnfach gespiegelt (Oben, Unten, Links, Rechts), um einen gigantischen, perfekt nahtlos übergehenden ("seamless") Block zu erzeugen. Dieser driftet für das "Big Data"-Feeling unendlich langsam durch den Hintergrund.
Service-Bilder (Services.jsx): Alle vier Leistungen (Workshops anstelle der normalen Softwareentwicklung) wurden mit futuristischen, von einer KI generierten Matrix-/Cyberpunk-Bildern hinterlegt.

📅 Offene Punkte für die nächste Session

Wenn ihr wieder startet, stehen vermutlich noch folgende Features aus:

Kontakt-Formular Scharfschalten: Die Maske an ein tatsächliches Backend klemmen (z. B. EmailJS oder Web3Forms), damit dir Leute direkt in dein Postfach schreiben.
Use Cases aufstocken: Wirkliche Texte zu Case-Studies (z. B. wie wurde die Sensorik implementiert, was hat es gekostet, was gespart) ausfüllen.
Newsletter-Logik: Entscheidung abnehmen, ob die LinkedIn-Posts händisch (wie jetzt im Code als Liste) verbleiben sollen, oder ob wir eine API einbauen, sobald es Content-Systeme gibt.

Alle Code-Änderungen aus unserer Session sind auf dem main Branch eures GitHub-Repositories gesichert!

4.4 KiB Raw Blame History