Creates configurable calendar

_pages/contact.md

@@ -11,8 +11,14 @@ claus@threekeytherapy.com
 
 +31 638 700 278
 
-## Or send me a message
-
 {% include contact-form.html %}
 
+## Availability
 
+<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?specification_url=https://raw.githubusercontent.com/threekeytherapy/threekeytherapy.com/main/calendar_config.yml"
+    sandbox="allow-scripts allow-same-origin allow-popups"
+    allowTransparency="true" scrolling="no" 
+    frameborder="0" height="600px" width="100%"></iframe>
+

calendar_config.yml

@@ -0,0 +1,156 @@
+## Specification
+##
+## The specification of the calendar can be written in YAML and JSON.
+## You can copy and paste the specification and adapt it to your needs.
+##
+## Lines with two ## are comments and lines with one # are code which
+## is not in use.
+##
+
+## url can be a single link to an ics file or a list.
+#url: https://your.link.to/a-file.ics
+url:
+- https://www.calendarlabs.com/ical-calendar/ics/46/Germany_Holidays.ics
+#- https://www.calendarlabs.com/ical-calendar/ics/46/Germany_Holidays.ics
+#- https://www.calendarlabs.com/ical-calendar/ics/46/Germany_Holidays.ics
+
+## The title is displayed as the title of the html page.
+title: "Open Web Calendar"
+
+## The favicon of the page
+favicon: "/static/img/logo/owc.svg"
+
+## The starting date of the calendar view in YYYY-MM-DD format
+## Leave empty for today
+date: ""
+
+## First hour of the view
+starting_hour: "0"
+
+## Last hour of the view
+ending_hour: "24"
+
+## example use: restrict calendar view to working hours
+#starting_hour: 8
+#ending_hour: 18
+
+## Hour division
+## size in minute of divisions in day & week views
+## Possibles values:
+## - 1 (1 hour)
+## - 2 (30 minutes)
+## - 4 (15 minutes)
+## - 6 (10 minutes)
+hour_division: "1"
+
+## The language of the calendar. You can choose from these languages:
+## Arabic: "ar"
+## Belarusian: "be"
+## Catalan: "ca"
+## Chinese: "cn"
+## Czech: "cs"
+## Danish: "da"
+## Dutch: "nl"
+## English: "en"
+## Finnish: "fi"
+## French: "fr"
+## German: "de"
+## Greek: "el"
+## Hebrew: "he"
+## Hungarian: "hu"
+## Indonesian: "id"
+## Italian: "it"
+## Japanese: "jp"
+## Norwegian: "no"
+## Norwegian Bokmål: "nb"
+## Polish: "pl"
+## Portuguese: "pt"
+## Romanian: "ro"
+## Russian: "ru"
+## Slovak: "sk"
+## Slovenian: "si"
+## Spanish: "es"
+## Swedish: "sv"
+## Turkish: "tr"
+## Ukrainian: "ua"
+language: "en"
+
+## The skin changes the look of the calendar.
+## They are located in the static/css/dhtmlx folder.
+## You can choose one of these:
+#skin: "dhtmlxscheduler_contrast_black.css"
+#skin: "dhtmlxscheduler_terrace.css"
+#skin: "dhtmlxscheduler_contrast_white.css"
+#skin: "dhtmlxscheduler_flat.css"
+skin: "dhtmlxscheduler_material.css"
+
+## You can embed custom css code, i.e. to change the background or font.
+css: ""
+
+## The target is the place where links are opened.
+## "_top" opens the link where the website is embedded.
+## "_blank" opens the link in a new tab.
+## "_self" replaces the calendar with the link content.
+## "_parent" opens the link in on the page where the calendar is embedded.
+target: "_top"
+
+## This is the url to a loader animation which is displayed while the
+## calendar loads events.
+loader: "/img/loaders/circular-loader.gif"
+
+## Choose which tab to display when the calendar opens.
+tab: "month"
+#tab: "week"
+#tab: "day"
+#tab: "agenda"
+
+## Choose which tabs can be chosen by the user.
+tabs:
+- "month"
+- "week"
+- "day"
+#- agenda
+
+## Users can control the calendar.
+## You can hide these buttons:
+controls:
+## Users can go to the next day/week/month.
+- "next"
+## Users can go to the previous day/week/month.
+- "previous"
+## Users can go to the current day/week/month.
+- "today"
+## Users can see the date.
+- "date"
+
+## You can describe the calendar with a text so people know what it is about.
+## If this is empty, the description is taken from the project's translations.
+description: ""
+
+## You can choose the start of the week. Either "mo" for Monday or "su" for Sunday. "work" is Mo-Fr.
+start_of_week: mo
+
+## You can fix the calendar to a specific time zone. Default is to take it from the browser.
+## Example values: "Europe/Berlin", "Asia/Shanghai" or "" for the timezone of the user/viewer.
+timezone: ""
+
+###################### Change this if you modify the project. ######################
+##
+## Where the current modifications can be obtained.
+## This is required by GPL.
+source_code: "https://github.com/niccokunzmann/open-web-calendar/"
+
+## This is a link to the contribution page
+contributing: "https://github.com/niccokunzmann/open-web-calendar/#contributing"
+
+## This is a link to the translations page
+translate: "https://hosted.weblate.org/engage/open-web-calendar/"
+
+###################### You will probably not change this. ######################
+##
+## The template is the file which shows the calendar.
+## It is located in the templates/calendars folder.
+template: "dhtmlx.html"
+
+## This is set by the dhtmlscheduler when the events are displayed.
+timeshift: 0