Add content grid

This commit is contained in:
Stanislaw
2022-05-08 22:49:05 +02:00
parent 920a193adb
commit b5efd408a8
10 changed files with 6562 additions and 1350 deletions

View File

@@ -7,6 +7,12 @@ function MyApp({ Component, pageProps }) {
<Head>
<link rel="shortcut icon" href="/gractwo.svg" />
<title>Gractwo</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Lexend:wght@600&display=swap"
rel="stylesheet"
></link>
</Head>
<Component {...pageProps} />
</>

View File

@@ -1,29 +1,48 @@
import Header from "../components/Header.js";
import Banner from "../components/Banner.js";
import { PaperPlane } from "../icons/PaperPlane.js";
export default function Home() {
return (
<>
<Header />
<Banner />
<style jsx>{`
h1,
p {
margin: 1rem;
}
p {
border-left: 0.2rem solid white;
padding-left: 1rem;
}
`}</style>
<h1>Strona w przebudowie.</h1>
<p>
Tutaj powstaje Gractwo experience godny Twoich oczu. <br /> Zakładając,
że zaraz nie dostanę od Ciebie - drogi internauto - wiadomości, że żaden
taki nie jest. <br />
I&apos;m onto you. <br />
<br />~ jamesen
</p>
<article className="main">
<div className="Map">
<div className="msg">
<h1>99,9k</h1>
<p>Wysłane wiadomości</p>
<PaperPlane className="icons" />
</div>
<div className="bots">
<p>Status botów</p>
</div>
<div className="discord">
<PaperPlane className="icons" />
</div>
<div className="twitter">
<PaperPlane className="icons" />
</div>
<div className="members">
<h1>99,9k</h1>
<p>Wysłane wiadomości</p>
<PaperPlane className="icons" />
</div>
<div className="days">
<h1>99,9k</h1>
<p>Wysłane wiadomości</p>
<PaperPlane className="icons" />
</div>
<div className="yt">
<PaperPlane className="icons" />
</div>
<div className="github">
<PaperPlane className="icons" />
</div>
<div className="minecraft">
<PaperPlane className="icons" />
</div>
</div>
</article>
</>
);
}