{{ $opml := hugo.Data.rss }}

<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
{{ range shuffle $opml.body.outline }}
  {{ $title := index . "-title" }}
  {{ $url := index . "-htmlUrl" }}
  {{ if and $title $url }}
    {{ $parts := split $url "/" }}
    {{ $url := printf "%s//%s/" (index $parts 0) (index $parts 2) }}
    <a href="{{ $url }}" target="_blank"
       class="block rounded-md overflow-hidden box-border p-4"
       style="background-color: var(--block-background-color);
              color: var(--text-color);
              text-decoration: none;">
      <h3 class="m-0 text-lg font-medium">{{ $title }}</h3>
    </a>
  {{ end }}
{{ end }}
</div>