From 66ff8882214573a54af3f8772fc8c57bf4092687 Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Fri, 8 Jan 2021 23:11:58 -0700
Subject: [PATCH] Add survey button to attributions popup and hand at end of
 the game. Closes #38

---
 web/src/components/Attributions.vue | 20 +++++++++++++++++++-
 web/src/components/Hand.vue         |  5 +++++
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/web/src/components/Attributions.vue b/web/src/components/Attributions.vue
index 221277b..1e200bf 100644
--- a/web/src/components/Attributions.vue
+++ b/web/src/components/Attributions.vue
@@ -12,7 +12,16 @@
 		>
 			<h2 class="centre">Attributions:</h2>
 			<p class="centre">
-				Made By: Oliver Akins
+				Ghost Writer is designed and created by
+				<a href="resonym.com" target="_blank" rel="noopener">Resonym</a>
+				<br>
+				Online Prototype Made By: Oliver Akins (Alkali Metal)
+				<br>
+				<a :href="$store.state.survey_link" target="_blank" rel="noopener">
+					<button class="clickable">
+						Complete The Survey
+					</button>
+				</a>
 			</p>
 			<hr>
 			<p>
@@ -77,6 +86,15 @@ export default {
 	height: 100%;
 }
 
+button {
+	background-color: var(--background2);
+	color: var(--background2-text);
+	border-radius: 7px;
+	font-size: large;
+	padding: 10px;
+	margin: 5px;
+}
+
 a, a:visited {
 	color: var(--light-font-colour);
 }
diff --git a/web/src/components/Hand.vue b/web/src/components/Hand.vue
index 43a215d..fff3911 100644
--- a/web/src/components/Hand.vue
+++ b/web/src/components/Hand.vue
@@ -4,6 +4,11 @@
 			{{ mostRecentQuestion }}
 		</div>
 		<div class="flex-center" v-else-if="gameOver">
+			<a :href="$store.state.survey_link" target="_blank" rel="noopener">
+				<button class="clickable">
+					Complete The Survey
+				</button>
+			</a>
 			<button
 				class="clickable"
 				@click.stop="endGame"