From 284da231898d793f163ca84bd21b472a066c27be Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Mon, 22 Mar 2021 16:51:49 -0600
Subject: [PATCH] Add logo image to center top of game board

---
 web/src/components/GameBoard.vue | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/web/src/components/GameBoard.vue b/web/src/components/GameBoard.vue
index 89e633a..2ebe55d 100644
--- a/web/src/components/GameBoard.vue
+++ b/web/src/components/GameBoard.vue
@@ -99,6 +99,17 @@
 		>
 			{{ visible ? `Hide` : `Show` }} Past Questions
 		</button>
+		<a
+			href="https://playghostwriter.com"
+			target="_blank"
+			id="game-logo-link"
+		>
+			<img
+				id="game-logo"
+				src="/assets/ghost_writer_logo.png"
+				alt="Ghost Writer Logo"
+			>
+		</a>
 		<transition name="expand-from-left">
 			<past-questions v-if="visible" @error="$emit(`error`, $event)" />
 		</transition>
@@ -206,6 +217,16 @@ export default {
 	background: var(--board-background-moon), var(--board-background);
 }
 
+#game-logo-link {
+	position: absolute;
+	z-index: 1;
+	top: 7px;
+	height: 10%
+}
+#game-logo {
+	height: 100%;
+}
+
 h2 {
 	margin: 12px 0;
 }