Iszac page

This commit is contained in:
MeowcaTheoRange 2023-11-13 22:32:54 -06:00
parent efe13930f7
commit cf347b8660
3 changed files with 94 additions and 9 deletions

View file

@ -58,6 +58,44 @@ export default function Home() {
}} }}
> >
<ScrollBackInd hide={page <= 0} scroll={body.current} time={time} /> <ScrollBackInd hide={page <= 0} scroll={body.current} time={time} />
<Page
color={Color3.fromHex("FFFF00")}
scale
bg="center/50px 50px repeating-linear-gradient(45deg, #80808010, #80808010 25%, transparent 25%, transparent 50%, #80808010 50%, #80808010 75%, transparent 75%, transparent 100%)"
>
<h1>Warning</h1>
<p>
This part of the site goes into <b>mental health</b> and{" "}
<b>figuring out whether we're a system or not.</b>
<br />
If you're not comfortable with that kind of stuff, you can{" "}
<a href="/">go back home</a> and go on like nothing ever happened.
</p>
<p>
And if you just believe that{" "}
<strong>systems can only come forth from trauma</strong> and not
speculation, please understand that the reason this is all happening
in the first place (the possible trauma) is included within the
speculation.
<br />
Trauma comes in different shapes and sizes, so what may be obvious to
you may not be so obvious to others.
</p>
<p>
<b>Simply put, please be respectful.</b> We'll thank you for your
patience! :]
</p>
<p>
Check out{" "}
<a href="https://blog.abtmtr.link/stories/" target="_blank">
Iszac's blog
</a>{" "}
if you'd like to learn more.
<br />
With all of that said, feel free to continue.
</p>
<AccessibilityBox />
</Page>
<Page color={Color3.fromHex("FF4000")} cut> <Page color={Color3.fromHex("FF4000")} cut>
<h1> <h1>
Who's Theo?&nbsp; Who's Theo?&nbsp;
@ -75,7 +113,7 @@ export default function Home() {
He's a proud sysadmin, taking care of the technological side of things He's a proud sysadmin, taking care of the technological side of things
when he can. when he can.
</p> </p>
<AccessibilityBox /> <p>Honestly, there's not much to write home about him.</p>
<Floaty> <Floaty>
<img src="/whoami/theo_4x.png"></img> <img src="/whoami/theo_4x.png"></img>
</Floaty> </Floaty>
@ -96,7 +134,8 @@ export default function Home() {
</p> </p>
<p> <p>
Iszac isn't very enthusiastic about fronting at the moment, preferring Iszac isn't very enthusiastic about fronting at the moment, preferring
to take the backseat and front only when things are just right for him. to take the backseat and front only when things are just right for
him.
</p> </p>
<p> <p>
He's more creative, not too interested in sysadmining but more He's more creative, not too interested in sysadmining but more
@ -113,12 +152,52 @@ export default function Home() {
<p className="chip">he/him</p> <p className="chip">he/him</p>
</h1> </h1>
<p> <p>
We proudly make up MeowcaTheoRange! How MeowcaTheoRange is made up specifically is still under debate. We proudly make up MeowcaTheoRange! What this makes MeowcaTheoRange
specifically is still up for debate.
</p> </p>
<p> <p>
We're currently debating on whether or not we're a <strong>system</strong>, We're currently wondering whether or not we're a{" "}
especially because that's what we think is the best explanation to our <strong>system</strong>. We probably wouldn't be traumagenic, and
mental situation at the moment. we're still figuring things out between us and our switches.
</p>
<p>
It could also be some sort of other thing, but further investigation
would be needed.
</p>
<p>
It's honestly quite hard to tell traits between <strong>Iszac</strong>{" "}
and <strong>Theo</strong> from a future perspective, due to our poor
memory. It's not impossible, but it is hard.
</p>
<p>
Feel free to read{" "}
<a href="https://blog.abtmtr.link/stories/" target="_blank">
Iszac's blog
</a>{" "}
for more information - Theo moved some of his experiences trying to
find Iszac over there because he thought it fit.
</p>
<h2>Cool facts</h2>
<p>
<b>Iszac</b> prefers having his own side of things, finding it rude to
use anything that he knows Theo would mind. Therefore, he owns a few
accounts, and Theo owns his own accounts.
</p>
<p>
We're speculating being a system primarily due to our{" "}
<strong>given name</strong> seemingly not cutting it anymore, as well
as us preferring plural references.
</p>
<p>
We're honestly a bit hopeful that we are a system, though too much
excitement may push unrealistic expectations about who we are. We're
trying not to push it because we're honestly still not sure if we're
thinking about it right.
</p>
<p>
Neither <strong>Iszac</strong> nor <strong>Theo</strong> have specific
roles like "protector" or "trauma holder", probably because we're not
traumagenic, as stated before.
</p> </p>
</Page> </Page>
<Page color={Color3.fromHex("c0c0c0")}> <Page color={Color3.fromHex("c0c0c0")}>

View file

@ -57,6 +57,10 @@
padding-right: 128px; padding-right: 128px;
} }
.PageScale {
min-height: 0;
}
@media only screen and (max-width: 1024px) { @media only screen and (max-width: 1024px) {
.Page { .Page {
font-size: 16px; font-size: 16px;

View file

@ -10,6 +10,7 @@ export default function Page({
floaty = false, floaty = false,
half = false, half = false,
cut = false, cut = false,
scale = false,
id, id,
}: { }: {
children?: React.ReactNode; children?: React.ReactNode;
@ -19,15 +20,16 @@ export default function Page({
footer?: boolean; footer?: boolean;
floaty?: boolean; floaty?: boolean;
half?: boolean; half?: boolean;
scale?: boolean;
cut?: boolean; cut?: boolean;
id?: string; id?: string;
}) { }) {
return ( return (
<div <div
id={id} id={id}
className={`${styles.Page} ${cut ? styles.PageCut : ""} ${ className={`${styles.Page} ${scale ? styles.PageScale : ""} ${
half ? styles.PageHalf : "" cut ? styles.PageCut : ""
} ${preview ? styles.PagePreview : ""} ${ } ${half ? styles.PageHalf : ""} ${preview ? styles.PagePreview : ""} ${
footer ? styles.PageFooter : "" footer ? styles.PageFooter : ""
} ${floaty ? styles.PageSpace : ""} block PG-collapse-on-a11y`} } ${floaty ? styles.PageSpace : ""} block PG-collapse-on-a11y`}
style={ style={