From f7b45e6616f3cf0f06d7e37bb1a92157a42bdeba Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Wed, 24 Apr 2019 01:03:34 +0100
Subject: [PATCH] Add alert section

---
 src/App.vue        | 9 +++++++++
 tailwind.config.js | 4 +++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index b7889f6..0b998f5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,14 @@
 <template>
   <div id="app">
+    <section class="bg-gun-powder p-3 text-center text-white text-sm font-semibold">
+      <p>
+        A clone of <a class="underline hocus:no-underline" href="https://platform.sh">Platform.sh</a>’s new hosting dashboard.<br class="md:hidden">
+        Built with <a class="underline hocus:no-underline" href="https://vuejs.org">Vue.js</a>
+        and <a class="underline hocus:no-underline" href="https://tailwindcss.com">Tailwind CSS</a>
+        by <a class="underline hocus:no-underline" href="https://www.oliverdavies.uk">Oliver Davies</a>.
+      </p>
+    </section>
+
     <header class="bg-gray-900 text-white pt-4 pb-12">
       <div class="max-w-6xl mx-auto px-4">
         <div class="flex justify-between items-center -mx-4">
diff --git a/tailwind.config.js b/tailwind.config.js
index 3a262b1..ad3d345 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -7,12 +7,14 @@ module.exports = {
     extend: {
       colors: {
         charade: '#2a293c',
+        'gun-powder': '#414054',
         inherit: 'inherit'
       }
     }
   },
   variants: {
-    backgroundColor: [...defaultConfig.variants.backgroundColor, 'hocus', 'group-hocus']
+    backgroundColor: [...defaultConfig.variants.backgroundColor, 'hocus', 'group-hocus'],
+    textDecoration: [...defaultConfig.variants.textDecoration, 'hocus', 'group-hocus']
   },
   plugins: [
     require('tailwindcss-interaction-variants')(),