2021-04-17 21:38:19 -05:00
|
|
|
import Head from "next/head";
|
|
|
|
|
import Link from "next/link";
|
2021-04-18 14:30:19 -05:00
|
|
|
import Image from "next/image";
|
2021-04-18 23:14:21 -05:00
|
|
|
import IDButton from "../components/identity-button";
|
|
|
|
|
import WCard from "../components/werefox-card";
|
|
|
|
|
import MS from "../components/mutant-standard";
|
2021-04-07 15:46:55 -05:00
|
|
|
|
|
|
|
|
export default function Home() {
|
|
|
|
|
return (
|
2021-04-18 14:30:19 -05:00
|
|
|
<div className="min-h-screen bg-werefox-grey-lighter dark:bg-werefox-grey-dark font-nerd">
|
2021-04-07 15:46:55 -05:00
|
|
|
<Head>
|
2021-04-17 21:38:19 -05:00
|
|
|
<title>About A Werefox</title>
|
2021-04-07 15:46:55 -05:00
|
|
|
<link rel="icon" href="/favicon.ico" />
|
|
|
|
|
</Head>
|
2021-04-18 18:27:30 -05:00
|
|
|
<div className="container space-y-4 mx-auto px-4 py-4">
|
2021-04-18 23:14:21 -05:00
|
|
|
<WCard isTitle="true">
|
2021-04-18 14:30:19 -05:00
|
|
|
<h1 className="p-4 text-xl text-center text-werefox-blue-dark dark:text-werefox-blue">
|
2021-04-18 18:27:30 -05:00
|
|
|
<span className="animate-bounce relative inline-block w-6 h-6 align-middle">
|
2021-04-18 14:30:19 -05:00
|
|
|
{" "}
|
|
|
|
|
<Image
|
2021-04-18 23:14:21 -05:00
|
|
|
src="/emoji/pixel_alexis.png"
|
2021-04-18 14:30:19 -05:00
|
|
|
layout="fill"
|
|
|
|
|
objectFit="contain"
|
|
|
|
|
alt="Pixel Alexis!"
|
|
|
|
|
/>{" "}
|
|
|
|
|
</span>
|
2021-04-18 18:27:30 -05:00
|
|
|
{"- "}
|
|
|
|
|
Hi! I'm Alexis Werefox!
|
2021-04-18 14:30:19 -05:00
|
|
|
</h1>
|
2021-04-18 23:14:21 -05:00
|
|
|
</WCard>
|
|
|
|
|
<WCard>
|
2021-04-18 18:27:30 -05:00
|
|
|
<div className="grid xl:grid-rows-2 xl:grid-cols-5 sm:grid-rows-3 sm:grid-cols-3 grid-rows-9 grid-cols-1 gap-2">
|
|
|
|
|
<IDButton
|
|
|
|
|
extraClasses=""
|
|
|
|
|
imageObj={{ src: "/emoji/18_plus.svg", alt: "Over 18" }}
|
|
|
|
|
innerText="26"
|
|
|
|
|
url=""
|
|
|
|
|
/>
|
|
|
|
|
<IDButton
|
|
|
|
|
extraClasses="xl:pt-1 xl:align-text-bottom xl:text-sm xl:min-h-full"
|
|
|
|
|
imageObj={[
|
|
|
|
|
{
|
|
|
|
|
src: "/emoji/transgender_flag.svg",
|
|
|
|
|
alt: "Transgender flag",
|
|
|
|
|
},
|
2021-04-18 23:14:21 -05:00
|
|
|
{
|
|
|
|
|
src: "/emoji/female_symbol.svg",
|
|
|
|
|
alt: "Female symbol",
|
|
|
|
|
},
|
2021-04-18 18:27:30 -05:00
|
|
|
]}
|
|
|
|
|
innerText="Trans-femme"
|
|
|
|
|
url="https://trans.wikia.org/wiki/Transfeminine"
|
|
|
|
|
/>
|
|
|
|
|
<IDButton
|
|
|
|
|
extraClasses=""
|
|
|
|
|
imageObj={{
|
|
|
|
|
src: "/emoji/speech_bubble_left.svg",
|
|
|
|
|
alt: "",
|
|
|
|
|
}}
|
|
|
|
|
innerText="She/her"
|
|
|
|
|
url="https://pronouns.me/she"
|
|
|
|
|
/>
|
|
|
|
|
<IDButton
|
|
|
|
|
extraClasses=""
|
|
|
|
|
imageObj={{
|
|
|
|
|
src: "/emoji/polyamory_flag.svg",
|
|
|
|
|
alt: "Polyamory flag",
|
|
|
|
|
}}
|
|
|
|
|
innerText="Polyam"
|
|
|
|
|
url="https://lgbta.wikia.org/wiki/Polyamorous"
|
|
|
|
|
/>
|
|
|
|
|
<IDButton
|
|
|
|
|
extraClasses=""
|
|
|
|
|
imageObj={{
|
|
|
|
|
src: "/emoji/pansexual_flag.svg",
|
|
|
|
|
alt: "Pansexual flag",
|
|
|
|
|
}}
|
|
|
|
|
innerText="Pansexual"
|
|
|
|
|
url="https://lgbta.wikia.org/wiki/Pansexual"
|
|
|
|
|
/>
|
|
|
|
|
<IDButton
|
|
|
|
|
extraClasses=""
|
|
|
|
|
imageObj={{
|
|
|
|
|
src: "/emoji/lesbian_flag.svg",
|
|
|
|
|
alt: "Lesbian flag",
|
|
|
|
|
}}
|
|
|
|
|
innerText="Lesbian"
|
|
|
|
|
url="https://lgbta.wikia.org/wiki/Lesbian"
|
|
|
|
|
/>
|
|
|
|
|
<IDButton
|
|
|
|
|
extraClasses=""
|
|
|
|
|
imageObj={{
|
|
|
|
|
src: "/emoji/blue_heart.svg",
|
|
|
|
|
alt: "Blue heart",
|
|
|
|
|
}}
|
|
|
|
|
innerText="Single"
|
|
|
|
|
url=""
|
|
|
|
|
/>
|
|
|
|
|
<IDButton
|
|
|
|
|
extraClasses=""
|
|
|
|
|
imageObj={{
|
|
|
|
|
src: "/emoji/neurodiversity.svg",
|
|
|
|
|
alt: "Neurodiversity symbol",
|
|
|
|
|
}}
|
|
|
|
|
innerText="ADHD"
|
|
|
|
|
url="https://en.wikipedia.org/wiki/Adult_attention_deficit_hyperactivity_disorder"
|
|
|
|
|
/>
|
|
|
|
|
<IDButton
|
|
|
|
|
extraClasses="xl:pt-1 xl:align-text-bottom xl:text-sm xl:min-h-full"
|
|
|
|
|
imageObj={[
|
|
|
|
|
{
|
|
|
|
|
src: "/emoji/fox.svg",
|
|
|
|
|
alt: "Fox",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
src: "/emoji/magic_wand.svg",
|
|
|
|
|
alt: "Magic wand",
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
innerText="Fox witch"
|
|
|
|
|
url=""
|
|
|
|
|
/>
|
2021-04-18 14:30:19 -05:00
|
|
|
</div>
|
2021-04-18 23:14:21 -05:00
|
|
|
</WCard>
|
|
|
|
|
<WCard
|
|
|
|
|
isCardButton="true"
|
|
|
|
|
extraClasses=""
|
|
|
|
|
imageObj={{
|
|
|
|
|
src: "/emoji/trans_heart.png",
|
|
|
|
|
alt: "Transgender heart",
|
|
|
|
|
}}
|
|
|
|
|
innerText="HRT Tracker!"
|
|
|
|
|
url="/hrt"
|
|
|
|
|
/>
|
|
|
|
|
<WCard>
|
|
|
|
|
<p className="p-6 text-lg text-center text-werefox-blue-dark dark:text-werefox-blue">
|
|
|
|
|
Somewhere between a hot date and a hot mess.
|
|
|
|
|
<br />
|
|
|
|
|
Just a witchy foxxo programmer trying to make it in the world tbh.
|
2021-04-18 14:30:19 -05:00
|
|
|
</p>
|
2021-04-18 23:14:21 -05:00
|
|
|
</WCard>
|
|
|
|
|
<WCard
|
|
|
|
|
isCardButton="true"
|
|
|
|
|
extraClasses=""
|
|
|
|
|
imageObj={{
|
|
|
|
|
src: "/emoji/awoo.svg",
|
|
|
|
|
alt: "Testimonials",
|
|
|
|
|
}}
|
|
|
|
|
innerText="See Testimonials!"
|
|
|
|
|
url="/testimonials"
|
|
|
|
|
/>
|
|
|
|
|
<MS />
|
2021-04-18 14:30:19 -05:00
|
|
|
</div>
|
2021-04-07 15:46:55 -05:00
|
|
|
</div>
|
2021-04-17 21:38:19 -05:00
|
|
|
);
|
2021-04-07 15:46:55 -05:00
|
|
|
}
|
