From cd8834fc04b4fafbf2be11a1bd7a3a4dc324410d Mon Sep 17 00:00:00 2001
From: ybouane <yassine@bouanane.com>
Date: Sat, 12 Oct 2024 13:18:26 -0400
Subject: [PATCH] Added github button and improved styling.

---
 static/index.html |  4 ++++
 static/style.css  | 15 ++++++++++++++-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/static/index.html b/static/index.html
index e65a965..e20b019 100644
--- a/static/index.html
+++ b/static/index.html
@@ -19,5 +19,9 @@
 		<footer>
 			Powered by <a href="https://github.com/ybouane/aPulse">aPulse</a> — Made with 🤍 by <a href="https://x.com/ybouane">@ybouane</a>
 		</footer>
+		<div id="github-button">
+			<a class="github-button" href="https://github.com/ybouane" data-color-scheme="no-preference: light; light: light; dark: dark;" data-size="large" aria-label="Follow @ybouane on GitHub">Follow @ybouane</a>
+			<script async defer src="https://buttons.github.io/buttons.js"></script>
+		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/static/style.css b/static/style.css
index 21224fc..5173723 100644
--- a/static/style.css
+++ b/static/style.css
@@ -17,6 +17,7 @@ body {
 	font-family: "Fira Sans Condensed", sans-serif;
 	padding:40px 20px;
 	min-height:100vh;
+	overflow-x:hidden;
 }
 .icon {
 	font-family: 'Material Symbols Outlined';
@@ -77,7 +78,7 @@ main {
 }
 
 footer {
-
+	text-align: center;
 }
 
 status-bar {
@@ -153,4 +154,16 @@ status-bar {
 			z-index:2;
 		}
 	}
+}
+#github-button {
+    position: fixed;
+    right: 30px;
+	z-index:1;
+}
+@media screen and (max-width:480px) {
+	#github-button {
+		bottom: 20px;
+		transform: rotate(90deg);
+		transform-origin: top right;
+	}
 }
\ No newline at end of file