CCCHH/hackertours
Watch
2
1
Fork
You've already forked hackertours
 3
Code Issues 2 Pull requests 1 Projects Releases Packages Wiki Activity Actions

Use a pill with explicit links for iCal and Google Calendar.
Some checks failed
/ build (pull_request) Successful in 27s
Details
/ accessibility (pull_request) Failing after 1m41s
Details

Browse source
This commit is contained in:
Stefan Bethke 2026-10-17 02:13:21 +02:00
commit 443ae1e05d
9 changed files with 34 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

14
layouts/_shortcodes/calendar.html
View file

@ -1,7 +1,7 @@
{{- /*
Calendar link for one date of a tour, shown as a calendar icon: an .ics file (iCalendar), which
Apple Calendar, Outlook, Thunderbird and most other calendar apps can open. On Android,
assets/js/calendar.js turns it into a link that adds the date in Google Calendar.
Calendar links for one date of a tour, in a small pill with a calendar icon: an .ics file
(iCalendar), which Apple Calendar, Outlook, Thunderbird and most other calendar apps can open,
and a link that adds the date in Google Calendar, whose Android app can't open .ics files.
Meant for the list of dates on a tour page:
* Tag 1 (27.12.) **17:30 Uhr** {{< calendar date="2026-12-27" time="17:30" duration="210" >}}
@ -71,9 +71,8 @@ title of this date in the schedule data, else the page title).
{{- $file := printf "%s-%s-%s.ics" $slug $date (replace $time ":" "") -}}
{{- $icsFile := resources.FromString (path.Join (strings.TrimPrefix "/" $page.RelPermalink) $file) $ics -}}
{{- /* The icon is the same for every date, so the link name for screen readers includes the date. */ -}}
{{- /* The link texts are the same for every date, so their names for screen readers include the date. */ -}}
{{- $when := printf "%s %s" ($start | time.Format "Mon 2.1.") $time -}}
{{- /* Android's Google Calendar app can't open .ics files; there, calendar.js uses this link instead. */ -}}
{{- $google := printf "https://calendar.google.com/calendar/render?%s" (querify
"action" "TEMPLATE"
"text" $title
@ -82,5 +81,8 @@ title of this date in the schedule data, else the page title).
"location" $location
"ctz" "Europe/Berlin"
) -}}
<a class="tour-calendar" href="{{ $icsFile.RelPermalink }}" download="{{ $file }}" title="{{ i18n "calendar_ics" }}" data-google-href="{{ $google }}" data-google-title="{{ i18n "calendar_google" }}" data-google-label="{{ i18n "calendar_google" }} {{ $when }}">{{ partial "fa-icon.html" "regular/calendar-plus" }}<span class="visually-hidden">{{ i18n "calendar_ics" }} {{ $when }}</span></a>
<span class="tour-calendar">{{ partial "fa-icon.html" "regular/calendar-plus" -}}
<a href="{{ $icsFile.RelPermalink }}" download="{{ $file }}">{{ i18n "calendar_ics" }}<span class="visually-hidden"> {{ $when }}</span></a>
{{- /* */ -}}<span class="tour-calendar__separator" aria-hidden="true">|</span>
{{- /* */ -}}<a href="{{ $google }}">{{ i18n "calendar_google" }}<span class="visually-hidden"> {{ $when }}</span></a></span>
{{- /* chomp */ -}}