State of DTI 2022 letter
not linked anywhere yet, just the page itself created!
This commit is contained in:
parent
5f7a17b244
commit
14c6e5a8be
3 changed files with 133 additions and 3 deletions
5
pages/state-of-dti-2022.tsx
Normal file
5
pages/state-of-dti-2022.tsx
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
import StateOfDTI2022Page from "../src/app/StateOfDTI2022Page.js";
|
||||||
|
|
||||||
|
export default function StateOfDTI2022PageWrapper() {
|
||||||
|
return <StateOfDTI2022Page />;
|
||||||
|
}
|
||||||
|
|
@ -664,7 +664,7 @@ function FeedbackFormSection() {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
function FeedbackFormContainer({ background, borderColor, children }) {
|
export function FeedbackFormContainer({ background, borderColor, children }) {
|
||||||
return (
|
return (
|
||||||
<Box
|
<Box
|
||||||
as="section"
|
as="section"
|
||||||
|
|
@ -796,7 +796,7 @@ function FeedbackFormPitch() {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
function FeedbackForm() {
|
export function FeedbackForm({ contentPlaceholder }) {
|
||||||
const [content, setContent] = React.useState("");
|
const [content, setContent] = React.useState("");
|
||||||
const [email, setEmail] = useLocalStorage("DTIFeedbackFormEmail", "");
|
const [email, setEmail] = useLocalStorage("DTIFeedbackFormEmail", "");
|
||||||
const [isSending, setIsSending] = React.useState(false);
|
const [isSending, setIsSending] = React.useState(false);
|
||||||
|
|
@ -870,7 +870,9 @@ function FeedbackForm() {
|
||||||
/>
|
/>
|
||||||
<Textarea
|
<Textarea
|
||||||
size="sm"
|
size="sm"
|
||||||
placeholder={"I love…\nI wish…\nNext, you should add…"}
|
placeholder={
|
||||||
|
contentPlaceholder ?? "I love…\nI wish…\nNext, you should add…"
|
||||||
|
}
|
||||||
gridArea="content"
|
gridArea="content"
|
||||||
value={content}
|
value={content}
|
||||||
onChange={(e) => setContent(e.target.value)}
|
onChange={(e) => setContent(e.target.value)}
|
||||||
|
|
|
||||||
123
src/app/StateOfDTI2022Page.js
Normal file
123
src/app/StateOfDTI2022Page.js
Normal file
|
|
@ -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;
|
||||||
Loading…
Reference in a new issue