archiwum/gractwo-pl
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add links

Browse Source
This commit is contained in:
Stanislaw
2022-05-20 17:50:31 +02:00
parent 2a6fa2d48d
commit fd55dbb4c2
2 changed files with 23 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
pages/index.js
View File

@@ -18,39 +18,42 @@ export default function Home() {
<Banner /> <Banner />
<article className="main"> <article className="main">
<div className="Map"> <div className="Map">
<div className="msg"> <a className="msg">
<h1>99,9k</h1> <h1>99,9k</h1>
<p>Wysłane wiadomości</p> <p>Wysłane wiadomości</p>
<PaperPlane className="icons" /> <PaperPlane className="icons" />
</div> </a>
<div className="bots"> <a className="bots">
<p>Status botów</p> <p>Status botów</p>
</div> </a>
<div className="discord"> <a className="discord" href="https://discord.gg/NsR94evcPC">
<DiscordIcon className="icons" /> <DiscordIcon className="icons" />
</div> </a>
<div className="twitter"> <a className="twitter" href="https://twitter.com/gractwo">
<TwitterIcon className="icons" /> <TwitterIcon className="icons" />
</div> </a>
<div className="members"> <a className="members">
<h1>196</h1> <h1>196</h1>
<p>Członków</p> <p>Członków</p>
<MemberIcon className="icons" /> <MemberIcon className="icons" />
</div> </a>
<div className="days"> <a className="days">
<h1>697 dni</h1> <h1>697 dni</h1>
<p>Istnienia Gractwa</p> <p>Istnienia Gractwa</p>
<CalendarIcon className="icons" /> <CalendarIcon className="icons" />
</div> </a>
<div className="yt"> <a
className="yt"
href="https://www.youtube.com/channel/UCM5O0ltiO_ZigZiP-Wa28Ew"
>
<YtIcon className="icons" /> <YtIcon className="icons" />
</div> </a>
<div className="github"> <a className="github" href="https://github.com/Gractwo">
<GithubIcon className="icons" /> <GithubIcon className="icons" />
</div> </a>
<div className="minecraft"> <a className="minecraft">
<PaperPlane className="icons" /> <PaperPlane className="icons" />
</div> </a>
</div> </div>
</article> </article>
</> </>

4
styles/globals.scss
View File

@@ -106,7 +106,7 @@ article.main {
grid-gap: 2rem; grid-gap: 2rem;
grid-template-rows: repeat(2, 10rem); grid-template-rows: repeat(2, 10rem);
grid-template-columns: repeat(7, 11rem); grid-template-columns: repeat(7, 11rem);
div { a {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@@ -125,7 +125,7 @@ article.main {
font-size: 1.6rem; font-size: 1.6rem;
} }
} }
div:hover { a:hover {
background-color: var(--black0); background-color: var(--black0);
box-shadow: 7 px 21px rgba(0, 0, 0, 0.25); box-shadow: 7 px 21px rgba(0, 0, 0, 0.25);
} }