From 97d4382dd3b4a56e4545584646f351e0175c8acf Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Wed, 17 Feb 2021 22:41:13 +0000
Subject: [PATCH] Task 4 - Use updated classes

---
 templates/includes/home/intro-text.html.twig |  6 +++---
 templates/includes/navbar.html.twig          | 11 +++++------
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/templates/includes/home/intro-text.html.twig b/templates/includes/home/intro-text.html.twig
index 8a8ac5c..4186a69 100644
--- a/templates/includes/home/intro-text.html.twig
+++ b/templates/includes/home/intro-text.html.twig
@@ -1,5 +1,5 @@
-<div class="max-w-2xl px-4 py-8 mx-auto text-center">
-    <p class="text-2xl leading-loose text-blue-700">Florida DrupalCamp is an annual conference that brings together web developers from all over the world to learn, network and discuss web development and the Drupal content management system.</p>
+<div class="max-w-3xl px-4 py-8 mx-auto text-center">
+    <p class="text-3xl leading-loose text-blue-dark">Florida DrupalCamp is an annual conference that brings together web developers from all over the world to learn, network and discuss web development and the Drupal content management system.</p>
 
-    <a class="inline-block px-5 py-4 mt-8 text-2xl text-blue-700 transition-colors duration-200 ease-in-out border-2 border-blue-700 hover:bg-blue-700 focus:bg-blue-700 hover:text-white focus:text-white" href="#0">Learn more</a>
+    <a class="inline-block px-5 py-4 mt-8 text-3xl transition-colors duration-200 ease-in-out border-2 text-blue-dark border-blue-dark hover:bg-blue-dark focus:bg-blue-dark hover:text-white focus:text-white" href="#0">Learn more</a>
 </div>
diff --git a/templates/includes/navbar.html.twig b/templates/includes/navbar.html.twig
index 9c5421d..9a4b38f 100644
--- a/templates/includes/navbar.html.twig
+++ b/templates/includes/navbar.html.twig
@@ -7,12 +7,11 @@
         </div>
         <div>
             <ul class="flex justify-end h-full">
-                <li><a class="block px-2 py-4 text-lg font-bold text-blue-700 uppercase" href="#0">Conference</a></li>
-                <li><a class="block px-2 py-4 text-lg font-bold text-blue-700 uppercase" href="#0">Sponsors</a></li>
-                <li><a class="block px-2 py-4 text-lg font-bold text-blue-700 uppercase" href="#0">Community</a></li>
-                <li><a class="block px-2 py-4 text-lg font-bold text-blue-700 uppercase" href="#0">FAQ</a></li>
-                <li><a class="block px-2 py-4 text-lg font-bold text-white uppercase bg-blue-500" href="#0">Register</a>
-                </li>
+                <li><a class="block px-2 py-3 text-2xl uppercase duration-200 ease-out transition-color font-display text-blue-dark hover:bg-orange focus:bg-orange hover:text-gray-dark focus:text-gray-dark" href="#0">Conference</a></li>
+                <li><a class="block px-2 py-3 text-2xl uppercase duration-200 ease-out transition-color font-display text-blue-dark hover:bg-orange focus:bg-orange hover:text-gray-dark focus:text-gray-dark" href="#0">Sponsors</a></li>
+                <li><a class="block px-2 py-3 text-2xl uppercase duration-200 ease-out transition-color font-display text-blue-dark hover:bg-orange focus:bg-orange hover:text-gray-dark focus:text-gray-dark" href="#0">Community</a></li>
+                <li><a class="block px-2 py-3 text-2xl uppercase duration-200 ease-out transition-color font-display text-blue-dark hover:bg-orange focus:bg-orange hover:text-gray-dark focus:text-gray-dark" href="#0">FAQ</a></li>
+                <li><a class="block px-2 py-3 text-2xl text-white uppercase duration-200 ease-out transition-color font-display bg-blue hover:text-gray-dark focus:text-gray-dark" href="#0">Register</a></li>
             </ul>
         </div>
     </div>