From e93dedc91b618f6c33293a8977f3e53e9eeff3b3 Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Thu, 1 Apr 2021 00:32:29 -0600
Subject: [PATCH] Add site information to the modal

---
 src/components/modals/SiteInfo.vue | 28 ++++++++++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/components/modals/SiteInfo.vue b/src/components/modals/SiteInfo.vue
index e4b21f3..e86ad33 100644
--- a/src/components/modals/SiteInfo.vue
+++ b/src/components/modals/SiteInfo.vue
@@ -1,4 +1,4 @@
-<template id="pop-modal">
+<template id="info-modal">
 	<transition name="fade" @after-enter="content = true">
 		<div
 			v-if="container"
@@ -7,7 +7,31 @@
 		>
 			<transition name="burst" @after-leave="$emit('close')">
 				<div v-if="content" class="modal">
-					<h2 class="center">Website Information</h2>
+					<h2 class="center">Why Does This Exist?</h2>
+					<p>
+						This exists because
+						<a
+							href="https://github.com/Oliver-Akins"
+							target="_blank"
+							rel="noopener"
+						>Oliver</a>
+						wanted some way to be able to see his top songs in durations
+						different than what Spotify distributes on their own (yearly),
+						so he created this website.
+					</p>
+					<hr>
+					<h2>Source Code?</h2>
+					<p>
+						Top Lists is completely open source! You can audit the
+						code at
+						<a
+							href="http://github.com/Oliver-Akins/top-lists"
+							target="_blank"
+							rel="noopener"
+						>
+							github.com/Oliver-Akins/top-lists
+						</a>
+					</p>
 				</div>
 			</transition>
 		</div>