Offener Web-Kalender

Der Offene Web-Kalender nutzt online ICS/ICal-Kalender und zeigt sie in einem Kalender an. Du kannst ihn mit Nextcloud, Outlook, Google Calendar, Meetup und anderen Kalendersystemen benutzen, die den ICS-Standard exportieren.

English Esperanto(53%) French/Français(84%) German/Deutsch(98%) Hrvatski/Croatian(98%) Indonesian/Bahasa Indonesia(77%) Italiano/Italian Norwegian Bokmål/Norsk bokmål(84%) Polski/Polish(50%) Spanish/Español Türkçe/Turkish(98%) 中文/Chinese(76%) Übersetzen

Um mehrere Kalender anzuzeigen, füge die URLs zu diesen hier unten ein:


Um den Kalender einzubetten, nutze diesen Code auf der Webseite:


                    Das Resultat kannst Du hier drunter ansehen.
                    

Du kannst den Kalender weiter anpassen.

Titel

Um den Titel zu ändern, gib den Namen des Kalenders hier ein:

Erster Tag

Um den ersten Tag im Kalender zu ändern:

Erste Stunde

Um die erste Stunde im Kalender zu ändern:

Letzte Stunde

Um die letzte Stunde im Kalender zu ändern:

Zeitschritte

Ändere die Zeitschritte der Tages- und Wochenansicht:

Zeitanzeige

Du kannst zwischen einer Anzeige mit 24 Stunden oder 12 Stunden auswählen. Es gibt auch andere Optionen. Spezifikation ansehen.

Sprache

Du kannst die Sprache des Kalenders auswählen.

Übersetzen

Designs

Du kannst ein Design für den Kalender auswählen.

Links

Einträge können Orte und Links enthalten. Wenn der Kalender in eine Webseite eingebettet wird, kannst Du auswählen, wo sich ein Link öffnet, wenn er geklickt wird.

Wochentage

Eigener Style mit CSS

Du kannst die Farbe des Kalenders und viele andere Eigenschaften mit CSS anpassen. Deine Anpassungen überschreiben die des Designs. Unten kannst Du ein paar Anpassungen vornehmen, die wir vorbereitet haben.

Eigene CSS-Eigenschaften sind möglich. Das sind Beispiele von CSS-Klassen, die Kalendereinträge verändern können: .event {} .UID-... {} .CATEGORY-... {} .CALENDAR-INDEX-0 {} .CALENDAR-INDEX-... {} .TRANSP-OPAQUE {} .TRANSP-TRANSPARENT {} .CLASS-PRIVATE {} .CLASS-CONFIDENTIAL {} .CLASS-PUBLIC {} .STATUS-TENTATIVE {} .STATUS-CONFIRMED {} .STATUS-CANCELLED {} .PRIORITY-1 {} .PRIORITY-... {} .error {}

Terminstatus

Verändere das Aussehen der Terminbeschreibung abhänging vom Status:

Lade-Animation

In manchen Fällen brauch der Server eine Weile, um den Kalender zu laden, z.B. wenn der Server erst starten muss.

Kalender-Ansichten

Die Monatsansicht wird als erste angezeigt aber du kannst ändern, was am Besten passt:

Sollte der Nutzer nicht alle Ansichten und Schalter sehen sollen, dann kannst Du hier bestimmen, was möglich ist:

Zeitzone

Die Zeitzone wird von dem Webbrowser des Nutzers bestimmt. Wenn der Kalender in einer festen Zeitzone angezeigt werden soll, dann ist das möglich. Dein Browser nutzt diese Zeitzone: lade…

Die Spezifikation Hosten

Der Kalender kann nicht nur durch eine URL generiert werden sondern auch durch eine JSON oder YAML-Spezifikation aus einer Datei. Deine Anpassungen erzeugen die folgende Spezifikation:


                    Du kannst die Spezifikation herunterladen und sie irgendwo im Web platzieren. Auf diese Weise kannst Du den Kalender später überall, wo er verwendet wird, mit einem Mal verändern. Dazu kannst du die Spezifikation z.B. in einem Gist veröffentlichen.
                    Sobald Du die Spezifikation irgendwo online hast, kannst Du z.B. einen solchen Link erstellen: