29 lines
1.1 KiB
Twig
29 lines
1.1 KiB
Twig
<section class="tw-text-center tw-max-w-5xl md:tw-w-full tw-mx-auto tw-p-8">
|
|
<h2 class="tw-font-bold tw-text-6xl">
|
|
Our <span class="tw-text-green-600">Sponsors</span>
|
|
</h2>
|
|
|
|
{% for level in sponsorshipLevels %}
|
|
{% set sponsors = getSponsors(sponsorData, level) %}
|
|
{% if sponsors %}
|
|
<section class="tw-block">
|
|
<h3 class="tw-visuallyhidden">{{ level|capitalize }} Sponsors</h3>
|
|
|
|
<ul class="tw-list-reset tw-flex tw-flex-wrap tw-items-center tw-justify-center tw--mx-4">
|
|
{% for sponsor in sponsors %}
|
|
<li class="tw-mb-6 {{ level == 'gold' ? 'tw-w-3/5 md:tw-w-1/3' : 'tw-w-1/2 md:tw-w-1/4' }}">
|
|
<div class="tw-px-4 tw-mb-4">
|
|
<img src="/images/sponsors/{{ sponsor.logo }}" alt="{{ sponsor.name }} logo" class="tw-inline-block tw-max-w-full">
|
|
</div>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</section>
|
|
{% endif %}
|
|
{% endfor %}
|
|
|
|
<footer class="tw-mt-4">
|
|
<a class="tw-button tw-w-auto tw-py-2 tw-text-base tw-bg-green-600 hocus:tw-bg-pink-600" href="/sponsors">See all sponsors</a>
|
|
</footer>
|
|
</section>
|