Add survey button to attributions popup and hand at end of the game. Closes #38

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

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"