From 14c6e5a8bebfd10fb976984b505a208c82848d28 Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Mon, 12 Dec 2022 01:44:02 -0800
Subject: [PATCH] State of DTI 2022 letter

not linked anywhere yet, just the page itself created!
---
 pages/state-of-dti-2022.tsx   |   5 ++
 src/app/HomePage.js           |   8 ++-
 src/app/StateOfDTI2022Page.js | 123 ++++++++++++++++++++++++++++++++++
 3 files changed, 133 insertions(+), 3 deletions(-)
 create mode 100644 pages/state-of-dti-2022.tsx
 create mode 100644 src/app/StateOfDTI2022Page.js
diff --git a/pages/state-of-dti-2022.tsx b/pages/state-of-dti-2022.tsx
new file mode 100644
index 00000000..45263c12
--- /dev/null
+++ b/pages/state-of-dti-2022.tsx
@@ -0,0 +1,5 @@
+import StateOfDTI2022Page from "../src/app/StateOfDTI2022Page.js";
+
+export default function StateOfDTI2022PageWrapper() {
+  return <StateOfDTI2022Page />;
+}
diff --git a/src/app/HomePage.js b/src/app/HomePage.js
index f5eaa2c6..043af928 100644
--- a/src/app/HomePage.js
+++ b/src/app/HomePage.js
@@ -664,7 +664,7 @@ function FeedbackFormSection() {
   );
 }
 
-function FeedbackFormContainer({ background, borderColor, children }) {
+export function FeedbackFormContainer({ background, borderColor, children }) {
   return (
     <Box
       as="section"
@@ -796,7 +796,7 @@ function FeedbackFormPitch() {
   );
 }
 
-function FeedbackForm() {
+export function FeedbackForm({ contentPlaceholder }) {
   const [content, setContent] = React.useState("");
   const [email, setEmail] = useLocalStorage("DTIFeedbackFormEmail", "");
   const [isSending, setIsSending] = React.useState(false);
@@ -870,7 +870,9 @@ function FeedbackForm() {
       />
       <Textarea
         size="sm"
-        placeholder={"I love…\nI wish…\nNext, you should add…"}
+        placeholder={
+          contentPlaceholder ?? "I love…\nI wish…\nNext, you should add…"
+        }
         gridArea="content"
         value={content}
         onChange={(e) => setContent(e.target.value)}
diff --git a/src/app/StateOfDTI2022Page.js b/src/app/StateOfDTI2022Page.js
new file mode 100644
index 00000000..f26b1341
--- /dev/null
+++ b/src/app/StateOfDTI2022Page.js
@@ -0,0 +1,123 @@
+import Head from "next/head";
+
+import { Heading1 } from "./util";
+import TextContent from "./components/TextContent";
+
+import HomepageSplashImg from "./images/homepage-splash.png";
+import Image from "next/image";
+import { Box, useColorModeValue } from "@chakra-ui/react";
+import { FeedbackForm, FeedbackFormContainer } from "./HomePage";
+
+function StateOfDTI2022Page() {
+  const formBorderColor = useColorModeValue("gray.300", "blue.400");
+  return (
+    <>
+      <Head>
+        <title>State of DTI: 2022 | Dress to Impress</title>
+      </Head>
+      <Box display="flex" justifyContent="center" marginBottom="3">
+        <Image
+          src={HomepageSplashImg}
+          width={200}
+          height={200}
+          alt="Dress to Impress beach background"
+          layout="fixed"
+        />
+      </Box>
+      <Heading1 marginBottom="4" textAlign="center">
+        State of DTI: 2022
+      </Heading1>
+      <TextContent maxWidth="700px" marginX="auto">
+        <p>
+          Hello, dear friends! I'm Matchu (they/she), the coder-person of Dress
+          to Impress! Here's a little note about like… why the site is stuck
+          where it is rn, and what we're thinking of doing about that.
+        </p>
+        <p>
+          Dress to Impress started back in 2010, when I was in high school! I
+          ran it alone for most of that time, but recently Chips and Dice from
+          the /r/Neopets community have been helping keep on top of things, and
+          it's been a serious game changer for keeping all our customization
+          data accurate and reliable, thank you!!!
+        </p>
+        <p>
+          I on the other hand have… <em>not</em> been on top of things 😅😖 My
+          body has been uncooperative the past couple years (long covid seems
+          likely, it's hard to say?), and about 70–80% of the way through
+          development of the new site, my power just kinda… stopped. It's not a
+          great situation for someone like that to be the only person holding
+          the keys to the codebase, but, well, that's where we are.
+        </p>
+        <p>
+          DTI 2020 started with three big goals in mind: supporting the new
+          HTML5 customization system, working well on phones, and replacing some
+          of the needlessly-complex tech I built back when I was like literally
+          a teenager 😳 The first two got done, but it's hard to say we ever
+          "replaced" anything: now we just have uhh <em>two</em> sites. We
+          wanted to make everyone fall in love with DTI 2020 and be happy to let
+          it smoothly replace Classic DTI by the end of 2020… but work stopped,
+          so it never did.
+        </p>
+        <p>
+          Not to mention that, since then, the world's been changing around us.
+          As Neopets.com starts to maybe lose support from its parent company,
+          and some of its technical infrastructure starts to become unstable,
+          our top priority today is to make sure Neopets customization never
+          becomes lost media. We used to depend on Neopets.com for hosting a LOT
+          of the new HTML5 art, without keeping our own copy, but that's just
+          not an option anymore—and I've put in a last big emergency oomph of
+          effort to make sure we have everything we need, in case the site goes
+          offline before anyone expects it to.
+        </p>
+        <p>
+          And it's also all the more reason to move away from our complex
+          Classic DTI tech, and onto something that's easy to distribute and run
+          in the future, so the Neopets community isn't depending on our server
+          and its old messy tech staying online for 20+ years. But that just
+          never got done, and I wish it hadn't taken me two years to admit that
+          I physically don't have the power to do it 😖
+        </p>
+        <p>
+          So… that's the way of things. We built some support tech for Chips and
+          Dice over the years, and they've been doing a great job keeping
+          everything working, and I try to stay on top of the bugs they run
+          into… but that's just all the coding power DTI has right now.
+        </p>
+        <p>
+          If there's anyone out there who's had practice with React/Node apps,
+          and is ready to spelunk into a codebase that was never really built
+          for a team and try to finish up what's left, please send me a note at{" "}
+          <a href="mailto:matchu@openneo.net">matchu@openneo.net</a> and I'd
+          love to talk about it! 💜 It probably won't be easy work, but I know
+          there's lots of folks who would be grateful.
+        </p>
+        <p>
+          In the meantime, mostly just… thanks to everyone for being so kind to
+          me over these, gosh, 12 years now. The Neopets community is where I
+          grew up, and I'll do my best to help keep it alive in the coming
+          decades, whatever form it may take! We deserve that.
+        </p>
+        <p>
+          Best wishes in all things, Neopians,
+          <br />—
+          <Box as="span" fontStyle="italic">
+            Matchu
+          </Box>
+        </p>
+        <Box as="p" fontSize="sm">
+          P.S. I've dropped the little feedback form element at the bottom of
+          the page here too, so you can let me know if like… anything in here
+          sounds especially right or wrong. I want to make sure I'm doing right
+          by you, as best I can!
+        </Box>
+      </TextContent>
+      <Box maxWidth="500px" marginX="auto" marginTop="6">
+        <FeedbackFormContainer borderColor={formBorderColor}>
+          <FeedbackForm contentPlaceholder="Anything come to mind?" />
+        </FeedbackFormContainer>
+      </Box>
+    </>
+  );
+}
+
+export default StateOfDTI2022Page;
