kbrianngeno
a85b9146ee
Delete exampleSite Add initial content, images & docker-compose.yml Use extend-head.html for analytics Set remote url to gitea.novicelab.io
56 lines
2.3 KiB
HTML
56 lines
2.3 KiB
HTML
{{ with site.Data.sponsors }}
|
|
<section class="sponsors-section mt-16 mb-8">
|
|
<div class="flex flex-col items-center mb-6">
|
|
<div class="flex items-center gap-2 mb-2">
|
|
<span class="text-2xl text-primary-500">
|
|
{{ partial "icon.html" "heart" }}
|
|
</span>
|
|
<h2 class="text-2xl font-extrabold text-neutral-800 dark:text-neutral-200">
|
|
{{ i18n "sponsors.title" | default "Sponsors" }}
|
|
</h2>
|
|
</div>
|
|
<p class="text-neutral-600 dark:text-neutral-400 text-center max-w-md">
|
|
{{ i18n "sponsors.description" | default "Special thanks to our sponsors who help make Blowfish possible." }}
|
|
</p>
|
|
</div>
|
|
|
|
<div class="flex flex-wrap justify-center gap-4">
|
|
{{ range . }}
|
|
<a
|
|
href="{{ .profile_url }}"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
class="group relative flex w-24 flex-col items-center"
|
|
title="{{ .username }}"
|
|
aria-label="Sponsor: {{ .username }}">
|
|
<img
|
|
class="nozoom h-16 w-16 rounded-full ring-2 ring-primary-500 transition-transform group-hover:scale-110"
|
|
src="{{ .avatar_url }}"
|
|
alt="{{ .username }}"
|
|
width="64"
|
|
height="64"
|
|
loading="lazy">
|
|
<span class="mt-2 block w-full truncate text-center text-sm text-neutral-600 transition-colors group-hover:text-primary-500 dark:text-neutral-400">
|
|
@{{ .username }}
|
|
</span>
|
|
<span
|
|
class="pointer-events-none absolute left-1/2 top-full z-10 mt-1 w-max max-w-48 -translate-x-1/2 rounded-md bg-neutral-900 px-2 py-1 text-xs text-white opacity-0 shadow-md transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100 group-hover:visible group-focus-within:visible dark:bg-neutral-100 dark:text-neutral-900 invisible">
|
|
@{{ .username }}
|
|
</span>
|
|
</a>
|
|
{{ end }}
|
|
</div>
|
|
|
|
<div class="mt-8 flex justify-center">
|
|
<a
|
|
href="https://github.com/sponsors/nunocoracao"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
class="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-primary-600 text-white hover:bg-primary-500 transition-colors">
|
|
<span>{{ partial "icon.html" "heart" }}</span>
|
|
<span>{{ i18n "sponsors.cta" | default "Become a Sponsor" }}</span>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
{{ end }}
|