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

Extract recent speakers

Browse source
This commit is contained in:
Oliver Davies 2024-02-06 08:00:00 +00:00
parent 209b1164d1
commit 7b68a3cd1f
2 changed files with 26 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
source/_includes/speakers/recent-speakers.html.twig Normal file
View file

@ -0,0 +1,25 @@
<section>
<h2 class="text-3xl font-bold text-center">Speakers</h2>
<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">
{% for speaker in site.speakers %}
<div>
<a href="#" class="flex flex-col-reverse gap-3 items-center group">
<div class="text-center">
<p class="text-base group-hover:underline">{{ speaker.name }}</p>
</div>
<div>
<img
alt="Photo of {{ speaker.name }}"
class="object-cover flex-shrink-0 rounded-full shadow-lg size-20 lg:size-32 xl:size-24"
src="{{ speaker.imageUrl }}"
/>
</div>
</a>
</div>
{% endfor %}
</div>
</div>
</section>

26
source/index.html.twig
View file

@ -2,28 +2,4 @@
layout: default
---
<section>
<h2 class="text-3xl font-bold text-center">Speakers</h2>
<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">
{% for speaker in site.speakers %}
<div>
<a href="#" class="flex flex-col-reverse gap-3 items-center group">
<div class="text-center">
<p class="text-base group-hover:underline">{{ speaker.name }}</p>
</div>
<div>
<img
alt="Photo of {{ speaker.name }}"
class="object-cover flex-shrink-0 rounded-full shadow-lg size-20 lg:size-32 xl:size-24"
src="{{ speaker.imageUrl }}"
/>
</div>
</a>
</div>
{% endfor %}
</div>
</div>
</section>
{% include 'speakers/recent-speakers' %}