mehl.mx/themes/hugo-sustain/layouts/partials/blog/links.html

<div class="blog-links">
  {{- with .Params.event }}
  <a class="label label-success label-lg" href="{{ .href }}" target="_blank" aria-label="Event Page" role="button">
    <i class="fas fa-calendar-alt" aria-hidden="true"></i>&nbsp;&nbsp;{{ .name }}
  </a>
  {{- end }}
  {{- with .Params.audio }}
  <a class="label label-success label-lg" href="{{ . }}" target="_blank" aria-label="Audio Recording" role="button">
    <i class="fas fa-microphone" aria-hidden="true"></i>&nbsp;&nbsp;Listen to Recording
  </a>
  {{- end }}
  {{- with .Params.article }}
  <a class="label label-success label-lg" href="{{ .href }}" target="_blank" aria-label="Related Article" role="button">
    <i class="fas fa-newspaper" aria-hidden="true"></i>&nbsp;&nbsp;Read {{ .name }} Article
  </a>
  {{- end }}
  {{- with .Params.video }}
  <a class="label label-success label-lg" href="{{ . }}" target="_blank" aria-label="Video Recording" role="button">
    <i class="fas fa-video" aria-hidden="true"></i>&nbsp;&nbsp;Watch Recording
  </a>
  {{- end }}
  {{- with .Params.slides }}
  <a class="label label-success label-lg" href="{{ . }}" target="_blank" aria-label="Slides" role="button">
    <i class="fas fa-desktop" aria-hidden="true"></i>&nbsp;&nbsp;View Slides
  </a>
  {{- end }}
</div>