From 10513732552d39687640dcefd26305c74afda5b8 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Mon, 28 Sep 2020 01:30:55 +0100
Subject: [PATCH] Add Frequently Asked section

---
 src/App.vue                         |  8 ++++++++
 src/assets/css/tailwind.css         |  4 ++++
 src/components/frequently-asked.vue | 10 ++++++++++
 3 files changed, 22 insertions(+)
 create mode 100644 src/components/frequently-asked.vue

diff --git a/src/App.vue b/src/App.vue
index b5bbfde..03363d2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -60,6 +60,12 @@
           </div>
         </div>
       </div>
+
+      <div class="max-w-6xl mx-auto pt-12 pb-24">
+        <div class="grid gap-6 md:grid-cols-2">
+          <frequently-asked/>
+        </div>
+      </div>
     </main>
 
     <aside class="py-24 px-4 bg-gray-50">
@@ -85,6 +91,7 @@
 </template>
 
 <script>
+import FrequentlyAsked from '@/components/frequently-asked'
 import Navbar from '@/components/navbar'
 import OurSponsors from '@/components/our-sponsors'
 import RecentTalks from '@/components/recent-talks'
@@ -93,6 +100,7 @@ export default {
   name: 'App',
 
   components: {
+    FrequentlyAsked,
     Navbar,
     OurSponsors,
     RecentTalks
diff --git a/src/assets/css/tailwind.css b/src/assets/css/tailwind.css
index 9af1a7e..a5600da 100644
--- a/src/assets/css/tailwind.css
+++ b/src/assets/css/tailwind.css
@@ -12,4 +12,8 @@
     @apply transition-colors ease-in-out duration-300;
     @apply hover:bg-blue-550
   }
+
+  .link {
+    @apply text-blue-500 hover:text-blue-600
+  }
 }
diff --git a/src/components/frequently-asked.vue b/src/components/frequently-asked.vue
new file mode 100644
index 0000000..cb0adbe
--- /dev/null
+++ b/src/components/frequently-asked.vue
@@ -0,0 +1,10 @@
+<template>
+  <div class="space-y-2">
+    <h2 class="pb-2 text-lg font-bold border-b-2">Frequently Asked</h2>
+
+    <ul class="space-y-1">
+      <li><a class="link text-lg font-bold" href="#0">Who can speak?</a></li>
+      <li><a class="link text-lg font-bold" href="#0">Is Bristol JS free to attend?</a></li>
+    </ul>
+  </div>
+</template>
\ No newline at end of file