Add alert section

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">

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')(),