Zum Inhalt springen
CitexNode
Alle Anleitungen

Design, Badge und Widget

Name, Logo, Farbe und Sprache der Seite. Und wie du den Status auf deiner eigenen Website zeigst.

2 Min. Lesezeit

Design

Unter Dashboard → Dienste → deine Statusseite → Einstellungen stellst du ein:

  • Sprache der Seite: Deutsch oder Englisch.
  • Zeitzone für alle Uhrzeiten auf der Seite.

Die Seite hat außerdem einen Namen (er steht oben und als Absender der Mails), ein Logo (Link auf ein Bild, nur https://), eine Akzentfarbe und bis zu sechs Links in der Fußzeile mit Beschriftung auf Deutsch und Englisch. Dafür hat das Dashboard im Moment kein Formular. Du änderst sie über die API (PATCH /me/status-pages/{id}, angemeldet, nicht mit einem API-Token), siehe Statusseiten per API.

Hell oder dunkel stellst du nicht ein: Die Seite folgt der Einstellung des Besuchers.

Der Hinweis „Powered by StatusCX“ in der Fußzeile steht bei Free und Pro immer da. Bei Business kannst du ihn ausblenden.

Teilen

Den Link zur Seite findest du in der Übersicht unter Öffentliche Adresse, daneben Seite ansehen.

Badge

Ein kleines Bild mit dem Gesamtstatus, ohne Skript. Passt in eine README, ein Forum oder deine Website:

text
https://deinname.statuscx.eu/de/badge.svg?theme=light
https://deinname.statuscx.eu/de/badge.svg?theme=dark

theme passt das Badge an hellen oder dunklen Hintergrund an, /en/ statt /de/ gibt den englischen Text. In Markdown etwa:

markdown
[![Status](https://deinname.statuscx.eu/de/badge.svg?theme=light)](https://deinname.statuscx.eu)

Widget

Das Widget ist ein Skript für deine Website. Läuft alles, bleibt es unsichtbar. Ist ein Vorfall offen, blendet es unten links eine kleine Karte mit Titel und Link zur Meldung ein. Der Besucher kann sie schließen; bei einem neuen Update erscheint sie wieder.

html
<script src="https://deinname.statuscx.eu/widget.js" data-locale="de" data-theme="auto" defer></script>
  • data-locale: de oder en. Ohne Angabe nimmt es die Sprache deiner Seite.
  • data-theme: dark, light, auto (folgt der Einstellung des Besuchers) oder class (liest die Klasse dark oder light am <html> deiner Seite). Ohne Angabe dark.

Das Widget setzt keine Cookies und lädt nichts nach außer den Status deiner Seite. Beispiele und Schnipsel stehen auch unter https://deinname.statuscx.eu/de/embed.

Feed

Zum Atom-Feed für Feedreader und Automatisierungen mehr unter Abonnenten, Feed und Webhooks.