Demo of hugo-theme-component-ical

Demo Page for ical events from hugo front matter

This demo site shows regular pages (Articles) as well as pages with ical data (Events).

It uses hugo-theme-dev in combination with the ical component.

The only change required was to copy the baseof.html from the theme into this site and add the javascript part to show the ical files on the site:

  <!-- Start calendar javascript -->
    {{ if and (.OutputFormats.Get "Calendar") (eq .Type "events") }}
    <meta http-equiv="Content-Security-Policy" content="font-src data:" />
    {{ partial "events/javascript.html" . }}
    {{ end }}
<!-- End calendar javascript -->

Debugging has been enabled in hugo-theme-dev, which is the big part in the end of each page. It is not relevant to the ical component, but might be helpful to understand the underlying mechanisms.