added seo and meta stuff

main
Midnight 4 years ago
parent d0f20363c2
commit 5cd669ff71

@ -10,6 +10,20 @@ export default function Commissions() {
<div className="page">
<Head>
<title>Trick - Commissions</title>
<meta property="og:type" content="website" />
<meta property="og:url" content="https://trickthefox.com/commissions" />
<meta property="og:title" content="Trick - Commissions" />
<meta property="og:description" content="Trick's commission sheet!" />
<meta property="og:image" content="/trick.jpg" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://trickthefox.com/commissions" />
<meta property="twitter:title" content="Trick - Commissions" />
<meta property="twitter:description" content="Trick's commission sheet!" />
<meta property="twitter:image" content="/trick.jpg" />
<meta name="theme-color" content="#4f4fff" />
</Head>
<Header />

@ -9,6 +9,20 @@ export default function Contact() {
<div className="page">
<Head>
<title>Trick - Contact</title>
<meta property="og:type" content="website" />
<meta property="og:url" content="https://trickthefox.com/contact" />
<meta property="og:title" content="Trick - Contact" />
<meta property="og:description" content="Contact me via one of my social medias or by email." />
<meta property="og:image" content="/trick.jpg" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://trickthefox.com/contact" />
<meta property="twitter:title" content="Trick - Contact" />
<meta property="twitter:description" content="Contact me via one of my social medias or by email." />
<meta property="twitter:image" content="/trick.jpg" />
<meta name="theme-color" content="#4f4fff" />
</Head>
<Header />

@ -15,6 +15,20 @@ export default function Gallery({ response }) {
<div className="page">
<Head>
<title>Trick - Gallery</title>
<meta property="og:type" content="website" />
<meta property="og:url" content="https://trickthefox.com/gallery" />
<meta property="og:title" content="Trick - Gallery" />
<meta property="og:description" content="Gallery of art I made." />
<meta property="og:image" content="/trick.jpg" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://trickthefox.com/gallery" />
<meta property="twitter:title" content="Trick - Gallery" />
<meta property="twitter:description" content="Gallery of art I made." />
<meta property="twitter:image" content="/trick.jpg" />
<meta name="theme-color" content="#4f4fff" />
</Head>
<Header />

@ -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">
<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>
<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>
<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>
<div>
<h1>Hi, I'm Trick!</h1>
<h4>{motto}</h4>
</div>
</div>
<div>
<h3>About me</h3>
<div className="flex">
<p>
{about}
</p>
</div>
</section>
</div>
</div>
</section>
</div>
<Socials />
<Socials />
</article>
</div>
</article>
</div>
<Footer />
<Footer />
</div>

Loading…
Cancel
Save