From 0bbd696fba7977c8691ef932421d45b7347ddb62 Mon Sep 17 00:00:00 2001
From: AlecM33 <leohfx@gmail.com>
Date: Mon, 11 Nov 2024 14:32:39 -0500
Subject: [PATCH] remove footer, update link to buymeacoffee

---
 client/src/modules/front_end_components/Navbar.js | 1 +
 client/src/styles/home.css                        | 4 ++++
 client/src/views/home.html                        | 9 +--------
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/client/src/modules/front_end_components/Navbar.js b/client/src/modules/front_end_components/Navbar.js
index d9f4039..d58e542 100644
--- a/client/src/modules/front_end_components/Navbar.js
+++ b/client/src/modules/front_end_components/Navbar.js
@@ -44,6 +44,7 @@ function getNavbarLinks (page = null, device) {
     '<a class="' + linkClass + '" href="/create">Create</a>' +
     '<a class="' + linkClass + '" href="/how-to-use">How to Use</a>' +
     '<a class="' + linkClass + ' "href="mailto:play.werewolf.contact@gmail.com?Subject=Werewolf App" target="_top">Feedback</a>' +
+    '<a class="' + linkClass + ' "href="https://buymeacoffee.com/alecm33" target="_top">Support Me</a>' +
     '<a class="' + linkClass + ' "href="https://github.com/alecm33/Werewolf" target="_top">Github</a>';
 }
 
diff --git a/client/src/styles/home.css b/client/src/styles/home.css
index bdac0f9..ec21e96 100644
--- a/client/src/styles/home.css
+++ b/client/src/styles/home.css
@@ -54,6 +54,10 @@ button#home-create-button {
     margin: 0 15px;
 }
 
+#about-container div:nth-child(2) h2 {
+    margin-bottom: 2em;
+}
+
 #homepage-logos {
     display: flex;
     align-items: center;
diff --git a/client/src/views/home.html b/client/src/views/home.html
index 128e553..aa5b6f9 100644
--- a/client/src/views/home.html
+++ b/client/src/views/home.html
@@ -34,7 +34,7 @@
                 <button id="home-create-button" class="app-button">Create A Room</button>
             </a>
             <div id="join-container">
-                <label for="join-form">Join A Room</label>
+                <label>Join A Room</label>
                 <form id="join-form">
                     <div>
                         <label for="room-code">Room Code</label>
@@ -59,13 +59,6 @@
             <h2>Create your own game with default or custom roles.</h2>
         </div>
     </div>
-    <footer id="footer">
-        <a href="https://www.buymeacoffee.com/alecm33"><img alt="Buy Me a Coffee" src="https://img.buymeacoffee.com/button-api/?text=Buy me a coffee&emoji=&slug=alecm33&button_colour=252525&font_colour=d7d7d7&font_family=Lato&outline_colour=d7d7d7&coffee_colour=d7d7d7" /></a>
-        <div>
-            <a aria-label="view the project on Github" href="https://github.com/AlecM33/Werewolf"><img alt="Github" src='/images/GitHub-Mark-Light-120px-plus.png'/></a>
-            <a aria-label="email the creator with questions" href="mailto:play.werewolf.contact@gmail.com?Subject=Werewolf App" target="_top"><img alt="email" src='/images/email.svg'/></a>
-        </div>
-    </footer>
     <script src="/dist/home-bundle.js.gz"></script>
     </body>
 </html>