Open Web Calendar

Otvoreni web kalendar koristi ICS/ICal kalendare online i prikazuje ih u jednom kalendaru. Možeš ga koristiti s Nextcloudom, Outlookom, Google kalendarom, Meetupom i drugim sustavima kalendara koji koriste ICS standard.

English French/Français(91%) German/Deutsch Hrvatski/Croatian(95%) Inggris/Indonesian(75%) Norwegian Bokmål/Norsk bokmål(92%) Spanish/Español Türkçe/Turkish 中文/Chinese(83%) Prevedi

Za sjedinjavanje kalendara, ovdje upiši URL-ove ICS kalendara:

https://events.clubelec.org/calendar.html?url=https%3A%2F%2Fwww.calendarlabs.com%2Fical-calendar%2Fics%2F46%2FGermany_Holidays.ics
Za ugrađivanje kalendara koristi ovaj kod na tvojoj web stranici:

<iframe id="open-web-calendar" 
    style="background:url('https://raw.githubusercontent.com/niccokunzmann/open-web-calendar/master/static/img/loaders/circular-loader.gif') center center no-repeat;"
    src="https://events.clubelec.org/calendar.html?url=https%3A%2F%2Fwww.calendarlabs.com%2Fical-calendar%2Fics%2F46%2FGermany_Holidays.ics"
    sandbox="allow-scripts allow-same-origin allow-top-navigation"
    allowTransparency="true" scrolling="no" 
    frameborder="0" height="600px" width="100%"></iframe>

Dolje možeš vidjeti rezultirajući kalendar.

Kalendar možeš dodatno prilagoditi.

Naslov

Za mijenjanje naslova ovdje upiši ime kalendara:

Početni datum

Za mijenjanje početnog datuma kalendara:

Prvi sat

Za mijenjanje prvog sata u prikazu kalendara:

Zadnji sat

Za mijenjanje zadnjeg sata u prikazu kalendara:

Intervali

Za mijenjanje intervala u prikazu dana i tjedna:

Clock Convention

You can choose between the 24 hour clock and the 12 hour clock. More options are possible. View the specification.

Jezik

Ovdje postavi jezik kalendara.

Prevedi

Dizajn

Ovdje odaberi dizajn kalendara.

Poveznice

Događaji mogu imati lokacije i URL-ove. Ako kalendar ugradiš u web stranicu, možeš odabrati gdje će pritisnuta poveznica otvoriti stranicu.

Dani tjedna

Prilagođeni stil pomoću CSS-a

Pomoću CSS-a možeš promijeniti boju kalendara i razna druga svojstva. Tvoj prilagođeni dizajn ima prioritet nad odabranim dizajnom. U sljedećem popisu možeš odabrati unaprijed pripremljene dizajne.

Možeš promijeniti boju pozadine kalendara.
Možeš promijeniti boju elemenata koji se mogu pritisnuti.
Možeš promijeniti boju pozadine aktualnog datuma.
Ako želiš koristiti drugačiju boju za dane, to također možeš odediti.
Neki dani u kalendaru imaju drugačiju boju ako se ne nalaze unutar mjeseca.

Ako želiš, možeš odrediti vlastita CSS svojstva.

Animacija pri učitavanju

U nekim slučajevima poslužitelj treba dosta vremena za učitavanje kalendara. U slučaju da poslužitelj koristi besplatni plan na Herokuu, poslužitelj se mora prvi pokrenuti.

Registri kalendara

Standardno se koristi mjesečni prikaz. Međutim, na početku možeš odabrati drugačiji prikaz. Odaberi jedan:

Možda ne želiš prikazati sve kontrole korisnicima. Ovdje odaberi kontrole želi koje želiš prikazati:

Vremenska zona

Vremenska zona se preuzima iz korisničkog preglednika. Ako želiš fiksirati vremensku zonu za kalendar odaberi jednu opciju. Tvoj preglednik koristi sljedeću vremensku zonu: UTC

Hosting specifikacije

Kalendar se može generirati ne samo pomoću URL-a, već i putem JSON ili YAML specifikacije iz datoteke. Gornja prilagodba generira ovu specifikaciju:

{
  "url": "https://www.calendarlabs.com/ical-calendar/ics/46/Germany_Holidays.ics"
}

Ovu specifikaciju možeš preuzeti i postaviti je negdje na web. Na taj način i dalje kontroliraš prilagođavanje kalendara nakon dijeljenja poveznice, npr. na GitHub-u u jednom Gistu. Nakon što postaviš specifikaciju negdje online možeš stvoriti poveznicu poput ove: https://events.clubelec.org/calendar.html?specification_url=https://raw.githubusercontent.com/niccokunzmann/open-web-calendar/master/default_specification.yml