keyrune/docs/src/layouts/shortcodes/icons.html

51 lines
1.9 KiB
HTML

{{- range sort .Site.Data.sets "order" "asc" -}}
{{- if isset . "sets" -}}
{{- $group := . -}}
<div class="set-group" data-id="{{ $group.order }}" data-count="{{ len $group.sets }}">
<div class="set-group-info sticky">
<h2 class="my-4 pr-8">
{{ .name }}
</h2>
<p class="hidden md:block mb-6 pr-8">
{{ .description }}
</p>
</div>
<div class="set-group-icons">
<div class="set-group-grid grid pt-2">
{{- range $index, $set := sort $group.sets "release" "asc" -}}
<figure
class="grid-span-1"
data-code="{{ $set.code }}"
data-name="{{ $set.name }}"
data-tags="{{ $set.tags | jsonify }}"
data-order="{{ $group.order }}"
data-group="{{ $group.name }}"
data-release="{{ $set.release }}"
data-official="{{ $set.official }}"
data-rarity="{{ $set.rarity }}"
data-border="{{ $set.border }}"
data-inner="{{ $set.inner }}"
data-version="{{ $set.version }}"
data-aliases="{{ $set.aliases | jsonify }}"
>
<figcaption>
<i class="ss ss-{{ $set.code }} ss-rarity-common ss-border ss-inner ss-fw"></i>
</figcaption>
<span class="icon-code">{{ $set.code }}</span>
<span class="icon-name">{{ $set.display }}</span>
</figure>
{{- end -}}
</div>
</div>
</div>
{{- end -}}
{{- end -}}
<div id="search-empty" class="flex flex-col w-full text-center pt-8 hidden">
<p class="big mb-0">
No set symbols matched your search!
</p>
<p>
<a href="/sets" class="clear search-link" data-q="">Clear it</a> or try a cool one like <a href="?q=tmp" class="search-link" data-q="tmp">TMP</a> 😎
</p>
</div>