Omphaloskepsis-2/layouts/shortcodes/chart.html

38 lines
1.2 KiB
HTML

{{- if ( not ( .Get "longdesc" ) ) -}}
{{- erroridf "a11y-chart-longdesc" "No longdesc found for chart '%q' (%q)" ( .Get "chart-id" ) .Page.File.Path -}}
{{- end -}}
<figure
class="article__figure figure figure--chart{{ with .Get "class" }}{{ . }}{{ end }}"
role="group"
>
{{- with .Get "chart-id" -}}
<div class="chart-container">
<canvas
width="auto"
class="chart"
id="{{ . }}"
>
You must enable Javascript to view this chart.
</canvas>
</div>
{{- end -}}
{{- with .Get "chart-id-2" -}}
<div class="chart-container">
<canvas
class="chart"
id="{{ . }}"
>
You must enable Javascript to view this chart.
</canvas>
</div>
{{- end -}}
{{- if or ( .Get "caption" ) ( .Get "title" ) -}}
<figcaption class="figure__caption{{ if not ( or ( .Get "caption" ) ( .Get "title" ) ) }}figure__caption--no-height{{ end }}">
{{- with .Get "title" -}}<h4 class="figcaption__title">{{ . | markdownify | safeHTML }}</h4>{{- end -}}
{{- with .Get "caption" -}}<p class="figcaption__caption">{{ . | markdownify | safeHTML }}</p>{{- end -}}
</figcaption>
{{- end -}}
</figure>