pulumi-hugo-cn/themes/default/layouts/partials/content-tile.html

<li data-display-date="{{ .displayDate }}" class="w-full m-0 p-2 md:w-1/2 xl:w-1/3 event-list-item" data-filters="{{ delimit .filters " " }}">
    {{ $href := .link }}
    {{ $relref := "noopener noreferrer" }}
    {{ $target := "_blank" }}

    {{ if eq .external false }}
        {{ if not (isset . "multiple") }}
            {{ $href = (relref .pageContext .link) }}
        {{ end }}

        {{ $relref = "" }}
        {{ $target = "" }}
    {{ end }}

    <article class="card bg-white mb-10 flex flex-col mx-2 md:mx-0 content-tile group">
        <a href="{{ $href }}" rel="{{ $relref }}" target="{{ $target }}" class="w-full h-full group-hover">
            <span class="block w-full h-full p-4 flex flex-col">
                <span class="block pb-2 mb-4">
                    <div class="bg-violet-100 rounded-full inline-block p-4 w-16 h-16 flex items-center justify-center">
                        <i class="fas fa-{{ .icon }} text-violet-600 text-3xl"></i>
                    </div>
                </span>
                <span class="block">
                    <h6 class="group-hover:underline">
                        {{ .data.Params.title }}
                        {{ if .external }}<i class="text-sm ml-2 fas fa-external-link-alt"></i>{{ end }}
                    </h6>
                    <span class="my-0 py-1 inline-block mr-3 text-gray-600">
                        <i class="fas fa-calendar mr-2"></i>
                        {{ .displayDate }}
                    </span>
                </span>
                <span class="flex-grow flex flex-col justify-start mt-3">
                    <p class="m-0 mb-4 pt-0 text-gray-700">
                        {{ .description }}
                    </p>
                </span>
            </span>
        </a>
    </article>
</li>