Відкрийте веб-календар
Відкритий веб-календар використовує онлайн-календарі ICS/ICal і відображає їх в одному календарі. Ви можете використовувати його з Nextcloud, Outlook, Google Calendar, Meetup та іншими системами календарів за допомогою стандарту ICS. Ми підтримуємо такі стандарти: ICAL, CalDAV, webcal.
Щоб об’єднати кілька календарів, введіть тут URL-адреси календарів ICS:
Ви можете зробити додаткові налаштування календаря.
Ми рекомендуємо шифрувати URL-адреси, якщо вони містять конфіденційні дані. Збережіть наступний пароль, лише якщо ви збираєтеся розшифрувати його пізніше.
🔑
Мова
English Esperanto(73%) French/Français(60%) German/Deutsch Hrvatski/Croatian(78%) Indonesian/Bahasa Indonesia(55%) Italiano/Italian(73%) Norwegian Bokmål/Norsk bokmål(58%) Slovenčina/Slovak(72%) Spanish/Español(78%) Türkçe/Turkish(70%) Welsh/Cymraeg(53%) Íslenska Čeština/Czech Українська/Ukrainian தமிழ்(78%) 한국어(73%) Перекласти
Назва
Щоб змінити назву, введіть тут назву календаря:
Дата початку
Щоб змінити дату початку календаря:
Time and Hours
Перша година
Щоб змінити першу годину перегляду календаря:
Остання година
Щоб змінити останню годину перегляду календаря:
Приріст часу
Конвенція годинника
Ви можете вибрати між 24-годинним і 12-годинним годинником. Можливо більше варіантів. Переглянути специфікацію.
Скіни
Ви можете вибрати різні скіни для календаря.
Посилання
Події можуть мати місця та URL-адреси. Якщо ви вставляєте календар на веб-сайт, ви можете вибрати, де посилання відкриватиме сторінку.
Посилання на карту та розташування
Місця подій можуть мати координати або текст. Налаштуйте тут, який картографічний сервіс використовувати під час натискання місця події.
Налаштуйте посилання на мапі
Введіть тут URL-адресу карти та вставте {location} у місці пошукового запиту.Введіть тут URL-адресу карти та вставте {lat} і {lon} для координат.
Дні тижня
Тиждень може початися в понеділок або неділю.
Спеціальний стиль із CSS
Ви можете змінити колір свого календаря та багато інших властивостей за допомогою CSS. Ваші налаштування мають пріоритет над вибраною вами оболонкою. Нижче ви можете вибрати з кількох налаштувань, які ми підготували для вас.
- Ви можете змінити колір фону календаря.
- Ви можете змінити колір елементів, які можна натиснути.
- Ви можете змінити колір тла поточної дати.
- Якщо ви хочете мати інший колір для днів, ви також можете вказати це.
- Деякі дні календаря мають інший колір, якщо вони не входять до місяця.
Ви можете вказати власні властивості CSS, якщо хочете. Ось приклади класів CSS для стилізації подій:
.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 {}
Статус події
Змінити вигляд опису події залежно від статусу:
Завантаження анімації
У деяких випадках серверу потрібно досить багато часу, щоб завантажити календар. Якщо сервер використовує безкоштовний тарифний план на Heroku, спочатку потрібно запустити сервер.
Вкладки календаря
Перегляд місяця є типовим. Однак на початку ви можете вибрати інший вигляд. Виберіть один:
Можливо, ви не хочете показувати всі елементи керування для перегляду користувачами. Тут виберіть елементи керування, які ви хочете відобразити:
Часовий пояс
Часовий пояс береться з браузера користувача. Якщо ви хочете, щоб ваш календар фіксувався в одному часовому поясі, у вас є варіант нижче. Ваш браузер використовує цей часовий пояс: UTC
Учасники та організація
Ви можете запрошувати інших на події, і люди можуть реєструватися. Ви можете ввімкнути ці параметри, щоб переглянути імена та адреси електронної пошти під описом події.
Використовуйте та вставляйте
Отриманий календар ви можете переглянути нижче.
https://open-web-calendar.hosted.quelltext.eu/calendar.html?language=ukЩоб вставити календар, використовуйте цей код на своєму веб-сайті:
<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://open-web-calendar.hosted.quelltext.eu/calendar.html?language=uk"
sandbox="allow-scripts allow-same-origin allow-top-navigation allow-downloads"
allowTransparency="true" scrolling="no"
frameborder="0" height="600px" width="100%"></iframe>
Хостинг специфікації
Календар можна створити не лише за допомогою URL-адреси, але й за допомогою специфікації JSON або YAML із файлу. Налаштування вище генерує таку специфікацію:{Ви можете завантажити цю специфікацію та розмістити її десь у мережі. Таким чином ви все ще контролюєте налаштування календаря після того, як поділилися посиланням, напр. на GitHub у Gist. Розмістивши специфікацію десь в Інтернеті, ви можете створити таке посилання: https://open-web-calendar.hosted.quelltext.eu/calendar.html?specification_url=https://raw.githubusercontent.com/niccokunzmann/open-web-calendar/master/open_web_calendar/default_specification.yml
"language": "uk"
}
Про
Це календар, який надає веб-сайт для багатьох різних календарів. Ви також можете підписатися за посиланням ICS. Календарі легко налаштовуються, напр. мати кілька джерел і вписуватися у веб-сайт для вбудовування. Якщо вам подобається цей проект, будь ласка, пожертвуйте свій час або гроші на проект, щоб він залишався безкоштовним і доступним для всіх.- Допоможіть покращити проект і навчіться робити внесок.
- Переглянути вихідний код. Версія: 0.1.dev1+ge65b0f2.d20250401
- Політика конфіденційності