Merge pull request #32 from yogstation13/quick-links

adds quick links

Author: ynot01

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/"
 

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;
 }

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">

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" />