From 164852ecc0e5ebfa33ddfa64c4ce031b5761435f Mon Sep 17 00:00:00 2001
From: davegson <3080765+davegson@users.noreply.github.com>
Date: Wed, 20 May 2020 18:03:10 +0200
Subject: [PATCH] Fix buttons on front page

---
 index.html | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index 309df50..a33e9cc 100644
--- a/index.html
+++ b/index.html
@@ -209,15 +209,21 @@ title: Safing - Love Freedom
               </ul>
               <div class="py-20 flex w-full">
                 <div class="mx-auto grid md:block">
-                  <button type="button" style="background-color: #000;" class="scale-110 md:scale-100 transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
-                    <a class="mx-auto" href="{{ site.blog_url }}">Blogs</a>
-                  </button>
-                  <button type="button" style="background-color: #000;" class="mt-8 mb-8 md:mt-0 md:mb-0 md:ml-4 md:mr-4 scale-110 md:scale-100 transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
-                    <a class="mx-auto" href="{{ site.podcast_url }}">Podcast</a>
-                  </button>
-                  <button type="button" style="background-color: #000;" class="scale-110 md:scale-100 transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
-                    <a class="mx-auto" href="{{ site.video_url }}">Videos</a>
-                  </button>
+                  <a class="mx-auto" href="{{ site.blog_url }}">
+                    <button type="button" style="background-color: #000;" class="scale-110 md:scale-100 transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
+                      Blogs
+                    </button>
+                  </a>
+                  <a class="mx-auto" href="{{ site.podcast_url }}">
+                    <button type="button" style="background-color: #000;" class="mt-8 mb-8 md:mt-0 md:mb-0 md:ml-4 md:mr-4 scale-110 md:scale-100 transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
+                      Podcast
+                    </button>
+                  </a>
+                  <a class="mx-auto" href="{{ site.video_url }}">
+                    <button type="button" style="background-color: #000;" class="scale-110 md:scale-100 transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
+                      Videos
+                    </button>
+                  </a>
                 </div>
               </div>
             </div>