Iszac page

src/app/iszac/page.tsx

@@ -58,6 +58,44 @@ export default function Home() {
       }}
     >
       <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>
         <h1>
           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
           when he can.
         </p>
-        <AccessibilityBox />
+        <p>Honestly, there's not much to write home about him.</p>
         <Floaty>
           <img src="/whoami/theo_4x.png"></img>
         </Floaty>
@@ -96,7 +134,8 @@ export default function Home() {
         </p>
         <p>
           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>
           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>
         </h1>
         <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>
-          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>
       </Page>
       <Page color={Color3.fromHex("c0c0c0")}>

src/components/Page/Page.module.css

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

src/components/Page/Page.tsx

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