From 4b355de45734065ae20aa41e7417c5615ebd959d Mon Sep 17 00:00:00 2001
From: Byemoh <baiomurang@gmail.com>
Date: Fri, 27 Oct 2023 15:27:38 -0500
Subject: [PATCH] adds quick links

---
 config.yml                    |  2 ++
 yogsite/static/css/home.css   | 12 ++++++++++
 yogsite/templates/home.html   | 44 +++++++++++++++++++++++++++++++++++
 yogsite/templates/layout.html |  2 +-
 4 files changed, 59 insertions(+), 1 deletion(-)

diff --git a/config.yml b/config.yml
index 51a8e43..ff8568a 100644
--- a/config.yml
+++ b/config.yml
@@ -26,6 +26,8 @@ logs:
   directory: $GAME_LOGS_DIR
 
 links:
+  byond: "https://www.byond.com/" # change to opendream
+  discord: "https://discord.com/invite/0keg6hQH05Ha8OfO"
   forums: "https://forums.yogstation.net/"
   wiki: "https://wiki.yogstation.net/"
 
diff --git a/yogsite/static/css/home.css b/yogsite/static/css/home.css
index 9374db7..99decae 100644
--- a/yogsite/static/css/home.css
+++ b/yogsite/static/css/home.css
@@ -19,6 +19,18 @@ body {
 	background-color: #2a282f33;
 }
 
+.quick-links-card {
+	background-color: #2a282f33;
+}
+
+.quick-link-content {
+	padding: 0.5rem;
+}
+
+.quick-link {
+	font-weight: bold;
+}
+
 footer {
 	background-color: transparent !important;
 }
\ No newline at end of file
diff --git a/yogsite/templates/home.html b/yogsite/templates/home.html
index 48c753d..91ea170 100644
--- a/yogsite/templates/home.html
+++ b/yogsite/templates/home.html
@@ -15,6 +15,50 @@
 			<img src="/static/img/logo.png" width="75%" />
 		</div>
 
+		<h5 class="title is-5 has-text-centered">Quick Links</h5>
+		<div class="columns is-centered">
+			<div class="column is-one-third">
+				<div class="card quick-links-card">
+					<div class="card-content quick-link-content">
+						<div class="columns">
+							<div class="column is-one-quarter quick-link">
+									<a href="{{ cfg.get('links.byond') }}" class="column is-centered is-flex is-vcentered">
+										<span class="icon">
+											<i class="fas fa-globe"></i>
+										</span>BYOND
+									</a>
+							</div>
+							
+							<div class="column is-one-quarter quick-link">
+									<a href="{{ cfg.get('links.discord') }}" class="column is-centered is-flex is-vcentered">
+										<span class="icon">
+											<i class="fa-brands fa-discord"></i>
+										</span>Discord
+									</a>
+							</div>
+
+							<div class="column is-one-quarter quick-link">
+									<a href="{{ cfg.get('links.wiki') }}" class="column is-centered is-flex is-vcentered">
+										<span class="icon">
+											<i class="fas fa-book"></i>
+										</span>Wiki
+									</a>
+							</div>
+
+							<div class="column is-one-quarter quick-link">
+									<a href="{{ cfg.get('links.forums') }}" class="column is-centered is-flex is-vcentered">
+										<span class="icon">
+											<i class="fas fa-building-columns"></i>
+										</span>Forums
+									</a>
+							</div>
+
+						</div>
+					</div>			
+				</div>
+			</div>
+		</div>
+
 		<h2 class="title is-2 has-text-centered">Game Servers</h2>
 
 		<div class="columns is-centered">
diff --git a/yogsite/templates/layout.html b/yogsite/templates/layout.html
index e7eb237..9f51522 100644
--- a/yogsite/templates/layout.html
+++ b/yogsite/templates/layout.html
@@ -9,7 +9,7 @@
 		<meta property="og:type" content="website" />
 		<meta property="og:url" content="{{ request.url }}" />
 
-		<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
+		<script defer src="https://use.fontawesome.com/releases/v6.4.2/js/all.js"></script>
 
 		<link rel="stylesheet" href="/static/css/main.css" />