{{ with $.Site.Data.schedule }}
<p class="schedule-info">
	Version: <span class="schedule-version">{{ .version }}</span>
	<br>Zeitangaben in <span class="schedule-timezone">{{ .timezone }}</span>
</p>

<div class="schedule-days">
{{ range .days }}
	<a href="#{{ . }}">{{ . }}</a>&middot;
{{ end }}
	<a href="#">zurück nach oben</a>
</div>

<div class="schedule">
	<div class="schedule-grid schedule-timeline" style="--span: {{ .span }}">
		<h3 class="schedule-title"></h3>
{{ $lastDate := "" }}
{{ range .timeline }}
		<div class="schedule-time" style="--start: {{ .start }}">
{{ if ne .date $lastDate }}
			<div class="schedule-date" id="{{ .date }}">{{ .date }}</div>
{{ end }}
			{{ .time }}
		</div>
{{ $lastDate = .date }}
{{ end }}
	</div>
{{ range $name, $events := .rooms }}
	<div class="schedule-grid schedule-room">
		<h3 class="schedule-title">{{ $name }}</h3>
{{ range $events }}
		<a class="schedule-event" href="{{ .url }}" style="--start: {{ .start }};--end: {{ .end }}" target="_blank">
			<div class="schedule-event-time">
				<span>{{ .start_time }}</span>
				<span>&ndash;</span>
				<span>{{ .end_time }}</span>
			</div>
			<div class="schedule-event-detail">
				<h4 class="schedule-title" title="{{ .title }}">{{ .title }}</h4>
				<p class="schedule-speaker" title="{{ .speaker }}">{{ .speaker }}</p>
			</div>
		</a>
{{ end }}
	</div>
{{ end }}
</div>
{{ end }}