Omphaloskepsis-2/layouts/shortcodes/chart.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">{{ . | $.Page.RenderString }}</p>{{- end -}}
    </figcaption>
  {{- end -}}
</figure>