|
|
|
@ -11,46 +11,61 @@ const client_secret = "dqr2glvdhr7uyn3bf3biu48977rfwo";
|
|
|
|
|
export default function Index({ motto, twitch_online, about }) {
|
|
|
|
|
return (
|
|
|
|
|
<div className="page">
|
|
|
|
|
<Head>
|
|
|
|
|
<title>Trick - Index</title>
|
|
|
|
|
</Head>
|
|
|
|
|
|
|
|
|
|
<Header />
|
|
|
|
|
|
|
|
|
|
<div className="container">
|
|
|
|
|
<article className="content">
|
|
|
|
|
<Head>
|
|
|
|
|
<title>Trick - Homepage</title>
|
|
|
|
|
<meta name="description" content={about.toString()} />
|
|
|
|
|
|
|
|
|
|
<meta property="og:type" content="website" />
|
|
|
|
|
<meta property="og:url" content="https://trickthefox.com/" />
|
|
|
|
|
<meta property="og:title" content="Trick - Homepage" />
|
|
|
|
|
<meta property="og:description" content={about.toString()} />
|
|
|
|
|
<meta property="og:image" content="/trick.jpg" />
|
|
|
|
|
|
|
|
|
|
<meta property="twitter:card" content="summary_large_image" />
|
|
|
|
|
<meta property="twitter:url" content="https://trickthefox.com/" />
|
|
|
|
|
<meta property="twitter:title" content="Trick - Homepage" />
|
|
|
|
|
<meta property="twitter:description" content={about.toString()} />
|
|
|
|
|
<meta property="twitter:image" content="/trick.jpg" />
|
|
|
|
|
|
|
|
|
|
<meta name="theme-color" content="#4f4fff" />
|
|
|
|
|
</Head>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<TwitchPopup show={twitch_online} />
|
|
|
|
|
|
|
|
|
|
<section className="card">
|
|
|
|
|
<div className={styles.avatar}>
|
|
|
|
|
<div>
|
|
|
|
|
<img src="/trickwow.png"></img>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<h1>Hi, I'm Trick!</h1>
|
|
|
|
|
<h4>{motto}</h4>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<Header />
|
|
|
|
|
|
|
|
|
|
<div className="container">
|
|
|
|
|
<article className="content">
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<TwitchPopup show={twitch_online} />
|
|
|
|
|
|
|
|
|
|
<section className="card">
|
|
|
|
|
<div className={styles.avatar}>
|
|
|
|
|
<div>
|
|
|
|
|
<h3>About me</h3>
|
|
|
|
|
<div className="flex">
|
|
|
|
|
<p>
|
|
|
|
|
{about}
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<img src="/trickwow.png"></img>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<Socials />
|
|
|
|
|
|
|
|
|
|
</article>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<Footer />
|
|
|
|
|
<div>
|
|
|
|
|
<h1>Hi, I'm Trick!</h1>
|
|
|
|
|
<h4>{motto}</h4>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<h3>About me</h3>
|
|
|
|
|
<div className="flex">
|
|
|
|
|
<p>
|
|
|
|
|
{about}
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<Socials />
|
|
|
|
|
|
|
|
|
|
</article>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<Footer />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|