Merge branch 'state-of-dti-2022' into main

This commit is contained in:
Emi Matchu 2023-03-23 21:54:53 -07:00
commit f54ea61854
3 changed files with 126 additions and 12 deletions

View file

@ -0,0 +1,5 @@
import StateOfDTI2023Page from "../src/app/StateOfDTI2023Page.js";
export default function StateOfDTI2022PageWrapper() {
return <StateOfDTI2023Page />;
}

View file

@ -65,8 +65,15 @@ function HomePage() {
const [previewState, setPreviewState] = React.useState(null);
return (
<Flex direction="column" align="center" textAlign="center" marginTop="8">
<Box height="4" />
<Flex direction="column" align="center" textAlign="center" marginTop="4">
<WIPCallout>
<Link href="/state-of-dti-2023" passHref>
<ChakraLink textDecoration="underline">
Here's a little update on the state of DTI !
</ChakraLink>
</Link>
</WIPCallout>
<Box height="6" />
<Box
width="200px"
height="200px"
@ -108,10 +115,6 @@ function HomePage() {
<NewItemsSection />
<Box height="16" />
<FeedbackFormSection />
<Box height="16" />
<WIPCallout details="We started building this in 2020, but, well… sheesh, what a time 😅 This will eventually become the main site, at impress.openneo.net!">
Maybe we'll rename it to Impress 2022 or maybe not! 🤔
</WIPCallout>
<TestErrorSender />
</Flex>
);
@ -664,7 +667,7 @@ function FeedbackFormSection() {
);
}
function FeedbackFormContainer({ background, borderColor, children }) {
export function FeedbackFormContainer({ background, borderColor, children }) {
return (
<Box
as="section"
@ -689,10 +692,14 @@ function FeedbackFormPitch() {
return (
<Flex direction="column" textAlign="left" opacity="0.9">
<Box as="header">Hi friends! Welcome to the beta!</Box>
<Box as="header">Hi friends! Welcome to DTI 2020!</Box>
<Box as="p" fontSize="sm">
This is the new Dress to Impress! It's ready for the future, and it even
works great on mobile! More coming soon!
This is the newer Dress to Impress! It supports the new HTML5
animations, and it works great on mobile! Some features are still on
Classic DTI though.{" "}
<Link href="/state-of-dti-2023" passHref>
<ChakraLink textDecoration="underline">Here's what's up.</ChakraLink>
</Link>
</Box>
<Flex direction={{ base: "column", sm: "row" }}>
<Box
@ -796,7 +803,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 +877,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)}

View file

@ -0,0 +1,100 @@
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 StateOfDTI2023Page() {
const formBorderColor = useColorModeValue("gray.300", "blue.400");
return (
<>
<Head>
<title>State of DTI: 2023 | 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: 2023
</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>
I started building DTI 2020 back when I was healthier, and was pretty
sure I could finish it all up and transfer everything to the new site
by the end of the year. The name made sense at the time! 😅 But, well,
now I'm too sick too often to finish 😖 (Long covid? It's hard to
say.)
</p>
<p>
I'm happy we have a site that's much better on phones and works with
the new HTML5 systems! But Classic DTI still has a lot of the
essential item trading features and a few other nice things so we're
kinda just stuck with the two sites for now, I think 😬 We won't be
making any improvements to Classic DTI anymore (changing it is a REAL
pain), but we also won't turn it off until the day it's no longer
needed, and that's very far from today.
</p>
<p>
For now, our technical focus is making sure all Neopets customization
data is archived, in case Neopets servers become spottier or go
offline. (We see the way the wind is blowing with the NFT Neopets
project, so we want to be ready if the executives shut down
Neopets.com, just in case.) And we have a small support team keeping
an eye on thingsthank you Chips and Dice for all your help!!
</p>
<p>
But yeah, we're open to having more hands help finish DTI 2020! If you
have practice with React/Node apps, and are eager to spelunk into a
codebase that was unfortunately never really built for a team, please
send me a note at{" "}
<a href="mailto:matchu@openneo.net">matchu@openneo.net</a> and I'd
love to talk about it! 💜 I'm not ready to offer the kind of hands-on
support I normally would, so it's not really a fair ask on my partbut
I know there's lots of folks who would be grateful, if it's something
you can do.
</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 our little feedback form 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 StateOfDTI2023Page;