Kompletter Relaunch als statische Website: - index.html: One-Pager mit Hero, Leistungen, USPs, Team, Kontakt - impressum.html + datenschutz.html: Separate Unterseiten - TailwindCSS via CDN, Custom Styles, Scroll-Animationen - Mobile Menu, Scroll-Spy, Fade-in Animationen - Farbschema: Dunkel-modern mit Sonith-Gelb (#DEDC1B) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1.6 KiB
1.6 KiB
CLAUDE.md — sonith.de Website
Projektspezifische Anweisungen für Claude Code.
Projekt
sonith.de — Statischer One-Pager für die Sonith GmbH (MSP / Managed Service Provider).
- Repository: https://gitea.sonith.de/techadmin/sonith-website
- Stack: Pures HTML + CSS + JS, TailwindCSS via CDN
- Deployment: Statische Dateien auf eigenem Server (Nginx)
Projektstruktur
sonith-website/
├── CLAUDE.md # Diese Datei
├── index.html # One-Pager Hauptseite
├── impressum.html # Impressum (separate Seite)
├── datenschutz.html # Datenschutzerklärung (separate Seite)
├── css/
│ └── style.css # Custom Styles (Animationen, Feintuning)
├── js/
│ └── main.js # Mobile Menu, Smooth Scroll, Scroll-Spy
├── img/
│ ├── logo.png # Sonith Logo (wird später ersetzt)
│ └── team/ # Team-Fotos (Platzhalter SVGs)
├── .gitignore
└── README.md
Farbschema
- Primär/Akzent: #DEDC1B (Sonith Gelb-Grün)
- Dunkel: #0f172a / #1e293b (Hintergründe)
- Text hell: #f1f5f9
- Text dunkel: #1e293b
- Grau: #64748b (Subtexte)
Grundstimmung: Dunkel-modern mit Sonith-Gelb als Akzent.
Konventionen
- Keine Build-Tools, kein Node.js — alles statisch
- TailwindCSS ausschließlich via CDN
- Inhalte auf Deutsch
- SVG-Icons inline im HTML
- Responsive, Mobile-first
Deployment
Statische Dateien direkt auf Nginx ausliefern. Kein Build-Step notwendig.
Zuletzt aktualisiert: März 2026 — v1.0.0