From 815d89ceb725cb0e5c60c6ea033b14b21b879781 Mon Sep 17 00:00:00 2001
From: Harrison Deng <yunyangdeng@gmail.com>
Date: Sat, 22 Jan 2022 14:49:11 -0600
Subject: [PATCH] Added a button on the overview page.

---
 src/pages/OverviewInfo.vue | 14 +++++++++-----
 src/styles/_variables.scss |  2 +-
 src/styles/global.scss     |  4 ++++
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/pages/OverviewInfo.vue b/src/pages/OverviewInfo.vue
index 3a9619e..d2c6fe6 100644
--- a/src/pages/OverviewInfo.vue
+++ b/src/pages/OverviewInfo.vue
@@ -21,6 +21,12 @@
             <hr>
             <p> Access the RES Minecraft Server web interface for interacting with a variety of game utilities and information.</p>
           </div>
+          <router-link
+            :to="{ name: 'Minecraft Server'}"
+            class="btn btn-outline-primary btn-lg"
+          >
+            Take a look!
+          </router-link>
         </div>
       </div>
     </div>
@@ -65,10 +71,9 @@
         circle at center, 
         color.change($color: $gradient-color, $alpha: 0.2) 0%, 
         color.change($color: $gradient-color, $alpha: 0.1) 60%, 
-        color.change($color: $gradient-color, $alpha: 0.8, $lightness: 10%) 100%
-        ), 
+        color.change($color: $gradient-color, $alpha: 0.8, $lightness: 10%) 100%), 
       url("@/assets/images/minecraft/landscapes/day.png");
-  
+
     .contained-title {
       color: white;
     }
@@ -83,8 +88,7 @@
         circle at center, 
         color.change($color: $gradient-color, $alpha: 0.55) 0%, 
         color.change($color: $gradient-color, $alpha: 0.5) 60%, 
-        color.change($color: $gradient-color, $alpha: 1, $lightness: 10%) 100%
-        ), 
+        color.change($color: $gradient-color, $alpha: 1, $lightness: 10%) 100%), 
         url("@/assets/images/generic_room.png");
     .contained-title {
       color: white;
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
index 4e1514c..bc62198 100644
--- a/src/styles/_variables.scss
+++ b/src/styles/_variables.scss
@@ -5,7 +5,7 @@ $themes: (
     "navbar-brand": #fcfcff,
     "navbar-link": #fcf0ff,
     "navbar-active": #00c9a9,
-    "main": #501b69,
+    "primary": #ecc4ff,
     "footer": #15061d,
     "text": #dfdfff,
     "special": #94e22b,
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 9978b7c..01dde00 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -1,12 +1,16 @@
 @use "themer";
 @use "sass:color";
 
+// Bootstrap color overrides
+$primary: hotpink;
+
 @import "/node_modules/bootstrap/scss/bootstrap-utilities.scss";
 @import "/node_modules/bootstrap/scss/root";
 @import "/node_modules/bootstrap/scss/helpers";
 @import "/node_modules/bootstrap/scss/reboot";
 @import "/node_modules/bootstrap/scss/containers";
 @import "/node_modules/bootstrap/scss/type";
+@import "/node_modules/bootstrap/scss/buttons";
 
 .pages {
   display: flex;