This commit is contained in:
Oliver Davies 2019-05-22 18:11:55 +01:00
parent a3ec1cba61
commit 6616abed5b
2 changed files with 58 additions and 59 deletions

View file

@ -1,36 +1,36 @@
<section id="speakers" class="tw-w-full sm:tw-max-w-5xl tw-mx-auto tw-text-center tw-my-12 md:tw-my-24">
<div class="tw-px-4">
<div class="tw-px-4">
<h2 class="tw-text-3xl md:tw-text-4xl tw-font-bold tw-mb-10">Featuring Talks From</h2>
<div class="text-left sm:tw-px-12">
<ul class="tw-list-reset tw-flex tw-flex-wrap tw--mx-4 tw--mb-10">
{% for speaker in speakers %}
<li class="tw-w-full lg:tw-w-1/2 tw-text-left tw-mb-10">
<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 group-hocus:tw-underline">{{ speaker.title }}</span>
<span class="tw-block tw-text-gray-800">
{% include 'speaker-role' with { speaker: speaker } %}
</span>
</span>
<ul class="tw-list-reset tw-flex tw-flex-wrap tw--mx-4 tw--mb-10">
{% for speaker in speakers %}
<li class="tw-w-full lg:tw-w-1/2 tw-text-left tw-mb-10">
<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 group-hocus:tw-underline">{{ speaker.title }}</span>
<span class="tw-block tw-text-gray-800">
{% include 'speaker-role' with { speaker: speaker } %}
</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 group-hocus:tw-border-pink-500 tw-transition-border tw-transition-100">
<img class="tw-block tw-w-full" src="/images/speakers/{{ speaker.image }}" alt="Photo of {{ speaker.name }}">
</span>
</span>
</a>
</li>
{% endfor %}
</ul>
<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 group-hocus:tw-border-pink-500 tw-transition-border tw-transition-100">
<img class="tw-block tw-w-full" src="/images/speakers/{{ speaker.image }}" alt="Photo of {{ speaker.name }}">
</span>
</span>
</a>
</li>
{% endfor %}
</ul>
</div>
<div class="tw-mt-12 tw-leading-relaxed">
<p class="tw-text-lg">
Were currently in the process of announcing speakers.
<br class="tw-hidden md:tw-inline">
Check back soon to see who else has been added or <a class="tw-text-purple-600 hocus:tw-text-purple-700 hocus:tw-no-underline" href="{{ site.twitter.url }}">follow us on Twitter</a>.
</p>
</div>
<p class="tw-text-lg">
Were currently in the process of announcing speakers.
<br class="tw-hidden md:tw-inline">
Check back soon to see who else has been added or <a class="tw-text-purple-600 hocus:tw-text-purple-700 hocus:tw-no-underline" href="{{ site.twitter.url }}">follow us on Twitter</a>.
</p>
</div>
</div>
</section>

View file

@ -3,45 +3,44 @@ layout: default
twitter:
url: https://twitter.com/drupalcampbris
update_text: Early bird tickets are now available!
use:
- speakers
use: [speakers]
---
{% block content %}
<main class="tw-bg-balloon tw-bg-center tw-bg-cover tw-flex tw-flex-col tw-flex-1">
<main class="tw-bg-balloon tw-bg-center tw-bg-cover tw-flex tw-flex-col tw-flex-1">
<div class="region tw-px-12 tw-py-24">
<div id="block-homepagehero" class="tw-my-0 md:tw-py-18 lg:tw-py-24 block block-block-content block-block-content3760e7eb-29de-4f25-b7ee-76421679cf64">
<div class="tw-mx-16">
<img src="/themes/dcb2017/logo.svg" alt="Drupalcamp Bristol logo" />
</div>
<div class="tw-leading-normal tw--mx-6 md:tw--mx-20 tw-spaced-y-4 clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
<p><strong>June 28th 2019</strong> at <br class="tw-hidden md:tw-inline"><strong>The Station</strong>, Silver St, BS1 2AG.</p>
<p><strong>Call for papers is now closed</strong>. <br>Speakers announced soon!</p>
</div>
<div class="md:tw-flex md:tw-justify-center tw-mt-8 tw-leading-snug">
{% if site.tickets.available %}
<a class="tw-button tw-bg-pink-600 tw-mb-4 md:tw-mb-0" href="{{ site.eventbrite.url }}">
Buy tickets
</a>
{% endif %}
{% if site.cfp.open %}
<a class="tw-button tw-bg-purple-600" href="{{ site.papercall.url }}">
Submit a session
</a>
{% endif %}
<a class="tw-button tw-bg-purple-600" href="{{ site.twitter.url }}">
Follow us
</a>
</div>
<div id="block-homepagehero" class="tw-my-0 md:tw-py-18 lg:tw-py-24 block block-block-content block-block-content3760e7eb-29de-4f25-b7ee-76421679cf64">
<div class="tw-mx-16">
<img src="/themes/dcb2017/logo.svg" alt="Drupalcamp Bristol logo" />
</div>
<div class="tw-leading-normal tw--mx-6 md:tw--mx-20 tw-spaced-y-4 clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
<p><strong>June 28th 2019</strong> at <br class="tw-hidden md:tw-inline"><strong>The Station</strong>, Silver St, BS1 2AG.</p>
<p><strong>Call for papers is now closed</strong>. <br>Speakers announced soon!</p>
</div>
<div class="md:tw-flex md:tw-justify-center tw-mt-8 tw-leading-snug">
{% if site.tickets.available %}
<a class="tw-button tw-bg-pink-600 tw-mb-4 md:tw-mb-0" href="{{ site.eventbrite.url }}">
Buy tickets
</a>
{% endif %}
{% if site.cfp.open %}
<a class="tw-button tw-bg-purple-600" href="{{ site.papercall.url }}">
Submit a session
</a>
{% endif %}
<a class="tw-button tw-bg-purple-600" href="{{ site.twitter.url }}">
Follow us
</a>
</div>
</div>
</div>
</main>
</main>
{% endblock %}
{% block footer_top %}
{% include 'front-speakers' with {
speakers: data.speakers,
} %}
{% include 'front-speakers' with {
speakers: data.speakers,
} %}
{% endblock %}