{{ define "main" }} {{ partial "section1.html" (dict "Image" "/img/app0.webp" "Content" .Content) }} <div id="appslist" class="grid center"> {{ $site := .Site }} {{ range .Site.Data.list }} {{ $index := . }} {{ $data := index $site.Data $site.Language.Lang }} {{ with index $data.apps $index }} <div class="padding-container"> <div class="block-preview" style="background-image: url(/img/preview/{{ $index }}.webp);"> <a href="{{ $index }}" class="label-link" alt="{{ .name }}"> <div class="label"> <h2> <span class="flex app-name" style="float: left"> <img src="/icons/apps/{{ $index }}.svg" loading="lazy" class="icon-larger-text" alt=""/> {{ .name }} </span> <span class="right-icon"><i class="icon-lookup icon-as-text" alt="{{ i18n "learnMore" }}"/></i></span> <!-- Hint that you can click --> </h2> <p class="show-on-hover">{{ .description }}</p> <p class="show-on-hover">{{ i18n "status" }} {{ .status }}</p> <p class="flex show-on-hover">{{ i18n "worksOn" }} {{ partial "platforms.html" .platforms }} </p> <p class="flex show-on-hover">{{ i18n "translated" }} {{ partial "translations.html" .translated }} </p> <p class="primary" role="button"><i class="icon-lookup icon-as-text" alt="{{ i18n "learnMore" }}"></i>{{ i18n "learnMore" }}</p> </div> </a> </div> </div> {{ end }} {{ end }} </div> {{ end }}