Adding base pages for other links, added a basic page component.
This commit is contained in:
Alexis Werefox
parent
76516c7511
commit
9a582cfc8b
|
|
@ -0,0 +1,85 @@
|
||||||
|
import Head from "next/head";
|
||||||
|
import Image from "next/image";
|
||||||
|
import WCard from "../components/werefox-card";
|
||||||
|
import MS from "../components/mutant-standard";
|
||||||
|
|
||||||
|
export default function HRT({ is_home, page_title, card_title, children }) {
|
||||||
|
|
||||||
|
if(is_home) {
|
||||||
|
return (
|
||||||
|
<div className="min-h-screen bg-werefox-grey-lighter dark:bg-werefox-grey-dark font-nerd">
|
||||||
|
<Head>
|
||||||
|
<title>{page_title}</title>
|
||||||
|
<link rel="icon" href="/favicon.ico" />
|
||||||
|
</Head>
|
||||||
|
<div className="container space-y-4 mx-auto px-4 py-4">
|
||||||
|
<WCard isTitle="true">
|
||||||
|
<h1 className="p-4 text-xl text-center text-werefox-blue-dark dark:text-werefox-blue">
|
||||||
|
<span className="animate-bounce relative inline-block w-6 h-6 align-middle">
|
||||||
|
{" "}
|
||||||
|
<Image
|
||||||
|
src="/emoji/pixel_alexis.png"
|
||||||
|
layout="fill"
|
||||||
|
objectFit="contain"
|
||||||
|
alt="Pixel Alexis!"
|
||||||
|
/>{" "}
|
||||||
|
</span>
|
||||||
|
{"- "}
|
||||||
|
{card_title}
|
||||||
|
</h1>
|
||||||
|
</WCard>
|
||||||
|
{children}
|
||||||
|
<MS />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
return (
|
||||||
|
<div className="min-h-screen bg-werefox-grey-lighter dark:bg-werefox-grey-dark font-nerd">
|
||||||
|
<Head>
|
||||||
|
<title>{page_title}</title>
|
||||||
|
<link rel="icon" href="/favicon.ico" />
|
||||||
|
</Head>
|
||||||
|
<div className="container space-y-4 mx-auto px-4 py-4">
|
||||||
|
<WCard
|
||||||
|
isCardButton="true"
|
||||||
|
extraClasses=""
|
||||||
|
imageObj={[
|
||||||
|
{ src: "/emoji/pixel_alexis.png", alt: "Pixel Alexis!" },
|
||||||
|
{ src: "/emoji/blue_heart.svg", alt: "Blue heart" },
|
||||||
|
]}
|
||||||
|
innerText="Take me back home!"
|
||||||
|
url="/"
|
||||||
|
/>
|
||||||
|
<WCard isTitle="true">
|
||||||
|
<h1 className="p-4 text-xl text-center text-werefox-blue-dark dark:text-werefox-blue">
|
||||||
|
<span className="animate-bounce relative inline-block w-6 h-6 align-middle">
|
||||||
|
{" "}
|
||||||
|
<Image
|
||||||
|
src="/emoji/pixel_alexis.png"
|
||||||
|
layout="fill"
|
||||||
|
objectFit="contain"
|
||||||
|
alt="Pixel Alexis!"
|
||||||
|
/>{" "}
|
||||||
|
</span>
|
||||||
|
{"- "}
|
||||||
|
{card_title}
|
||||||
|
</h1>
|
||||||
|
</WCard>
|
||||||
|
{children}
|
||||||
|
<WCard
|
||||||
|
isCardButton="true"
|
||||||
|
extraClasses=""
|
||||||
|
imageObj={[
|
||||||
|
{ src: "/emoji/pixel_alexis.png", alt: "Pixel Alexis!" },
|
||||||
|
{ src: "/emoji/blue_heart.svg", alt: "Blue heart" },
|
||||||
|
]}
|
||||||
|
innerText="Take me back home!"
|
||||||
|
url="/"
|
||||||
|
/>
|
||||||
|
<MS />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -13,7 +13,7 @@ export default function IdentityButton({
|
||||||
<div className="container max-w-sm mx-auto md:px-2 p-2">
|
<div className="container max-w-sm mx-auto md:px-2 p-2">
|
||||||
<Link href={url}>
|
<Link href={url}>
|
||||||
<a
|
<a
|
||||||
target="_blank"
|
target=""
|
||||||
className={`${extraClasses} block ring-2 ring-werefox-grey-lightest dark:ring-werefox-grey-darker rounded-lg text-lg text-center text-werefox-grey-lighter dark:text-werefox-grey-dark bg-werefox-grey dark:bg-werefox-grey-lightest transition hover:bg-werefox-grey-dark dark:hover:bg-werefox-grey-light`}
|
className={`${extraClasses} block ring-2 ring-werefox-grey-lightest dark:ring-werefox-grey-darker rounded-lg text-lg text-center text-werefox-grey-lighter dark:text-werefox-grey-dark bg-werefox-grey dark:bg-werefox-grey-lightest transition hover:bg-werefox-grey-dark dark:hover:bg-werefox-grey-light`}
|
||||||
>
|
>
|
||||||
{images.map((source) => (
|
{images.map((source) => (
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,33 @@
|
||||||
|
import Link from "next/link";
|
||||||
|
|
||||||
|
export default function TestimonialCard({ src, alt, url, innerText, user }) {
|
||||||
|
const finalsrc = Boolean(src) ? src : "/images/werefox_logo.png";
|
||||||
|
const isMe = (user == "Shadow8t4") ? "text-werefox-blue-dark dark:text-werefox-blue": "text-werefox-pink-dark dark:text-werefox-pink"
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="rounded-lg container flex overflow-hidden ring-2 ring-werefox-grey-lightest dark:ring-werefox-grey-darker bg-werefox-grey-light dark:bg-werefox-grey">
|
||||||
|
<Link href={url}>
|
||||||
|
<a>
|
||||||
|
<div className="flex-1">
|
||||||
|
{" "}
|
||||||
|
<img
|
||||||
|
className="rounded-lg sm:w-32 w-16"
|
||||||
|
src={finalsrc}
|
||||||
|
alt={alt}
|
||||||
|
/>{" "}
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</Link>{" "}
|
||||||
|
<div className={`animate-wiggle flex-5 p-4 sm:text-lg text-xs text-center ${isMe}`}>
|
||||||
|
<p>
|
||||||
|
{innerText}
|
||||||
|
<br />
|
||||||
|
{"- "}
|
||||||
|
<Link href={url}>
|
||||||
|
<a target="_blank">{`@${user}`}</a>
|
||||||
|
</Link>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
import Image from "next/image";
|
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
|
|
||||||
export default function TestimonialCard({ src, alt, url, innerText, user }) {
|
export default function TestimonialCard({ src, alt, url, innerText, user }) {
|
||||||
const finalsrc = Boolean(src) ? src : "/images/werefox_logo.png";
|
const finalsrc = Boolean(src) ? src : "/images/werefox_logo.png";
|
||||||
|
const isMe = (user == "Shadow8t4") ? "text-werefox-blue-dark dark:text-werefox-blue": "text-werefox-pink-dark dark:text-werefox-pink"
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="rounded-lg container flex overflow-hidden ring-2 ring-werefox-grey-lightest dark:ring-werefox-grey-darker bg-werefox-grey-light dark:bg-werefox-grey">
|
<div className="rounded-lg container flex overflow-hidden ring-2 ring-werefox-grey-lightest dark:ring-werefox-grey-darker bg-werefox-grey-light dark:bg-werefox-grey">
|
||||||
|
|
@ -18,7 +18,7 @@ export default function TestimonialCard({ src, alt, url, innerText, user }) {
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</Link>{" "}
|
</Link>{" "}
|
||||||
<div className="animate-wiggle flex-5 p-4 sm:text-lg text-xs text-center text-werefox-pink-dark dark:text-werefox-pink">
|
<div className={`animate-wiggle flex-5 p-4 sm:text-lg text-xs text-center ${isMe}`}>
|
||||||
<p>
|
<p>
|
||||||
{innerText}
|
{innerText}
|
||||||
<br />
|
<br />
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,106 @@
|
||||||
|
import Head from "next/head";
|
||||||
|
import Image from "next/image";
|
||||||
|
import WCard from "../../components/werefox-card";
|
||||||
|
import TCard from "../../components/testimonial-card";
|
||||||
|
import MS from "../../components/mutant-standard";
|
||||||
|
|
||||||
|
export default function HRT() {
|
||||||
|
return (
|
||||||
|
<div className="min-h-screen bg-werefox-grey-lighter dark:bg-werefox-grey-dark font-nerd">
|
||||||
|
<Head>
|
||||||
|
<title>Alexis Werefox HRT Tracker</title>
|
||||||
|
<link rel="icon" href="/favicon.ico" />
|
||||||
|
</Head>
|
||||||
|
<div className="container space-y-4 mx-auto px-4 py-4">
|
||||||
|
<WCard
|
||||||
|
isCardButton="true"
|
||||||
|
extraClasses=""
|
||||||
|
imageObj={[
|
||||||
|
{ src: "/emoji/pixel_alexis.png", alt: "Pixel Alexis!" },
|
||||||
|
{ src: "/emoji/blue_heart.svg", alt: "Blue heart" },
|
||||||
|
]}
|
||||||
|
innerText="Take me back home!"
|
||||||
|
url="/"
|
||||||
|
/>
|
||||||
|
<WCard isTitle="true">
|
||||||
|
<h1 className="p-4 text-xl text-center text-werefox-blue-dark dark:text-werefox-blue">
|
||||||
|
<span className="animate-bounce relative inline-block w-6 h-6 align-middle">
|
||||||
|
{" "}
|
||||||
|
<Image
|
||||||
|
src="/emoji/pixel_alexis.png"
|
||||||
|
layout="fill"
|
||||||
|
objectFit="contain"
|
||||||
|
alt="Pixel Alexis!"
|
||||||
|
/>{" "}
|
||||||
|
</span>
|
||||||
|
{"- "}
|
||||||
|
Frequently Asked Questions!
|
||||||
|
</h1>
|
||||||
|
</WCard>
|
||||||
|
<WCard>
|
||||||
|
<p className="p-6 text-lg text-center text-werefox-pink-dark dark:text-werefox-pink">
|
||||||
|
"So is Werefox like a speicies or...?"
|
||||||
|
</p>
|
||||||
|
</WCard>
|
||||||
|
<TCard
|
||||||
|
key=""
|
||||||
|
src="/images/alexis_heart.png"
|
||||||
|
alt="Alexis"
|
||||||
|
url="https://vulpine.club/@shadow8t4"
|
||||||
|
user="Shadow8t4"
|
||||||
|
innerText="That's a good question! No, my fursona's full name is Alexis Werefox, so Werefox is just a last name. I am just a fox!"
|
||||||
|
/>
|
||||||
|
<WCard>
|
||||||
|
<p className="p-6 text-lg text-center text-werefox-pink-dark dark:text-werefox-pink">
|
||||||
|
"How can you be Pansexual and a Lesbian?"
|
||||||
|
</p>
|
||||||
|
</WCard>
|
||||||
|
<TCard
|
||||||
|
key=""
|
||||||
|
src="/images/alexis_wink.png"
|
||||||
|
alt="Alexis"
|
||||||
|
url="https://vulpine.club/@shadow8t4"
|
||||||
|
user="Shadow8t4"
|
||||||
|
innerText={`I believe I've been told the proper term is "sapphic", it just means I *am* Pansexual, but I prefer those who identify more femme.`}
|
||||||
|
/>
|
||||||
|
<WCard>
|
||||||
|
<p className="p-6 text-lg text-center text-werefox-pink-dark dark:text-werefox-pink">
|
||||||
|
"How do I get more Xenia stickers?"
|
||||||
|
</p>
|
||||||
|
</WCard>
|
||||||
|
<TCard
|
||||||
|
key=""
|
||||||
|
src="/images/alexis_annoyed.png"
|
||||||
|
alt="Alexis"
|
||||||
|
url="https://vulpine.club/@shadow8t4"
|
||||||
|
user="Shadow8t4"
|
||||||
|
innerText={`Yeah, about that. So, I've made a few posts aobut this, but when I first started giving those out, I was in a good financial position, among other things. Now I'm not! I will get to it when I do.`}
|
||||||
|
/>
|
||||||
|
<WCard>
|
||||||
|
<p className="p-6 text-lg text-center text-werefox-pink-dark dark:text-werefox-pink">
|
||||||
|
"What do you do?"
|
||||||
|
</p>
|
||||||
|
</WCard>
|
||||||
|
<TCard
|
||||||
|
key=""
|
||||||
|
src="/images/alexis_shrug_fixed.PNG"
|
||||||
|
alt="Alexis"
|
||||||
|
url="https://vulpine.club/@shadow8t4"
|
||||||
|
user="Shadow8t4"
|
||||||
|
innerText="Something! I mainly focus on maintaining the services I run at the moment, Beat Saber streaming, myself and my transition. I could use some financial support, if you're feeling up to it!"
|
||||||
|
/>
|
||||||
|
<WCard
|
||||||
|
isCardButton="true"
|
||||||
|
extraClasses=""
|
||||||
|
imageObj={[
|
||||||
|
{ src: "/emoji/pixel_alexis.png", alt: "Pixel Alexis!" },
|
||||||
|
{ src: "/emoji/blue_heart.svg", alt: "Blue heart" },
|
||||||
|
]}
|
||||||
|
innerText="Take me back home!"
|
||||||
|
url="/"
|
||||||
|
/>
|
||||||
|
<MS />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
@ -1,43 +1,21 @@
|
||||||
import Head from "next/head";
|
import Head from "next/head";
|
||||||
|
import BasicPage from "../../components/basic-page-template";
|
||||||
import WCard from "../../components/werefox-card";
|
import WCard from "../../components/werefox-card";
|
||||||
import MS from "../../components/mutant-standard";
|
import MS from "../../components/mutant-standard";
|
||||||
|
|
||||||
export default function HRT() {
|
export default function HRT() {
|
||||||
return (
|
return (
|
||||||
<div className="min-h-screen bg-werefox-grey-lighter dark:bg-werefox-grey-dark font-nerd">
|
<BasicPage
|
||||||
<Head>
|
page_title="Alexis Werefox HRT Tracker"
|
||||||
<title>Alexis Werefox HRT Tracker</title>
|
card_title="Track my HRT progress!"
|
||||||
<link rel="icon" href="/favicon.ico" />
|
>
|
||||||
</Head>
|
<WCard>
|
||||||
<div className="container space-y-4 mx-auto px-4 py-4">
|
<p className="p-6 text-lg text-center text-werefox-blue-dark dark:text-werefox-blue">
|
||||||
<WCard
|
Oh no I haven't actually finished this page but I started on
|
||||||
isCardButton="true"
|
<br />
|
||||||
extraClasses=""
|
December 11th, 2020
|
||||||
imageObj={[
|
</p>
|
||||||
{ src: "/emoji/pixel_alexis.png", alt: "Pixel Alexis!" },
|
</WCard>
|
||||||
{ src: "/emoji/blue_heart.svg", alt: "Blue heart" },
|
</BasicPage>
|
||||||
]}
|
|
||||||
innerText="Take me back home!"
|
|
||||||
url="/"
|
|
||||||
/>
|
|
||||||
<WCard>
|
|
||||||
<p className="p-6 text-lg text-center text-werefox-blue-dark dark:text-werefox-blue">
|
|
||||||
Oh no I haven't actually finished this page but I started on<br/>
|
|
||||||
December 11th, 2020
|
|
||||||
</p>
|
|
||||||
</WCard>
|
|
||||||
<WCard
|
|
||||||
isCardButton="true"
|
|
||||||
extraClasses=""
|
|
||||||
imageObj={[
|
|
||||||
{ src: "/emoji/pixel_alexis.png", alt: "Pixel Alexis!" },
|
|
||||||
{ src: "/emoji/blue_heart.svg", alt: "Blue heart" },
|
|
||||||
]}
|
|
||||||
innerText="Take me back home!"
|
|
||||||
url="/"
|
|
||||||
/>
|
|
||||||
<MS />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,12 @@
|
||||||
|
import BasicPage from "../../../components/basic-page-template"
|
||||||
|
|
||||||
|
export default function HRT() {
|
||||||
|
return (
|
||||||
|
<BasicPage
|
||||||
|
page_title="Partners"
|
||||||
|
card_title="Partners!"
|
||||||
|
>
|
||||||
|
|
||||||
|
</BasicPage>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
@ -1,156 +1,148 @@
|
||||||
import Head from "next/head";
|
import Head from "next/head";
|
||||||
import Link from "next/link";
|
|
||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
|
import BasicPage from "../components/basic-page-template";
|
||||||
import IDButton from "../components/identity-button";
|
import IDButton from "../components/identity-button";
|
||||||
import WCard from "../components/werefox-card";
|
import WCard from "../components/werefox-card";
|
||||||
import MS from "../components/mutant-standard";
|
import MS from "../components/mutant-standard";
|
||||||
|
|
||||||
export default function Home() {
|
export default function Home() {
|
||||||
return (
|
return (
|
||||||
<div className="min-h-screen bg-werefox-grey-lighter dark:bg-werefox-grey-dark font-nerd">
|
<BasicPage
|
||||||
<Head>
|
is_home="true"
|
||||||
<title>About A Werefox</title>
|
page_title="About A Werefox"
|
||||||
<link rel="icon" href="/favicon.ico" />
|
card_title="Hi! I'm Alexis Werefox!"
|
||||||
</Head>
|
>
|
||||||
<div className="container space-y-4 mx-auto px-4 py-4">
|
<WCard>
|
||||||
<WCard isTitle="true">
|
<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">
|
||||||
<h1 className="p-4 text-xl text-center text-werefox-blue-dark dark:text-werefox-blue">
|
<IDButton
|
||||||
<span className="animate-bounce relative inline-block w-6 h-6 align-middle">
|
extraClasses=""
|
||||||
{" "}
|
imageObj={{ src: "/emoji/18_plus.svg", alt: "Over 18" }}
|
||||||
<Image
|
innerText="26"
|
||||||
src="/emoji/pixel_alexis.png"
|
url=""
|
||||||
layout="fill"
|
/>
|
||||||
objectFit="contain"
|
<IDButton
|
||||||
alt="Pixel Alexis!"
|
extraClasses="xl:pt-1 xl:align-text-bottom xl:text-sm xl:min-h-full"
|
||||||
/>{" "}
|
imageObj={[
|
||||||
</span>
|
{
|
||||||
{"- "}
|
src: "/emoji/transgender_flag.svg",
|
||||||
Hi! I'm Alexis Werefox!
|
alt: "Transgender flag",
|
||||||
</h1>
|
},
|
||||||
</WCard>
|
{
|
||||||
<WCard>
|
src: "/emoji/female_symbol.svg",
|
||||||
<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">
|
alt: "Female symbol",
|
||||||
<IDButton
|
},
|
||||||
extraClasses=""
|
]}
|
||||||
imageObj={{ src: "/emoji/18_plus.svg", alt: "Over 18" }}
|
innerText="Trans-femme"
|
||||||
innerText="26"
|
url="https://trans.wikia.org/wiki/Transfeminine"
|
||||||
url=""
|
/>
|
||||||
/>
|
<IDButton
|
||||||
<IDButton
|
extraClasses=""
|
||||||
extraClasses="xl:pt-1 xl:align-text-bottom xl:text-sm xl:min-h-full"
|
imageObj={{
|
||||||
imageObj={[
|
src: "/emoji/speech_bubble_left.svg",
|
||||||
{
|
alt: "",
|
||||||
src: "/emoji/transgender_flag.svg",
|
}}
|
||||||
alt: "Transgender flag",
|
innerText="She/her"
|
||||||
},
|
url="https://pronouns.me/she"
|
||||||
{
|
/>
|
||||||
src: "/emoji/female_symbol.svg",
|
<IDButton
|
||||||
alt: "Female symbol",
|
extraClasses=""
|
||||||
},
|
imageObj={{
|
||||||
]}
|
src: "/emoji/polyamory_flag.svg",
|
||||||
innerText="Trans-femme"
|
alt: "Polyamory flag",
|
||||||
url="https://trans.wikia.org/wiki/Transfeminine"
|
}}
|
||||||
/>
|
innerText="Polyam"
|
||||||
<IDButton
|
url="https://lgbta.wikia.org/wiki/Polyamorous"
|
||||||
extraClasses=""
|
/>
|
||||||
imageObj={{
|
<IDButton
|
||||||
src: "/emoji/speech_bubble_left.svg",
|
extraClasses=""
|
||||||
alt: "",
|
imageObj={{
|
||||||
}}
|
src: "/emoji/pansexual_flag.svg",
|
||||||
innerText="She/her"
|
alt: "Pansexual flag",
|
||||||
url="https://pronouns.me/she"
|
}}
|
||||||
/>
|
innerText="Pansexual"
|
||||||
<IDButton
|
url="https://lgbta.wikia.org/wiki/Pansexual"
|
||||||
extraClasses=""
|
/>
|
||||||
imageObj={{
|
<IDButton
|
||||||
src: "/emoji/polyamory_flag.svg",
|
extraClasses=""
|
||||||
alt: "Polyamory flag",
|
imageObj={{
|
||||||
}}
|
src: "/emoji/lesbian_flag.svg",
|
||||||
innerText="Polyam"
|
alt: "Lesbian flag",
|
||||||
url="https://lgbta.wikia.org/wiki/Polyamorous"
|
}}
|
||||||
/>
|
innerText="Lesbian"
|
||||||
<IDButton
|
url="https://lgbta.wikia.org/wiki/Lesbian"
|
||||||
extraClasses=""
|
/>
|
||||||
imageObj={{
|
<IDButton
|
||||||
src: "/emoji/pansexual_flag.svg",
|
extraClasses=""
|
||||||
alt: "Pansexual flag",
|
imageObj={{
|
||||||
}}
|
src: "/emoji/blue_heart.svg",
|
||||||
innerText="Pansexual"
|
alt: "Blue heart",
|
||||||
url="https://lgbta.wikia.org/wiki/Pansexual"
|
}}
|
||||||
/>
|
innerText="Single"
|
||||||
<IDButton
|
url="/identities/partners"
|
||||||
extraClasses=""
|
/>
|
||||||
imageObj={{
|
<IDButton
|
||||||
src: "/emoji/lesbian_flag.svg",
|
extraClasses=""
|
||||||
alt: "Lesbian flag",
|
imageObj={{
|
||||||
}}
|
src: "/emoji/neurodiversity.svg",
|
||||||
innerText="Lesbian"
|
alt: "Neurodiversity symbol",
|
||||||
url="https://lgbta.wikia.org/wiki/Lesbian"
|
}}
|
||||||
/>
|
innerText="ADHD"
|
||||||
<IDButton
|
url="https://en.wikipedia.org/wiki/Adult_attention_deficit_hyperactivity_disorder"
|
||||||
extraClasses=""
|
/>
|
||||||
imageObj={{
|
<IDButton
|
||||||
src: "/emoji/blue_heart.svg",
|
extraClasses="xl:pt-1 xl:align-text-bottom xl:text-sm xl:min-h-full"
|
||||||
alt: "Blue heart",
|
imageObj={[
|
||||||
}}
|
{
|
||||||
innerText="Single"
|
src: "/emoji/fox.svg",
|
||||||
url=""
|
alt: "Fox",
|
||||||
/>
|
},
|
||||||
<IDButton
|
{
|
||||||
extraClasses=""
|
src: "/emoji/magic_wand.svg",
|
||||||
imageObj={{
|
alt: "Magic wand",
|
||||||
src: "/emoji/neurodiversity.svg",
|
},
|
||||||
alt: "Neurodiversity symbol",
|
]}
|
||||||
}}
|
innerText="Fox witch"
|
||||||
innerText="ADHD"
|
url=""
|
||||||
url="https://en.wikipedia.org/wiki/Adult_attention_deficit_hyperactivity_disorder"
|
/>
|
||||||
/>
|
</div>
|
||||||
<IDButton
|
</WCard>
|
||||||
extraClasses="xl:pt-1 xl:align-text-bottom xl:text-sm xl:min-h-full"
|
<WCard
|
||||||
imageObj={[
|
isCardButton="true"
|
||||||
{
|
extraClasses=""
|
||||||
src: "/emoji/fox.svg",
|
imageObj={{
|
||||||
alt: "Fox",
|
src: "/emoji/trans_heart.png",
|
||||||
},
|
alt: "Transgender heart",
|
||||||
{
|
}}
|
||||||
src: "/emoji/magic_wand.svg",
|
innerText="HRT Tracker!"
|
||||||
alt: "Magic wand",
|
url="/hrt"
|
||||||
},
|
/>
|
||||||
]}
|
<WCard>
|
||||||
innerText="Fox witch"
|
<p className="p-6 text-lg text-center text-werefox-blue-dark dark:text-werefox-blue">
|
||||||
url=""
|
Somewhere between a hot date and a hot mess.
|
||||||
/>
|
<br />
|
||||||
</div>
|
Just a witchy foxxo programmer trying to make it in the world tbh.
|
||||||
</WCard>
|
</p>
|
||||||
<WCard
|
</WCard>
|
||||||
isCardButton="true"
|
<WCard
|
||||||
extraClasses=""
|
isCardButton="true"
|
||||||
imageObj={{
|
extraClasses=""
|
||||||
src: "/emoji/trans_heart.png",
|
imageObj={{
|
||||||
alt: "Transgender heart",
|
src: "/emoji/awoo.svg",
|
||||||
}}
|
alt: "Testimonials",
|
||||||
innerText="HRT Tracker!"
|
}}
|
||||||
url="/hrt"
|
innerText="See Testimonials!"
|
||||||
/>
|
url="/testimonials"
|
||||||
<WCard>
|
/>
|
||||||
<p className="p-6 text-lg text-center text-werefox-blue-dark dark:text-werefox-blue">
|
<WCard
|
||||||
Somewhere between a hot date and a hot mess.
|
isCardButton="true"
|
||||||
<br />
|
extraClasses=""
|
||||||
Just a witchy foxxo programmer trying to make it in the world tbh.
|
imageObj={{
|
||||||
</p>
|
src: "/emoji/red_question_mark.svg",
|
||||||
</WCard>
|
alt: "Frequently Asked Question",
|
||||||
<WCard
|
}}
|
||||||
isCardButton="true"
|
innerText="FAQ"
|
||||||
extraClasses=""
|
url="/faq"
|
||||||
imageObj={{
|
/>
|
||||||
src: "/emoji/awoo.svg",
|
</BasicPage>
|
||||||
alt: "Testimonials",
|
|
||||||
}}
|
|
||||||
innerText="See Testimonials!"
|
|
||||||
url="/testimonials"
|
|
||||||
/>
|
|
||||||
<MS />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
import Head from "next/head";
|
import BasicPage from "../../components/basic-page-template";
|
||||||
import WCard from "../../components/werefox-card";
|
import WCard from "../../components/werefox-card";
|
||||||
import TCard from "../../components/testimonial-card";
|
import TCard from "../../components/testimonial-card";
|
||||||
import MS from "../../components/mutant-standard";
|
|
||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
|
|
||||||
// Async functions to grab user avatars server-side
|
// Async functions to grab user avatars server-side
|
||||||
|
|
@ -10,7 +9,7 @@ export const getIcon = async ({ json, name }) =>
|
||||||
await axios.get(json).then(
|
await axios.get(json).then(
|
||||||
({ data }) => [name, data["icon"]["url"]],
|
({ data }) => [name, data["icon"]["url"]],
|
||||||
(error) => {
|
(error) => {
|
||||||
console.log(error)
|
console.log(error);
|
||||||
return [name, null];
|
return [name, null];
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
@ -46,93 +45,83 @@ const USERS = {
|
||||||
Decimal: {
|
Decimal: {
|
||||||
url: "https://plush.city/@Decimal",
|
url: "https://plush.city/@Decimal",
|
||||||
json: "https://plush.city/@Decimal.json",
|
json: "https://plush.city/@Decimal.json",
|
||||||
content: `"I will appreciate the heck out of you any day"`
|
content: `"I will appreciate the heck out of you any day"`,
|
||||||
},
|
},
|
||||||
skelly: {
|
skelly: {
|
||||||
url: "https://redroo.ml/@skelly",
|
url: "https://redroo.ml/@skelly",
|
||||||
json: "https://redroo.ml/@skelly.json",
|
json: "https://redroo.ml/@skelly.json",
|
||||||
content: `"this an an official invitation for any one of you to put 'fuck you i dont give testimonials' as a testimonial by me on your profile"`
|
content: `"this an an official invitation for any one of you to put 'fuck you i dont give testimonials' as a testimonial by me on your profile"`,
|
||||||
},
|
},
|
||||||
Drako_Fenris: {
|
Drako_Fenris: {
|
||||||
url: "https://yiff.life/@Drako_Fenris",
|
url: "https://yiff.life/@Drako_Fenris",
|
||||||
json: "https://yiff.life/@Drako_Fenris.json",
|
json: "https://yiff.life/@Drako_Fenris.json",
|
||||||
content: `"[Alexis' future wife] lives in the ether yet to be revealed. she awaits the day her big tiddie goth gf rides in on her unicorn and rescues her."`
|
content: `"[Alexis' future wife] lives in the ether yet to be revealed. she awaits the day her big tiddie goth gf rides in on her unicorn and rescues her."`,
|
||||||
},
|
},
|
||||||
"00dani": {
|
"00dani": {
|
||||||
url: "https://vulpine.club/@00dani",
|
url: "https://vulpine.club/@00dani",
|
||||||
json: "https://vulpine.club/@00dani.json",
|
json: "https://vulpine.club/@00dani.json",
|
||||||
content: `"*falls in love with you* haha whoopsies 😳"`
|
content: `"*falls in love with you* haha whoopsies 😳"`,
|
||||||
},
|
},
|
||||||
Gumby: {
|
Gumby: {
|
||||||
url: "https://puppy.cafe/@Gumby",
|
url: "https://puppy.cafe/@Gumby",
|
||||||
json: "https://puppy.cafe/@Gumby.json",
|
json: "https://puppy.cafe/@Gumby.json",
|
||||||
content: `"im love alexis a lot 💚 🐀"`
|
content: `"im love alexis a lot 💚 🐀"`,
|
||||||
},
|
},
|
||||||
AshBunny: {
|
AshBunny: {
|
||||||
url: "https://vulpine.club/@AshBunny",
|
url: "https://vulpine.club/@AshBunny",
|
||||||
json: "https://vulpine.club/@AshBunny.json",
|
json: "https://vulpine.club/@AshBunny.json",
|
||||||
content: `"heck. I don't think I can take all of this support."`
|
content: `"heck. I don't think I can take all of this support."`,
|
||||||
},
|
},
|
||||||
heatherhorns: {
|
heatherhorns: {
|
||||||
url: "https://plush.city/@heatherhorns",
|
url: "https://plush.city/@heatherhorns",
|
||||||
json: "https://plush.city/@heatherhorns.json",
|
json: "https://plush.city/@heatherhorns.json",
|
||||||
content: `";~;
|
content: `";~;
|
||||||
|
|
||||||
gpsd gosh"`
|
gpsd gosh"`,
|
||||||
|
},
|
||||||
|
MutoShack: {
|
||||||
|
url: "https://functional.cafe/@MutoShack",
|
||||||
|
json: "https://functional.cafe/@MutoShack.json",
|
||||||
|
content: `"yess w'all say nice things! usually "alexis is the good" and "alexis is the gay"
|
||||||
|
|
||||||
|
because it is the truth"`,
|
||||||
|
},
|
||||||
|
immychan: {
|
||||||
|
url: "https://antabaka.me/@immychan",
|
||||||
|
json: "https://antabaka.me/@immychan.json",
|
||||||
|
content: `"Oh damn you're cute 😳"`,
|
||||||
|
},
|
||||||
|
nautilee: {
|
||||||
|
url: "https://dragon.style/@nautilee",
|
||||||
|
json: "https://dragon.style/@nautilee.json",
|
||||||
|
content: `"...how are you so goshdarn cute"`,
|
||||||
},
|
},
|
||||||
lindsays: {
|
lindsays: {
|
||||||
url: "https://hackers.town/@lindsays",
|
url: "https://hackers.town/@lindsays",
|
||||||
json: "https://hackers.town/@lindsays.json",
|
json: "https://hackers.town/@lindsays.json",
|
||||||
content: `Regarding @shadow8t4 : She's an amazing, sweet, beautiful dork, and a spectacular best friend. also, a butt.`
|
content: `"Regarding @shadow8t4 : She's an amazing, sweet, beautiful dork, and a spectacular best friend. also, a butt."`,
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
export default function Testimonials({ iconUrls }) {
|
export default function Testimonials({ iconUrls }) {
|
||||||
return (
|
return (
|
||||||
<div className="min-h-screen bg-werefox-grey-lighter dark:bg-werefox-grey-dark font-nerd">
|
<BasicPage page_title="Werefox Testimonials" card_title="Testimonials!">
|
||||||
<Head>
|
<WCard>
|
||||||
<title>Werefox Testimonials</title>
|
<p className="p-6 text-lg text-center text-werefox-blue-dark dark:text-werefox-blue">
|
||||||
<link rel="icon" href="/favicon.ico" />
|
Sometimes, people say some nice things about me. Here are some
|
||||||
</Head>
|
examples!
|
||||||
<div className="container space-y-4 mx-auto px-4 py-4">
|
</p>
|
||||||
<WCard
|
</WCard>
|
||||||
isCardButton="true"
|
{Object.keys(USERS).map((user) => (
|
||||||
extraClasses=""
|
<TCard
|
||||||
imageObj={[
|
key={USERS[user].url}
|
||||||
{ src: "/emoji/pixel_alexis.png", alt: "Pixel Alexis!" },
|
src={iconUrls[user]}
|
||||||
{ src: "/emoji/blue_heart.svg", alt: "Blue heart" },
|
alt={`${user}'s Avatar`}
|
||||||
]}
|
url={USERS[user].url}
|
||||||
innerText="Take me back home!"
|
user={user}
|
||||||
url="/"
|
innerText={USERS[user].content}
|
||||||
/>
|
/>
|
||||||
<WCard>
|
))}
|
||||||
<p className="p-6 text-lg text-center text-werefox-blue-dark dark:text-werefox-blue">
|
</BasicPage>
|
||||||
Sometimes, people say some nice things about me. Here are some
|
|
||||||
examples!
|
|
||||||
</p>
|
|
||||||
</WCard>
|
|
||||||
{Object.keys(USERS).map((user) => (
|
|
||||||
<TCard
|
|
||||||
key={USERS[user].url}
|
|
||||||
src={iconUrls[user]}
|
|
||||||
alt={`${user}'s Avatar`}
|
|
||||||
url={USERS[user].url}
|
|
||||||
user={user}
|
|
||||||
innerText={USERS[user].content}
|
|
||||||
/>
|
|
||||||
))}
|
|
||||||
<WCard
|
|
||||||
isCardButton="true"
|
|
||||||
extraClasses=""
|
|
||||||
imageObj={[
|
|
||||||
{ src: "/emoji/pixel_alexis.png", alt: "Pixel Alexis!" },
|
|
||||||
{ src: "/emoji/blue_heart.svg", alt: "Blue heart" },
|
|
||||||
]}
|
|
||||||
innerText="Take me back home!"
|
|
||||||
url="/"
|
|
||||||
/>
|
|
||||||
<MS />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue