From c7da5da95679e9a620492f0523a1d93848679cd8 Mon Sep 17 00:00:00 2001
From: Liam <liammiles1234@hotmail.com>
Date: Mon, 14 Feb 2022 19:48:10 +0000
Subject: [PATCH] Added more info to the help section

---
 pages/index.js     |  7 ++++++-
 styles/globals.css | 13 ++++++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index c284d53..45f8f7a 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -5,6 +5,7 @@ import PlayerStats from '../components/PlayerStats';
 
 // Why do u have to proxy requests... it's so dumb LOL
 const API_URL = "https://bangor375.herokuapp.com/https://scoresaber.com/api/player/%s/full";
+const GUTHUB_URL = "https://github.com/RealFascinated/beatsaber-overlay";
 
 export default class Home extends Component {
 
@@ -73,8 +74,12 @@ export default class Home extends Component {
 				<p>Provide a valid scoresaber id</p>
 				<p>Example: {document.location.origin}?id=76561198449412074</p>
 				<div className={'info'}>
-					<p>This is currently just a simple overlay displaying ScoreSaber stats.</p>
+					<p>This is currently just a simple overlay for OBS displaying ScoreSaber stats.</p>
 					<p>If you have any suggestions you can message me on discord @ Fascinated#4719</p>
+					<div className={'info'}>
+						<p>If you use this overlay and like it, don&apos;t forget to star the project :3</p>
+						<p>Github link: <span><a href={GUTHUB_URL}>{GUTHUB_URL}</a></span></p>
+					</div>
 				</div>
 			</div> :
 			<div className={'overlay'}>
diff --git a/styles/globals.css b/styles/globals.css
index 858d825..af858da 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -12,10 +12,21 @@
 }
 
 .info {
-	margin-top: 50px;
+	margin-top: 35px;
 	color: white;
 }
 
+.info a {
+	font-size: large;
+	text-decoration: none;
+	color: #7299d4;
+	transition: 0.2s;
+}
+
+.info a:hover {
+    color: #4b72d3 !important;
+}
+
 .overlay {
 	padding: 10px;
 }