{{- /* Renders store links only when configured, so nothing broken shows pre-launch.
       Icons are single-colour (currentColor) so the two stores are told apart by
       shape, not by brand colour: a play triangle vs. the free-software robot. */ -}}
<div class="store-badges">
  {{- with .Site.Params.playStoreURL -}}
  <a class="badge badge-store" href="{{ . }}">
    <svg class="store-icon" aria-hidden="true" viewBox="0 0 24 24" width="22" height="22">
      <path fill="currentColor" d="M4.6 2.1c-.3.2-.5.6-.5 1v17.8c0 .4.2.8.5 1l9.5-9.9-9.5-9.9zm10.9 8.5L6.2 1.4l11.4 6.6-2.1 2.6zM6.2 22.6l9.3-9.2 2.1 2.6-11.4 6.6zm12.6-7.3-2.4-2.9 2.4-2.9 2.7 1.6c.7.4.7 1.4 0 1.8l-2.7 1.6z"/>
    </svg>
    <span>Google Play</span>
  </a>
  {{- end -}}
  {{- with .Site.Params.fdroidURL -}}
  <a class="badge badge-store" href="{{ . }}">
    <svg class="store-icon" aria-hidden="true" viewBox="0 0 24 24" width="22" height="22">
      <g fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round">
        <path d="M8.1 2.6 9.8 5.7"/>
        <path d="M15.9 2.6 14.2 5.7"/>
      </g>
      <path fill="currentColor" fill-rule="evenodd" d="M7.3 6.4h9.4c1.8 0 3.3 1.5 3.3 3.3v8.6c0 1.8-1.5 3.3-3.3 3.3H7.3A3.3 3.3 0 0 1 4 18.3V9.7c0-1.8 1.5-3.3 3.3-3.3zm1.8 4.8a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8zm5.8 0a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8z"/>
    </svg>
    <span>F-Droid</span>
  </a>
  {{- end -}}
  {{- if and (not .Site.Params.playStoreURL) (not .Site.Params.fdroidURL) -}}
  <p class="coming-soon">{{ T "getItComingSoon" }}</p>
  {{- end -}}
</div>