Identity pages have all been fixed and data has been moved to YAML files.

This commit is contained in:
Alexis Werefox 2021-06-15 22:15:46 +00:00
parent 199539d0b1
commit 40cd1fbf70
10 changed files with 241 additions and 97 deletions

View File

@ -0,0 +1,22 @@
--- # Fursona YAML
Fursona:
page_title: "What's Gender?"
card_title: "I'm Transgender!"
title: "Alexis Werefox"
src: "/emoji/pixel_alexis.png"
alt: "It's me! Alexis Werefox!"
src2: "/images/alexis_witch.jpg"
alt2: "Some art of Alexis Werefox in a black corset and miniskirt and pink/black striped leggings and a witch hat, with magic effects surrounding her."
info: |
That's me, the witchy foxxo herself! 💙
Despite making this whole website, I'm honestly not much for talking about myself most of the time, unless I'm feeling particularly good.
I'm a fox, though! I think originally based on a fennec, but I've kinda moved away from that design nowadays.
Also, I'm a witch! I have magic powers, which have honestly been mostly used to indulge in kinks, but uhhhhhh... What were we talking about here again?
I know! I know! You came here to see some art, yes?! Well, here's a free one for ya!~
(this was done by the wonderful @ribbonfemale on Twitter!)

View File

@ -1,6 +1,8 @@
--- # Gender YAML
Gender:
page_title: "What's Gender?"
card_title: "I'm Transgender!"
title: "Trans-femme"
url: "https://gender.wikia.org/wiki/Transfeminine"
src: "/emoji/transgender_flag.svg"

View File

@ -0,0 +1,31 @@
--- # Neurodiversity YAML
Neuro:
page_title: "Neurodiversity, Fam"
card_title: "I'm Neurodivergent!"
title: "ADHD"
url: "https://www.youtube.com/channel/UC-nPM1_kSZf91ZGkcgy_95Q"
src: "/emoji/neurodiversity.svg"
alt: "The neurodiversity symbol"
info: |
This stands for "Attention-Deficit Hyperactivity Disorder".
Addionally, the term "neurodivergent" is a general term meaning someone who lives with a form of mental disorder which may impair or alter the way they act and react to the world around them.
While the term ADHD does address the attention and hyperactive aspects of the disorder, there are actually many other aspects that often go unaddressed. The main ones, however, are:
- Lack of focus, and conversely, hyperfocus!
- Impulsiveness
- Impaired ability to multitask
- Time management issues
- Executive dysfunction (complicated, but basically an inability to do things right away)
- Difficulty remembering things (especially details and things we don't find stimulating)
- Emotional dysregularity (we have trouble regulating our emotions!)
- Last, but not least, is something called "rejection sensitivity", which can be hard to explain, but is essentially an extreme sensitivity to isolation, to the point where we will make up (often harmful and incorrect) reasons for why others must be avoiding us.
It isn't technically medically accepted, but is proven to be a common symptom among ADHD folks!
Two basic things you should recgonize about why we are this way is that for one, we don't receive enough Dopamine for accomplishing things compared to neurotypicals, and it makes doing things we don't like incredibly dreadful, and gives us a bit of a dependence on receiving more Dopamine constantly.
Second, the part of our brain that manages emotional regulation is underdeveloped, which makes our capacity for controlling emotions comparable sometimes to that of a child.
There's a lot more I wish I could say, but I can genuinely recommend the following link to the YouTube channel "How to ADHD" if you want to learn more, especially if you believe you have this disorder yourself!

View File

@ -0,0 +1,15 @@
--- # Pronouns YAML
Pronouns:
page_title: "What are your pronouns?"
card_title: "Pronouns! Important!"
title: "She/Her"
url: "https://pronouns.me/she"
src: "/emoji/speech_bubble_left.svg"
alt: "A speech bubble emoji"
info: |
When you're referring to me, please use the pronouns "She/Her".
If you need some examples, for whatever reason, here are some from the site you can visit by clicking on the link below!
"Today I met a new friend, and she is really nice. She has a wonderful personality. That smile of hers really makes me happy."

View File

@ -0,0 +1,35 @@
--- # Sexuality YAML
Sexuality:
page_title: "What's My Sexuality?"
card_title: "Sexuality Details!"
Polyam:
title: "Polyam"
url: "https://lgbta.wikia.org/wiki/Polyamorous"
src: "/emoji/polyamory_flag.svg"
alt: "The polyamory flag"
info: |
Short for "Polyamory", this means that I am okay with having multiple partners!
There's a lot I can say about Polyamory, but I feel like if you really want to learn more about it, you might be better off following the link below.
Pansexual:
title: "Pansexual"
url: "https://lgbta.wikia.org/wiki/Pansexual"
src: "/emoji/pansexual_flag.svg"
alt: "The pansexual flag"
info: |
This means that I am okay with sexual and romantic partners of any gender identity!
Of course, being Pansexual does not mean I cannot have preferences or that I want to date *"anyone"*, just that I am open to it.
Lesbian:
title: "Lesbian"
url: "https://lgbta.wikia.org/wiki/Lesbian"
src: "/emoji/lesbian_flag.svg"
alt: "The lesbian flag"
info: |
This means that I am okay with sexual and romantic partners that are the same gender identity as me!
If you have questions about how I could be both Pansexual and Lesiban, I'd refer you to my FAQ.

View File

@ -1,27 +1,38 @@
import BasicPage from "../../../components/basic-page";
import IDCard from "../../../components/identity-card";
export default function Fursona() {
export async function getStaticProps() {
const fs = require("fs");
const yaml = require("js-yaml");
let FURSONA = "";
try {
let fileContent = fs.readFileSync("./data/identities/fursona.yml", "utf8");
FURSONA = yaml.load(fileContent);
} catch (e) {
console.log(e);
}
return {
props: {
FURSONA,
},
};
}
export default function Fursona({ FURSONA }) {
return (
<BasicPage page_title="OwO What's this?" card_title="Fursona Details!">
<BasicPage page_title={FURSONA["Fursona"].page_title} card_title={FURSONA["Fursona"].card_title}>
{Object.keys(FURSONA).map((fursona) => (
<IDCard
title="Alexis Werefox"
info={`That's me, the witchy foxxo herself! 💙
Despite making this whole website, I'm honestly not much for talking about myself most of the time, unless I'm feeling particularly good.
I'm a fox, though! I think originally based on a fennec, but I've kinda moved away from that design nowadays.
Also, I'm a witch! I have magic powers, which have honestly been mostly used to indulge in kinks, but uhhhhhh... What were we talking about here again?
I know! I know! You came here to see some art, yes?! Well, here's a free one for ya!~
(this was done by the wonderful @ribbonfemale on Twitter!)`}
src="/emoji/pixel_alexis.png"
alt="It's me! Alexis Werefox!"
src2="/images/alexis_witch.jpg"
alt2="Some art of Alexis Werefox in a black corset and miniskirt and pink/black striped leggings and a witch hat, with magic effects surrounding her."
key={fursona}
title={FURSONA[fursona].title}
info={FURSONA[fursona].info}
src={FURSONA[fursona].src}
alt={FURSONA[fursona].alt}
src2={FURSONA[fursona].src2}
alt2={FURSONA[fursona].alt2}
/>
))}
</BasicPage>
);
}

View File

@ -1,14 +1,13 @@
import BasicPage from "../../../components/basic-page";
import IDCard from "../../../components/identity-card";
// An object listing pages folks can visit
export async function getStaticProps() {
const fs = require("fs");
const yaml = require("js-yaml");
let GENDER = "";
try {
let fileContent = fs.readFileSync("./data/gender.yml", "utf8");
let fileContent = fs.readFileSync("./data/identities/gender.yml", "utf8");
GENDER = yaml.load(fileContent);
} catch (e) {
console.log(e);
@ -22,7 +21,10 @@ export async function getStaticProps() {
export default function Gender({ GENDER }) {
return (
<BasicPage page_title="What's Gender?" card_title="I'm Transgender!">
<BasicPage
page_title={GENDER["Gender"].page_title}
card_title={GENDER["Gender"].card_title}
>
{Object.keys(GENDER).map((gender) => (
<IDCard
key={gender}

View File

@ -1,39 +1,40 @@
import BasicPage from "../../../components/basic-page";
import IDCard from "../../../components/identity-card";
export default function Neurodiversity() {
export async function getStaticProps() {
const fs = require("fs");
const yaml = require("js-yaml");
let NEURO = "";
try {
let fileContent = fs.readFileSync("./data/identities/neuro.yml", "utf8");
NEURO = yaml.load(fileContent);
} catch (e) {
console.log(e);
}
return {
props: {
NEURO,
},
};
}
export default function Neurodiversity({ NEURO }) {
return (
<BasicPage
page_title="Neurodiversity, Fam"
card_title="I'm Neurodivergent!"
page_title={NEURO["Neuro"].page_title}
card_title={NEURO["Neuro"].card_title}
>
<IDCard
title="ADHD"
info={`This stands for "Attention-Deficit Hyperactivity Disorder".
Addionally, the term "neurodivergent" is a general term meaning someone who lives with a form of mental disorder which may impair or alter the way they act and react to the world around them.
While the term ADHD does address the attention and hyperactive aspects of the disorder, there are actually many other aspects that often go unaddressed. The main ones, however, are:
- Lack of focus, and conversely, hyperfocus!
- Impulsiveness
- Impaired ability to multitask
- Time management issues
- Executive dysfunction (complicated, but basically an inability to do things right away)
- Difficulty remembering things (especially details and things we don't find stimulating)
- Emotional dysregularity (we have trouble regulating our emotions!)
- Last, but not least, is something called "rejection sensitivity", which can be hard to explain, but is essentially an extreme sensitivity to isolation, to the point where we will make up (often harmful and incorrect) reasons for why others must be avoiding us.
It isn't technically medically accepted, but is proven to be a common symptom among ADHD folks!
Two basic things you should recgonize about why we are this way is that for one, we don't receive enough Dopamine for accomplishing things compared to neurotypicals, and it makes doing things we don't like incredibly dreadful, and gives us a bit of a dependence on receiving more Dopamine constantly.
Second, the part of our brain that manages emotional regulation is underdeveloped, which makes our capacity for controlling emotions comparable sometimes to that of a child.
There's a lot more I wish I could say, but I can genuinely recommend the following link to the YouTube channel "How to ADHD" if you want to learn more, especially if you believe you have this disorder yourself!`}
url="https://www.youtube.com/channel/UC-nPM1_kSZf91ZGkcgy_95Q"
src="/emoji/neurodiversity.svg"
alt="The neurodiversity symbol"
/>
{Object.keys(NEURO).map((neuro) => (
<IDCard
key={neuro}
title={NEURO[neuro].title}
info={NEURO[neuro].info}
url={NEURO[neuro].url}
src={NEURO[neuro].src}
alt={NEURO[neuro].alt}
/>
))}
</BasicPage>
);
}

View File

@ -1,23 +1,40 @@
import BasicPage from "../../../components/basic-page";
import IDCard from "../../../components/identity-card";
export default function Pronouns() {
export async function getStaticProps() {
const fs = require("fs");
const yaml = require("js-yaml");
let PRONOUNS = "";
try {
let fileContent = fs.readFileSync("./data/identities/pronouns.yml", "utf8");
PRONOUNS = yaml.load(fileContent);
} catch (e) {
console.log(e);
}
return {
props: {
PRONOUNS,
},
};
}
export default function Pronouns({ PRONOUNS }) {
return (
<BasicPage
page_title="What are your pronouns?"
card_title="Pronouns! Important!"
page_title={PRONOUNS["Pronouns"].page_title}
card_title={PRONOUNS["Pronouns"].card_title}
>
<IDCard
title="She/Her"
info={`When you're referring to me, please use the pronouns "She/Her".
If you need some examples, for whatever reason, here are some from the site you can visit by clicking on the link below!
"Today I met a new friend, and she is really nice. She has a wonderful personality. That smile of hers really makes me happy."`}
url="https://pronouns.me/she"
src="/emoji/speech_bubble_left.svg"
alt="A speech bubble emoji"
/>
{Object.keys(PRONOUNS).map((pronouns) => (
<IDCard
key={pronouns}
title={PRONOUNS[pronouns].title}
info={PRONOUNS[pronouns].info}
url={PRONOUNS[pronouns].url}
src={PRONOUNS[pronouns].src}
alt={PRONOUNS[pronouns].alt}
/>
))}
</BasicPage>
);
}

View File

@ -1,39 +1,47 @@
import BasicPage from "../../../components/basic-page";
import IDCard from "../../../components/identity-card";
export default function Sexuality() {
export async function getStaticProps() {
const fs = require("fs");
const yaml = require("js-yaml");
let SEXUALITY = "";
let page_title = "";
let card_title = "";
try {
let fileContent = fs.readFileSync(
"./data/identities/sexuality.yml",
"utf8"
);
SEXUALITY = yaml.load(fileContent);
page_title = SEXUALITY["Sexuality"].page_title;
card_title = SEXUALITY["Sexuality"].card_title;
delete SEXUALITY["Sexuality"];
} catch (e) {
console.log(e);
}
return {
props: {
SEXUALITY,
page_title,
card_title,
},
};
}
export default function Sexuality({ SEXUALITY, page_title, card_title }) {
return (
<BasicPage
page_title="What's My Sexuality?"
card_title="Sexuality Details!"
>
<IDCard
title="Polyam"
info={`Short for "Polyamory", this means that I am okay with having multiple partners!
There's a lot I can say about Polyamory, but I feel like if you really want to learn more about it, you might be better off following the link below.`}
url="https://lgbta.wikia.org/wiki/Polyamorous"
src="/emoji/polyamory_flag.svg"
alt="The polyamory flag"
/>
<IDCard
title="Pansexual"
info={`This means that I am okay with sexual and romantic partners of any gender identity!
Of course, being Pansexual does not mean I cannot have preferences or that I want to date *"anyone"*, just that I am open to it.`}
url="https://lgbta.wikia.org/wiki/Pansexual"
src="/emoji/pansexual_flag.svg"
alt="The pansexual flag"
/>
<IDCard
title="Lesbian"
info={`This means that I am okay with sexual and romantic partners that are the same gender identity as me!
If you have questions about how I could be both Pansexual and Lesiban, I'd refer you to my FAQ.`}
url="https://lgbta.wikia.org/wiki/Lesbian"
src="/emoji/lesbian_flag.svg"
alt="The lesbian flag"
/>
<BasicPage page_title={page_title} card_title={card_title}>
{Object.keys(SEXUALITY).map((sexuality) => (
<IDCard
key={sexuality}
title={SEXUALITY[sexuality].title}
info={SEXUALITY[sexuality].info}
url={SEXUALITY[sexuality].url}
src={SEXUALITY[sexuality].src}
alt={SEXUALITY[sexuality].alt}
/>
))}
</BasicPage>
);
}