landing_page/qdrant-landing/themes/qdrant-2024/layouts/partials/documentation/cards/docs-cards.html

{{ $cardsPerRow := .cardsPerRow }}
{{ $cardsPerRow = $cardsPerRow | int }}
{{ $cardsPerRow = div 12 $cardsPerRow }}
{{ $cardsPerRow = print $cardsPerRow }}
{{ $cardsPerRow = printf "col-12 col-lg-%s" $cardsPerRow }}
{{ $cardsPerRow = print $cardsPerRow }}


<div class="{{- $cardsPerRow -}}">
  <a
    href="{{ .card.link.url }}"
    {{ if strings.HasPrefix .card.link.url "https://" }}target="_blank"{{ end }}
    class="docs-card"
  >
    {{ if or (.card.tag) (.card.icon) }}
      <div class="docs-card__tag {{ if .card.tagColor }}docs-card__tag_{{- .card.tagColor -}}{{ end }}">
        {{ if .card.icon }}
          <img class="docs-card__icon" src="{{ .card.icon.src }}" alt="{{ .card.icon.alt }}" />
        {{ end }}
        {{ if .card.tag }}
          <span>{{ .card.tag }}</span>
        {{ end }}
      </div>
    {{ end }}
    {{ if .card.image }}
      <img class="docs-card__image" src="{{ .card.image.src }}" alt="{{ .card.image.alt }}" />
    {{ end }}
    <h3 class="docs-card__title">{{ .card.title }}</h3>
    <p class="docs-card__description">{{ .card.description }}</p>

    <!-- Optional list, separated by a delimiter. Only rendered if the card has a list. -->
    {{ if .card.list }}
      <div class="divider mt-2"></div>
      {{ if .card.list.title }}
        <p class="docs-card__description docs-card__list-title">{{ .card.list.title }}</p>
      {{ end }}
      <ul class="docs-card__description docs-card__list-element mb-2">
        {{ range .card.list.elements }}
          <li>{{ . }}</li>
        {{ end }}
      </ul>
    {{ end }}

    {{ if .card.link.text }}
      <span class="docs-card__link link link_sm">{{ .card.link.text }}</span>
    {{ else }}
      <div class="docs-card__arrow"></div>
    {{ end }}

  </a>
</div>