From 17a1738d753122ed79e89556dc5507ad445c4c63 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Mon, 28 Jan 2019 22:05:12 +0000
Subject: [PATCH] Update talks template

---
 source/talks.html.twig | 28 ++++++++++++++++++----------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/source/talks.html.twig b/source/talks.html.twig
index a32a2573..32035aa5 100644
--- a/source/talks.html.twig
+++ b/source/talks.html.twig
@@ -35,18 +35,22 @@ talks:
 {% block content %}
     <div class="spaced-y-10">
         <div>
-            <h2 class="mb-4">Upcoming Talks</h2>
+            <h2 class="font-extrabold mb-4">Upcoming Talks</h2>
 
-            <div class="spaced-y-8">
+            <div class="spaced-y-12">
                 {% for talk in getUpcomingTalks(page.talks|merge(data.talks)) %}
-                    <div class="bg-blue-lighter">
-                        <h3>
+                    <div>
+                        <h3 class="text-lg text-black mb-1">
                             {% if talk.url %}
-                                <a href="{{ talk.url }}">{{ talk.title }}</a>
+                                <a class="text-inherit" href="{{ talk.url }}">{{ talk.title }}</a>
                             {% else %}
                                 {{ talk.title }}
                             {% endif %}
                         </h3>
+
+                        <div class="text-sm text-grey-darkest">
+                            <p>{{ talk.excerpt }}</p>
+                        </div>
                     </div>
                 {% else %}
                     <p>sdf</p>
@@ -55,18 +59,22 @@ talks:
         </div>
 
         <div>
-            <h2 class="mb-4">Previous Talks</h2>
+            <h2 class="font-extrabold mb-4">Previous Talks</h2>
 
-            <div class="spaced-y-8">
+            <div class="spaced-y-12">
                 {% for talk in getPastTalks(page.talks|merge(data.talks))|reverse %}
-                    <div class="bg-blue-lighter">
-                        <h3>
+                    <div>
+                        <h3 class="text-lg text-black mb-1">
                             {% if talk.url %}
-                                <a href="{{ talk.url }}">{{ talk.title }}</a>
+                                <a class="text-inherit" href="{{ talk.url }}">{{ talk.title }}</a>
                             {% else %}
                                 {{ talk.title }}
                             {% endif %}
                         </h3>
+
+                        <div class="text-sm text-grey-darkest">
+                            <p>{{ talk.excerpt }}</p>
+                        </div>
                     </div>
                 {% endfor %}
             </div>