From 366d65c5670d7088854163705353d0ce7657802a Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Thu, 24 Jan 2019 16:30:26 +0000
Subject: [PATCH] Fix overlapping, footer position

---
 source/css/utilities.css | 7 +++++++
 source/index.html.twig   | 8 ++++----
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/source/css/utilities.css b/source/css/utilities.css
index 9a08327..de6d279 100644
--- a/source/css/utilities.css
+++ b/source/css/utilities.css
@@ -1,5 +1,12 @@
+.bg-black { background-color: #111111; }
 .flex { display: flex; }
 .flex-1 { flex: 1; }
 .flex-col { flex-direction: column; }
+.font-bold { font-weight: bold; }
 .h-full { height: 100%; }
 .justify-between { justify-content: space-between; }
+.p-4 { padding: 1rem; }
+.text-center { text-align: center; }
+.text-lg { font-size: 1.2rem; }
+.text-white { color: #FFFFFF; }
+.uppercase { text-transform: uppercase; }
diff --git a/source/index.html.twig b/source/index.html.twig
index 5d28d05..867d66d 100644
--- a/source/index.html.twig
+++ b/source/index.html.twig
@@ -24,7 +24,7 @@ layout: default
     <a href="#main-content" class="visually-hidden focusable skip-link">
       Skip to main content
     </a>
-    <div class="layout-container h-full flex flex-col justify-between">
+    <div class="h-full flex flex-col justify-between">
         <header role="banner">
             <div class="region region-header">
                 <div id="block-dcb2017-branding" class="block block-system block-system-branding-block">
@@ -42,8 +42,8 @@ layout: default
                 </nav>
             </div>
         </header>
-        <div class="layout-featured flex flex-col flex-1">
-            <div class="region region-featured flex flex-col flex-1 justify-between">
+        <div>
+            <div class="region region-featured">
                 <div id="block-homepagehero" class="block block-block-content block-block-content3760e7eb-29de-4f25-b7ee-76421679cf64">
                     <img src="/themes/dcb2017/logo.svg" alt="Drupalcamp Bristol logo" />
                     <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
@@ -51,7 +51,7 @@ layout: default
                         <p>Details coming soon!</p>
                     </div>
                 </div>
-                <div class="featured-footer">
+                <div class="bg-black font-bold text-lg text-white text-center p-4 uppercase">
                     Thanks to all previous speakers, sponsors and attendees. See you in 2019!
                 </div>
             </div>