Minor changes to main page.
This commit is contained in:
Alexis Werefox
parent
3c56988c65
commit
9a50044b12
|
|
@ -10,149 +10,172 @@ export default function Home() {
|
||||||
card_title="Hi! I'm Alexis Werefox!"
|
card_title="Hi! I'm Alexis Werefox!"
|
||||||
>
|
>
|
||||||
<WCard>
|
<WCard>
|
||||||
<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">
|
<div className="p-2 space-y-2">
|
||||||
<IDButton
|
<div className="rounded-lg ring-2 ring-werefox-grey-lightest dark:ring-werefox-grey-darker bg-werefox-grey-lighter dark:bg-werefox-grey-dark">
|
||||||
extraClasses=""
|
<p className="p-2 text-center text-md sm:text-lg text-center text-werefox-blue-dark dark:text-werefox-blue">
|
||||||
imageObj={{ src: "/emoji/18_plus.svg", alt: "Over 18" }}
|
<p>Basic Info</p>
|
||||||
innerText="26"
|
</p>
|
||||||
url=""
|
</div>
|
||||||
/>
|
<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
|
<IDButton
|
||||||
extraClasses="xl:pt-1 xl:align-text-bottom xl:text-sm xl:min-h-full"
|
extraClasses=""
|
||||||
imageObj={[
|
imageObj={{ src: "/emoji/18_plus.svg", alt: "Over 18" }}
|
||||||
{
|
innerText="26"
|
||||||
src: "/emoji/transgender_flag.svg",
|
url=""
|
||||||
alt: "Transgender flag",
|
/>
|
||||||
},
|
<IDButton
|
||||||
{
|
extraClasses="xl:pt-1 xl:align-text-bottom xl:text-sm xl:min-h-full"
|
||||||
src: "/emoji/female_symbol.svg",
|
imageObj={[
|
||||||
alt: "Female symbol",
|
{
|
||||||
},
|
src: "/emoji/transgender_flag.svg",
|
||||||
]}
|
alt: "Transgender flag",
|
||||||
innerText="Trans-femme"
|
},
|
||||||
url="/identities/gender"
|
{
|
||||||
/>
|
src: "/emoji/female_symbol.svg",
|
||||||
<IDButton
|
alt: "Female symbol",
|
||||||
extraClasses=""
|
},
|
||||||
imageObj={{
|
]}
|
||||||
src: "/emoji/speech_bubble_left.svg",
|
innerText="Trans-femme"
|
||||||
alt: "",
|
url="/identities/gender"
|
||||||
}}
|
/>
|
||||||
innerText="She/her"
|
<IDButton
|
||||||
url="/identities/pronouns"
|
extraClasses=""
|
||||||
/>
|
imageObj={{
|
||||||
<IDButton
|
src: "/emoji/speech_bubble_left.svg",
|
||||||
extraClasses=""
|
alt: "",
|
||||||
imageObj={{
|
}}
|
||||||
src: "/emoji/polyamory_flag.svg",
|
innerText="She/her"
|
||||||
alt: "Polyamory flag",
|
url="/identities/pronouns"
|
||||||
}}
|
/>
|
||||||
innerText="Polyam"
|
<IDButton
|
||||||
url="/identities/sexuality"
|
extraClasses=""
|
||||||
/>
|
imageObj={{
|
||||||
<IDButton
|
src: "/emoji/polyamory_flag.svg",
|
||||||
extraClasses=""
|
alt: "Polyamory flag",
|
||||||
imageObj={{
|
}}
|
||||||
src: "/emoji/pansexual_flag.svg",
|
innerText="Polyam"
|
||||||
alt: "Pansexual flag",
|
url="/identities/sexuality"
|
||||||
}}
|
/>
|
||||||
innerText="Pansexual"
|
<IDButton
|
||||||
url="/identities/sexuality"
|
extraClasses=""
|
||||||
/>
|
imageObj={{
|
||||||
<IDButton
|
src: "/emoji/pansexual_flag.svg",
|
||||||
extraClasses=""
|
alt: "Pansexual flag",
|
||||||
imageObj={{
|
}}
|
||||||
src: "/emoji/lesbian_flag.svg",
|
innerText="Pansexual"
|
||||||
alt: "Lesbian flag",
|
url="/identities/sexuality"
|
||||||
}}
|
/>
|
||||||
innerText="Lesbian"
|
<IDButton
|
||||||
url="/identities/sexuality"
|
extraClasses=""
|
||||||
/>
|
imageObj={{
|
||||||
<IDButton
|
src: "/emoji/lesbian_flag.svg",
|
||||||
extraClasses=""
|
alt: "Lesbian flag",
|
||||||
imageObj={{
|
}}
|
||||||
src: "/emoji/blue_heart.svg",
|
innerText="Lesbian"
|
||||||
alt: "Blue heart",
|
url="/identities/sexuality"
|
||||||
}}
|
/>
|
||||||
innerText="Single"
|
<IDButton
|
||||||
url="/identities/partners"
|
extraClasses=""
|
||||||
/>
|
imageObj={{
|
||||||
<IDButton
|
src: "/emoji/blue_heart.svg",
|
||||||
extraClasses=""
|
alt: "Blue heart",
|
||||||
imageObj={{
|
}}
|
||||||
src: "/emoji/neurodiversity.svg",
|
innerText="Single"
|
||||||
alt: "Neurodiversity symbol",
|
url="/identities/partners"
|
||||||
}}
|
/>
|
||||||
innerText="ADHD"
|
<IDButton
|
||||||
url="/identities/neuro"
|
extraClasses=""
|
||||||
/>
|
imageObj={{
|
||||||
<IDButton
|
src: "/emoji/neurodiversity.svg",
|
||||||
extraClasses="xl:pt-1 xl:align-text-bottom xl:text-sm xl:min-h-full"
|
alt: "Neurodiversity symbol",
|
||||||
imageObj={[
|
}}
|
||||||
{
|
innerText="ADHD"
|
||||||
src: "/emoji/fox.svg",
|
url="/identities/neuro"
|
||||||
alt: "Fox",
|
/>
|
||||||
},
|
<IDButton
|
||||||
{
|
extraClasses="xl:pt-1 xl:align-text-bottom xl:text-sm xl:min-h-full"
|
||||||
src: "/emoji/magic_wand.svg",
|
imageObj={[
|
||||||
alt: "Magic wand",
|
{
|
||||||
},
|
src: "/emoji/fox.svg",
|
||||||
]}
|
alt: "Fox",
|
||||||
innerText="Fox witch"
|
},
|
||||||
url="/identities/fursona"
|
{
|
||||||
/>
|
src: "/emoji/magic_wand.svg",
|
||||||
|
alt: "Magic wand",
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
innerText="Fox witch"
|
||||||
|
url="/identities/fursona"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</WCard>
|
</WCard>
|
||||||
<WCard>
|
<WCard>
|
||||||
<p className="p-4 text-lg text-center text-werefox-blue-dark dark:text-werefox-blue">
|
<div className="p-2 space-y-2">
|
||||||
Welcome to my little info site!
|
<div className="rounded-lg ring-2 ring-werefox-grey-lightest dark:ring-werefox-grey-darker bg-werefox-grey-lighter dark:bg-werefox-grey-dark">
|
||||||
</p>
|
<p className="p-2 text-center text-md sm:text-lg text-center text-werefox-blue-dark dark:text-werefox-blue">
|
||||||
<p className="pl-4 pr-4 pb-4 text-lg text-center text-werefox-blue-dark dark:text-werefox-blue">
|
<p>Welcome to my little info site!</p>
|
||||||
I'd describe myself as somewhere between a hot date and a hot mess.
|
</p>
|
||||||
Just a witchy foxxo programmer trying to make it in the world tbh.
|
</div>
|
||||||
</p>
|
<div className="rounded-lg ring-2 ring-werefox-grey-lightest dark:ring-werefox-grey-darker bg-werefox-grey-lighter dark:bg-werefox-grey-dark">
|
||||||
<p className="pl-4 pr-4 pb-4 text-lg text-center text-werefox-blue-dark dark:text-werefox-blue">
|
<p className="p-4 text-lg text-center text-werefox-blue-dark dark:text-werefox-blue">
|
||||||
Feel free to click/tap any of the neat buttons above this to learn
|
I'd describe myself as somewhere between a hot date and a hot
|
||||||
more about my different aspects of personality.
|
mess. Just a witchy foxxo programmer trying to make it in the
|
||||||
</p>
|
world tbh.
|
||||||
<p className="pl-4 pr-4 pb-4 text-lg text-center text-werefox-blue-dark dark:text-werefox-blue">
|
</p>
|
||||||
Down below, I've got some more neat little pages and useful info you
|
<p className="pl-4 pr-4 pb-4 text-lg text-center text-werefox-blue-dark dark:text-werefox-blue">
|
||||||
can look at.
|
Feel free to click/tap any of the neat buttons above this to learn
|
||||||
</p>
|
more about my different aspects of personality.
|
||||||
<p className="pl-4 pr-4 pb-4 text-lg text-center text-werefox-blue-dark dark:text-werefox-blue">
|
</p>
|
||||||
Please do look around and enjoy your stay!~ 💙
|
<p className="pl-4 pr-4 pb-4 text-lg text-center text-werefox-blue-dark dark:text-werefox-blue">
|
||||||
</p>
|
Down below, I've got some more neat little pages and useful info
|
||||||
|
you can look at.
|
||||||
|
</p>
|
||||||
|
<p className="pl-4 pr-4 pb-4 text-lg text-center text-werefox-blue-dark dark:text-werefox-blue">
|
||||||
|
Please do look around and enjoy your stay!~ 💙
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</WCard>
|
||||||
|
<WCard>
|
||||||
|
<div className="p-2 space-y-2">
|
||||||
|
<div className="rounded-lg ring-2 ring-werefox-grey-lightest dark:ring-werefox-grey-darker bg-werefox-grey-lighter dark:bg-werefox-grey-dark">
|
||||||
|
<p className="p-2 text-center text-md sm:text-lg text-center text-werefox-blue-dark dark:text-werefox-blue">
|
||||||
|
<p>Useful Pages! (hopefully!)</p>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<WCard
|
||||||
|
isCardButton="true"
|
||||||
|
extraClasses=""
|
||||||
|
imageObj={{
|
||||||
|
src: "/emoji/trans_heart.png",
|
||||||
|
alt: "Transgender heart",
|
||||||
|
}}
|
||||||
|
innerText="HRT Tracker!"
|
||||||
|
url="/hrt"
|
||||||
|
/>
|
||||||
|
<WCard
|
||||||
|
isCardButton="true"
|
||||||
|
extraClasses=""
|
||||||
|
imageObj={{
|
||||||
|
src: "/emoji/awoo.svg",
|
||||||
|
alt: "Testimonials",
|
||||||
|
}}
|
||||||
|
innerText="See Testimonials!"
|
||||||
|
url="/testimonials"
|
||||||
|
/>
|
||||||
|
<WCard
|
||||||
|
isCardButton="true"
|
||||||
|
extraClasses=""
|
||||||
|
imageObj={{
|
||||||
|
src: "/emoji/red_question_mark.svg",
|
||||||
|
alt: "Frequently Asked Question",
|
||||||
|
}}
|
||||||
|
innerText="FAQ"
|
||||||
|
url="/faq"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</WCard>
|
</WCard>
|
||||||
<WCard
|
|
||||||
isCardButton="true"
|
|
||||||
extraClasses=""
|
|
||||||
imageObj={{
|
|
||||||
src: "/emoji/trans_heart.png",
|
|
||||||
alt: "Transgender heart",
|
|
||||||
}}
|
|
||||||
innerText="HRT Tracker!"
|
|
||||||
url="/hrt"
|
|
||||||
/>
|
|
||||||
<WCard
|
|
||||||
isCardButton="true"
|
|
||||||
extraClasses=""
|
|
||||||
imageObj={{
|
|
||||||
src: "/emoji/awoo.svg",
|
|
||||||
alt: "Testimonials",
|
|
||||||
}}
|
|
||||||
innerText="See Testimonials!"
|
|
||||||
url="/testimonials"
|
|
||||||
/>
|
|
||||||
<WCard
|
|
||||||
isCardButton="true"
|
|
||||||
extraClasses=""
|
|
||||||
imageObj={{
|
|
||||||
src: "/emoji/red_question_mark.svg",
|
|
||||||
alt: "Frequently Asked Question",
|
|
||||||
}}
|
|
||||||
innerText="FAQ"
|
|
||||||
url="/faq"
|
|
||||||
/>
|
|
||||||
</BasicPage>
|
</BasicPage>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue