|
|
|
|
import Head from 'next/head'
|
|
|
|
|
import styles from '../styles/Index.module.css'
|
|
|
|
|
import { faTwitter } from '@fortawesome/free-brands-svg-icons'
|
|
|
|
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
|
|
|
|
|
|
|
|
|
function RandomMotto(props) {
|
|
|
|
|
const Mottos = [
|
|
|
|
|
"Yesterday is history, tomorrow is a mystery and today is a gift that's why it's called the present.",
|
|
|
|
|
"Just have fun!",
|
|
|
|
|
"Live and let go.",
|
|
|
|
|
"Keep calm and carry on."
|
|
|
|
|
];
|
|
|
|
|
const randomNumber = Math.floor(Math.random() * Mottos.length);
|
|
|
|
|
return <p>{Mottos[randomNumber]}</p>;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default function Home() {
|
|
|
|
|
return (
|
|
|
|
|
<div className={styles.page}>
|
|
|
|
|
<Head>
|
|
|
|
|
<title>Trick's Website</title>
|
|
|
|
|
<link rel="icon" href="/trick.jpg" />
|
|
|
|
|
</Head>
|
|
|
|
|
|
|
|
|
|
<section className={styles.container}>
|
|
|
|
|
<div className={styles.main}>
|
|
|
|
|
<article className={styles.content}>
|
|
|
|
|
<section className={styles.header}>
|
|
|
|
|
<div className={styles.avatar_bar}>
|
|
|
|
|
<img src="trick.jpg" className={styles.avatar}></img>
|
|
|
|
|
<h1>Trick The Fox</h1>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<h2><RandomMotto /></h2>
|
|
|
|
|
|
|
|
|
|
<p>
|
|
|
|
|
I'm a gay femboy nurse fox who likes figure skating, running and dancing,
|
|
|
|
|
addicted to vr and video making and I'm always listening to music,
|
|
|
|
|
oh and I play dnd... And that's just about me in a nutshell.
|
|
|
|
|
</p>
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
<aside className={styles.content}>
|
|
|
|
|
<div className={styles.links}>
|
|
|
|
|
<a href="https://twitter.com/Trick_the_fox" target="_blank"><FontAwesomeIcon ico={faTwitter} /> Twitter</a>
|
|
|
|
|
<a href="https://www.twitch.tv/trick_the_fox" target="_blank">Twitch</a>
|
|
|
|
|
<a href="https://docs.google.com/document/d/1cwacGjMxjppSblnxEp5RSCBOlPQDICWisST6R0mMVJQ/edit?usp=sharing" target="_blank">Commissions</a>
|
|
|
|
|
<a href="https://trello.com/b/cMyTLWYd" target="_blank">Trello</a>
|
|
|
|
|
<a href="https://ko-fi.com/trick_the_fox" target="_blank">Ko-fi</a>
|
|
|
|
|
</div>
|
|
|
|
|
</aside>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<section className={styles.container}>
|
|
|
|
|
<section className={styles.content}>
|
|
|
|
|
<h2>Gallery</h2>
|
|
|
|
|
|
|
|
|
|
<div className={styles.gallery}>
|
|
|
|
|
<img src="trick_be_sitting_shadow.png"></img>
|
|
|
|
|
<img src="Unnamed.png"></img>
|
|
|
|
|
<img src="wow.png"></img>
|
|
|
|
|
<img src="triiiiick.png"></img>
|
|
|
|
|
<img src="tricky_boy.png"></img>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
</section>
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
}
|
