opdavies/phpsw-sculpin-demo
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Only show if there are speakers

Browse source
This commit is contained in:
Oliver Davies 2024-02-06 08:00:00 +00:00
parent a9bf000501
commit 35ed0c95d8
1 changed files with 24 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
source/_includes/speakers/recent-speakers.html.twig
View file

@ -1,25 +1,27 @@
<section> {% if speakers is not empty %}
<h2 class="text-3xl font-bold text-center">Speakers</h2> <section>
<h2 class="text-3xl font-bold text-center">Speakers</h2>
<div class="mt-8"> <div class="mt-8">
<div class="grid grid-cols-2 gap-10 px-4 mx-auto max-w-sm md:grid-cols-3 md:max-w-md lg:grid-cols-4 lg:gap-8 lg:max-w-full xl:grid-cols-6"> <div class="grid grid-cols-2 gap-10 px-4 mx-auto max-w-sm md:grid-cols-3 md:max-w-md lg:grid-cols-4 lg:gap-8 lg:max-w-full xl:grid-cols-6">
{% for speaker in speakers|sort((a, b) => a.name <=> b.name) %} {% for speaker in speakers|sort((a, b) => a.name <=> b.name) %}
<div> <div>
<a href="#" class="flex flex-col-reverse gap-3 items-center group"> <a href="#" class="flex flex-col-reverse gap-3 items-center group">
<div class="text-center"> <div class="text-center">
<p class="text-base group-hover:underline">{{ speaker.name }}</p> <p class="text-base group-hover:underline">{{ speaker.name }}</p>
</div> </div>
<div> <div>
<img <img
alt="Photo of {{ speaker.name }}" alt="Photo of {{ speaker.name }}"
class="object-cover flex-shrink-0 rounded-full shadow-lg size-20 lg:size-32 xl:size-24" class="object-cover flex-shrink-0 rounded-full shadow-lg size-20 lg:size-32 xl:size-24"
src="{{ speaker.imageUrl }}" src="{{ speaker.imageUrl }}"
/> />
</div> </div>
</a> </a>
</div> </div>
{% endfor %} {% endfor %}
</div>
</div> </div>
</div> </section>
</section> {% endif %}