Merge branch 'state-of-dti-2022' into main
This commit is contained in:
commit
f54ea61854
3 changed files with 126 additions and 12 deletions
5
pages/state-of-dti-2023.tsx
Normal file
5
pages/state-of-dti-2023.tsx
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
import StateOfDTI2023Page from "../src/app/StateOfDTI2023Page.js";
|
||||||
|
|
||||||
|
export default function StateOfDTI2022PageWrapper() {
|
||||||
|
return <StateOfDTI2023Page />;
|
||||||
|
}
|
||||||
|
|
@ -65,8 +65,15 @@ function HomePage() {
|
||||||
const [previewState, setPreviewState] = React.useState(null);
|
const [previewState, setPreviewState] = React.useState(null);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Flex direction="column" align="center" textAlign="center" marginTop="8">
|
<Flex direction="column" align="center" textAlign="center" marginTop="4">
|
||||||
<Box height="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
|
<Box
|
||||||
width="200px"
|
width="200px"
|
||||||
height="200px"
|
height="200px"
|
||||||
|
|
@ -108,10 +115,6 @@ function HomePage() {
|
||||||
<NewItemsSection />
|
<NewItemsSection />
|
||||||
<Box height="16" />
|
<Box height="16" />
|
||||||
<FeedbackFormSection />
|
<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 />
|
<TestErrorSender />
|
||||||
</Flex>
|
</Flex>
|
||||||
);
|
);
|
||||||
|
|
@ -664,7 +667,7 @@ function FeedbackFormSection() {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
function FeedbackFormContainer({ background, borderColor, children }) {
|
export function FeedbackFormContainer({ background, borderColor, children }) {
|
||||||
return (
|
return (
|
||||||
<Box
|
<Box
|
||||||
as="section"
|
as="section"
|
||||||
|
|
@ -689,10 +692,14 @@ function FeedbackFormPitch() {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Flex direction="column" textAlign="left" opacity="0.9">
|
<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">
|
<Box as="p" fontSize="sm">
|
||||||
This is the new Dress to Impress! It's ready for the future, and it even
|
This is the newer Dress to Impress! It supports the new HTML5
|
||||||
works great on mobile! More coming soon!
|
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>
|
</Box>
|
||||||
<Flex direction={{ base: "column", sm: "row" }}>
|
<Flex direction={{ base: "column", sm: "row" }}>
|
||||||
<Box
|
<Box
|
||||||
|
|
@ -796,7 +803,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 +877,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)}
|
||||||
|
|
|
||||||
100
src/app/StateOfDTI2023Page.js
Normal file
100
src/app/StateOfDTI2023Page.js
Normal 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 things—thank 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 part—but
|
||||||
|
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;
|
||||||
Loading…
Reference in a new issue