From f1911a79a4b9d6fc2543b883ebcd71ce87ddd46e Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Sun, 27 Mar 2016 19:17:23 +0100
Subject: [PATCH] Hide abstract title

---
 source/_layouts/talk.html.twig             | 62 ++++++++++++++--------
 styles/components/content-types/_talk.sass |  3 ++
 styles/site.sass                           |  1 +
 3 files changed, 45 insertions(+), 21 deletions(-)
 create mode 100644 styles/components/content-types/_talk.sass

diff --git a/source/_layouts/talk.html.twig b/source/_layouts/talk.html.twig
index 45a4e38d..bc0887bd 100644
--- a/source/_layouts/talk.html.twig
+++ b/source/_layouts/talk.html.twig
@@ -2,44 +2,64 @@
 
 {% block content_wrapper %}
     <main class="col-md-9">
-        <h1>{{ page.title }}</h1>
+        <h1 class="page-title">{{ page.title }}</h1>
 
         {% if page.blocks.abstract %}
-            <h2>Abstract</h2>
+            <div class="abstract">
+                <h2 class="abstract__title">Abstract</h2>
 
-            {{ page.blocks.abstract|raw }}
+                <div class="abstract__content">
+                    {{ page.blocks.abstract|raw }}
+                </div>
+            </div>
         {% endif %}
 
-        <h2>Details</h2>
+        <div class="details">
+            <h2>Details</h2>
 
-        <ul>
-            <li>Event:
-                {% if page.event.website %}
-                    <a href="{{ page.event.website }}">{{ page.event.name }}</a>
-                {% else %}
-                    {{ page.event.name }}
-                {% endif %}
-            </li>
-            <li>Date: {{ page.date|date(site.default_date_format) }}</li>
-            <li>Location: {{ page.event.location }}</li>
-        </ul>
+            <ul>
+                <li>Event:
+                    {% if page.event.website %}
+                        <a href="{{ page.event.website }}">{{ page.event.name }}</a>
+                    {% else %}
+                        {{ page.event.name }}
+                    {% endif %}
+                </li>
+                <li>Date: {{ page.date|date(site.default_date_format) }}</li>
+                <li>Location: {{ page.event.location }}</li>
+            </ul>
+        </div>
 
         {% if page.blocks.slides %}
-            <h2>Slides</h2>
+            <div class="slides">
+                <h2 class="slides__title">Slides</h2>
 
-            {{ page.blocks.slides|raw }}
+                <div class="slides__content">
+                    {{ page.blocks.slides|raw }}
+                </div>
+            </div>
         {% endif %}
 
         {% if page.blocks.video %}
-            <h2>Video</h2>
+            <div class="video">
+            <h2 class="video__title">Video</h2>
 
-            {{ page.blocks.video|raw }}
+                <div class="video__content">
+                    {{ page.blocks.video|raw }}
+                </div>
+            </div>
         {% endif %}
 
         {% if page.blocks.feedback %}
-            <h2>Feedback</h2>
+            <div class="feedback">
+                <h2 class="feedback__title">Feedback</h2>
 
-            {{ page.blocks.feedback|raw }}
+                <div class="feedback__content">
+                    {{ page.blocks.feedback|raw }}
+                </div>
+            </div>
         {% endif %}
     </main>
 {% endblock %}
+
+{% block body_classes %}page--talk{% endblock %}
diff --git a/styles/components/content-types/_talk.sass b/styles/components/content-types/_talk.sass
new file mode 100644
index 00000000..4dd73835
--- /dev/null
+++ b/styles/components/content-types/_talk.sass
@@ -0,0 +1,3 @@
+.page--talk
+    .abstract__title
+        @extend .sr-only
diff --git a/styles/site.sass b/styles/site.sass
index 9a418838..de865e6c 100644
--- a/styles/site.sass
+++ b/styles/site.sass
@@ -12,6 +12,7 @@
 @import 'base'
 @import 'components/badges'
 @import 'components/content-types/blog-post'
+@import 'components/content-types/talk'
 @import 'components/footer'
 @import 'components/meetups'
 @import 'components/testimonials'