Statische Website der PUSH IT GmbH. Kein Build-Schritt, keine Abhängigkeiten — reines HTML, CSS und ein kleines JavaScript für Progressive Enhancement.
index.html Startseite
leistungen.html Leistungsblöcke (#security, #automation, #monitoring, #ansilume)
ueber-uns.html Unternehmensseite
kontakt.html Direktkontakt
impressum.html Impressum
datenschutz.html Datenschutzerklärung
404.html Fehlerseite (nutzt als einzige Datei wurzelabsolute Pfade)
assets/css/fonts.css @font-face-Deklarationen der lokalen Schriften
assets/css/styles.css Alle Styles, Design-Tokens in :root
assets/js/site.js Mobile Navigation, Feed-Animation im SOC-Panel
assets/img/ Logo und Open-Graph-Karte
assets/fonts/*.woff2 Lokal ausgelieferte Schriften
python3 -m http.server 8000
# → http://localhost:8000Die Seite lädt keine Fremdinhalte: keine CDNs, keine Google Fonts, kein Tracking, keine Cookies, keine eingebetteten Karten oder Videos.
Das ist bewusst so und beim Ergänzen von Inhalten beizubehalten — also keine
<script src>, <link href>, <img src>, @import oder url() auf fremde
Hosts. Eine Content-Security-Policy im <head> jeder Seite erzwingt das
zusätzlich; Inline-Scripts sind dort per SHA-256-Hash freigegeben. Wer das
Inline-Snippet im <head> ändert, muss den Hash in allen Seiten mitziehen.
Prüfen lässt sich das mit:
grep -rnoE "https?://[^\"' )]+" --include=*.html --include=*.css --include=*.js .Treffer dürfen nur <a href>-Ziele, canonical-URLs und og:-Angaben sein.
Publishing-Source: Branch master, Ordner / (root).
.nojekyll— schaltet die Jekyll-Verarbeitung abCNAME— Custom Domain (we-push-it.com, Apex ist kanonisch)robots.txt,sitemap.xml— greifen nur an der Host-Wurzel- Verzeichnisse mit
index.htmlsind Weiterleitungen von den früheren URLs
Nach dem Umstellen der DNS-Records „Enforce HTTPS" aktivieren, sobald GitHub das Zertifikat ausgestellt hat.
- Akzentfarbe: zwei Tokens in
:root(assets/css/styles.css).--accentfür Flächen, Rahmen und Großtext,--accent-textfür Fließtext. Beim Rebranding beide anpassen und die Kontraste neu prüfen. - SOC-Panel und Ticker auf der Startseite zeigen schematische Beispiele.
Das Markup enthält den statischen Stand,
assets/js/site.jsanimiert ihn. prefers-reduced-motionwird respektiert: Animationen und Feed-Update werden dann deaktiviert.- Mobile Navigation klappt unter 860 px per Button auf. Ohne JavaScript bleibt sie ausgeklappt, damit sie immer erreichbar ist.
- Schriften: Space Grotesk, IBM Plex Sans, IBM Plex Mono als woff2
(SIL Open Font License 1.1), Subsets
latinundlatin-ext. Die beiden Erstgenannten sind Variable Fonts — eine Datei je Subset (*-var-*.woff2). - Header und Footer sind in jeder Datei dupliziert. Textänderungen überall nachziehen.
- Tux wohnt als ASCII-Art im HTML-Kommentar direkt nach
<body>. 🐧