opdavies/dcbristol-2019-static
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Make speakers links to their pages

Browse source
This commit is contained in:
Oliver Davies 2019-05-14 22:35:47 +01:00
parent 8a788a1cca
commit 622e88fc3c
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
source/_includes/front-speakers.html.twig
View file

@ -4,9 +4,9 @@
<ul class="tw-list-reset tw-flex tw-flex-wrap tw--mx-4 tw--mb-12">
{% for speaker in speakers %}
<li class="tw-w-full lg:tw-w-1/2 tw-text-left tw-mb-6">
<span class="tw-px-4 tw-flex tw-flex-row-reverse">
<a href="{{ speaker.url }}" class="group tw-px-4 tw-flex tw-flex-row-reverse tw-no-underline focus:tw-outline-none">
<span class="tw-flex-1 tw-flex tw-flex-col tw-justify-center">
<span class="tw-block tw-font-bold tw-text-xl tw-text-gray-900">{{ speaker.name }}</span>
<span class="tw-block tw-font-bold tw-text-xl tw-text-gray-900 group-hocus:tw-underline">{{ speaker.name }}</span>
<span class="tw-block tw-text-gray-800">
{{ speaker.role }}
{%- if speaker.role and speaker.organisation %}, {% endif %}
@ -14,11 +14,11 @@
</span>
</span>
<span class="tw-w-24 md:tw-w-32 tw-mr-6">
<span class="tw-rounded-full tw-overflow-hidden tw-block tw-border-4 tw-border-solid tw-border-purple-500">
<span class="tw-rounded-full tw-overflow-hidden tw-block tw-border-4 tw-border-solid tw-border-purple-500 group-hocus:tw-border-pink-500">
<img class="tw-block tw-w-full" src="/images/speakers/{{ speaker.image }}" alt="Photo of {{ speaker.name }}">
</span>
</span>
</span>
</a>
</li>
{% endfor %}
</ul>

2
tailwind.config.js
View file

@ -15,7 +15,9 @@ module.exports = {
},
},
variants: {
borderColor: [...variants.textColor, 'hocus', 'group-hocus'],
textColor: [...variants.textColor, 'hocus'],
textDecoration: [...variants.textColor, 'hocus', 'group-hocus'],
fontStyle: [...variants.fontStyle, 'hocus']
},
corePlugins: {