From fd55dbb4c27dbf3c6f283e239c33e9b289368177 Mon Sep 17 00:00:00 2001
From: Stanislaw <62724833+BoberITman@users.noreply.github.com>
Date: Fri, 20 May 2022 17:50:31 +0200
Subject: [PATCH] Add links

---
 pages/index.js      | 39 +++++++++++++++++++++------------------
 styles/globals.scss |  4 ++--
 2 files changed, 23 insertions(+), 20 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index 03fb609..afcd981 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -18,39 +18,42 @@ export default function Home() {
 			<Banner />
 			<article className="main">
 				<div className="Map">
-					<div className="msg">
+					<a className="msg">
 						<h1>99,9k</h1>
 						<p>Wysłane wiadomości</p>
 						<PaperPlane className="icons" />
-					</div>
-					<div className="bots">
+					</a>
+					<a className="bots">
 						<p>Status botów</p>
-					</div>
-					<div className="discord">
+					</a>
+					<a className="discord" href="https://discord.gg/NsR94evcPC">
 						<DiscordIcon className="icons" />
-					</div>
-					<div className="twitter">
+					</a>
+					<a className="twitter" href="https://twitter.com/gractwo">
 						<TwitterIcon className="icons" />
-					</div>
-					<div className="members">
+					</a>
+					<a className="members">
 						<h1>196</h1>
 						<p>Członków</p>
 						<MemberIcon className="icons" />
-					</div>
-					<div className="days">
+					</a>
+					<a className="days">
 						<h1>697 dni</h1>
 						<p>Istnienia Gractwa</p>
 						<CalendarIcon className="icons" />
-					</div>
-					<div className="yt">
+					</a>
+					<a
+						className="yt"
+						href="https://www.youtube.com/channel/UCM5O0ltiO_ZigZiP-Wa28Ew"
+					>
 						<YtIcon className="icons" />
-					</div>
-					<div className="github">
+					</a>
+					<a className="github" href="https://github.com/Gractwo">
 						<GithubIcon className="icons" />
-					</div>
-					<div className="minecraft">
+					</a>
+					<a className="minecraft">
 						<PaperPlane className="icons" />
-					</div>
+					</a>
 				</div>
 			</article>
 		</>
diff --git a/styles/globals.scss b/styles/globals.scss
index 097a6c6..d7cc310 100644
--- a/styles/globals.scss
+++ b/styles/globals.scss
@@ -106,7 +106,7 @@ article.main {
 		grid-gap: 2rem;
 		grid-template-rows: repeat(2, 10rem);
 		grid-template-columns: repeat(7, 11rem);
-		div {
+		a {
 			display: flex;
 			flex-direction: column;
 			align-items: center;
@@ -125,7 +125,7 @@ article.main {
 				font-size: 1.6rem;
 			}
 		}
-		div:hover {
+		a:hover {
 			background-color: var(--black0);
 			box-shadow: 7 px 21px rgba(0, 0, 0, 0.25);
 		}