Add content grid
This commit is contained in:
@@ -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} />
|
||||
</>
|
||||
|
||||
@@ -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'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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user