diff options
Diffstat (limited to 'apps/website/src/pages')
| -rw-r--r-- | apps/website/src/pages/about.astro | 125 | ||||
| -rw-r--r-- | apps/website/src/pages/mods.astro | 32 | ||||
| -rw-r--r-- | apps/website/src/pages/projects/oneconfig.astro | 22 |
3 files changed, 152 insertions, 27 deletions
diff --git a/apps/website/src/pages/about.astro b/apps/website/src/pages/about.astro new file mode 100644 index 0000000..9398793 --- /dev/null +++ b/apps/website/src/pages/about.astro @@ -0,0 +1,125 @@ +--- +import Header from '@components/base/Header.astro'; +import Paragraph from '@components/base/Paragraph.astro'; +import Section from '@components/base/Section.astro'; +import Layout from '@layouts/Layout.astro'; + +--- + +<Layout> + <Section class="flex-col justify-center items-center h-screen max-h-4/5-screen md:max-h-[600px] md:min-h-[400px]"> + <div class="max-w-[600px] flex flex-col text-center justify-center items-center gap-y-2"> + <Header align="center" size="xxl" class="text-navy-peony">Our journey</Header> + <Paragraph size="lg" class="text-blue-gray">From an aspring team just trying to make a cool thing, to what we now call Polyfrost, we've made a lot of progress</Paragraph> + </div> + </Section> + + <div class="flex flex-col gap-y-40"> + <Section tabindex="0" colReverse={false}> + <div slot="left" class="w-1/2 md:w-auto"> + <img src="/media/about/page_media_1.svg" alt="image of a calendar"> + </div> + <div slot="right"> + <Header size="lg" class="text-navy-peony"> + October, 2021 + </Header> + <Paragraph size="sm" class="text-blue-gray max-w-[500px]"> + We began as a small development team aimlessly trying to build something beyond us. Joining forces with W-OVERFLOW in June of 2022, Polyfrost finally had the resources to achieve our dream of unified mod configs. + </Paragraph> + </div> + </Section> + + <Section tabindex="0"> + <div slot="left"> + <Header size="lg" class="text-navy-peony"> + A year of development + </Header> + <Paragraph size="sm" class="text-gray-400 max-w-[500px]"> + Our first alpha build of OneConfig released in June to a limited audience. By October of 2022, nearly a year after our first announcement, OneConfig finally became available to the whole world in open beta. + </Paragraph> + </div> + + <div slot="right" class="w-1/2 md:w-auto"> + <img src="/media/about/page_media_2.svg" alt="image of a code block" /> + </div> + </Section> + + <Section tabindex="0" colReverse={false}> + <div slot="left" class="w-1/2 md:w-auto"> + <img src="/media/about/page_media_3.svg" alt="image indicating a celebration"> + </div> + <div slot="right"> + <Header size="lg" class="text-navy-peony"> + Hey look, OneConfig's a hit + </Header> + <Paragraph size="sm" class="text-gray-400 max-w-[500px]"> + In the coming months, our little baby would independently surpass 200,000 views and our community grew by around 300%. Shortly after, our first major update releases, bringing substantial customization, new animations, design overhauls, and many bug fixes. + </Paragraph> + </div> + </Section> + + <Section tabindex="0"> + <div slot="left"> + <Header size="lg" class="text-navy-peony"> + Finally, it's ready for all + </Header> + <Paragraph size="sm" class="text-gray-400 max-w-[500px]"> + It's been a long journey, with many bugs, hotfixes, mod incompatibilities, support tickets, list goes on. However, after two years of development, we finally announced the complete release of OneConfig + </Paragraph> + </div> + + <div slot="right" class="w-1/2 md:w-auto"> + <img src="/media/about/page_media_4.svg" alt="oneconfig logo" /> + </div> + </Section> + + <div class="bg-blue-75 flex flex-col gap-y-20 py-20"> + <Section tabindex="0" colReverse={false}> + <div slot="left" class="w-1/2 md:w-auto"> + <img src="/media/about/page_media_1.svg" alt="image of a calendar"> + </div> + <div slot="right"> + <Header size="lg" class="text-navy-peony"> + October, 2021 + </Header> + <Paragraph size="sm" class="text-gray-400 max-w-[500px]"> + We began as a small development team aimlessly trying to build something beyond us. Joining forces with W-OVERFLOW in June of 2022, Polyfrost finally had the resources to achieve our dream of unified mod configs. + </Paragraph> + </div> + </Section> + + <Section tabindex="0"> + <div slot="left"> + <Header size="lg" class="text-navy-peony"> + A year of development + </Header> + <Paragraph size="sm" class="text-gray-400 max-w-[500px]"> + Our first alpha build of OneConfig released in June to a limited audience. By October of 2022, nearly a year after our first announcement, OneConfig finally became available to the whole world in open beta. + </Paragraph> + </div> + + <div slot="right" class="w-1/2 md:w-auto"> + <img src="/media/about/page_media_2.svg" alt="image of a code block" /> + </div> + </Section> + </div> + + <Section class="mb-40 flex-col items-center justify-center text-center text-navy-peony"> + <Header size="xl"> + Most importantly... we believe in you. + </Header> + <div class="flex flex-col gap-y-10 max-w-xl text-lg"> + <Paragraph> + Since the inception of OneConfig, since W-OVERFLOW was created, since the people that became Polyfrost first met, we have always been known for our attention and swift feedback to users and their suggestions. No matter what we do in the future, you will always be our top priority. And we mean it. + </Paragraph> + <Paragraph> + We've grown a lot from our early days back in 2021. What used to be a small team of four has become a professional team of 12 aspiring developers and designers maintaining two libraries and 10+ mods. + </Paragraph> + <Paragraph> + We thank everyone; from the people who are just finding us, to the people who were there in the very early days, for sticking around with us. + </Paragraph> + </div> + </Section> + </div> + +</Layout> diff --git a/apps/website/src/pages/mods.astro b/apps/website/src/pages/mods.astro index 27ef018..5d53a5d 100644 --- a/apps/website/src/pages/mods.astro +++ b/apps/website/src/pages/mods.astro @@ -47,18 +47,18 @@ import { Code } from 'astro:components'; <Button style="primary" iconLeft="link-external">GitHub</Button> </div> - <Paragraph class="text-navy-peony text-xl font-semibold max-w-screen-sm text-center mt-20"> + <Paragraph class="text-navy-peony text-lg font-semibold max-w-screen-sm text-center mt-20"> 10+ mods. Unparalleled new features. OneConfig. We combine our groundbreaking library with mods with no equivalent anywhere else. </Paragraph> </div> </Section> </div> - <div class="flex flex-col gap-40 my-48"> + <div class="flex flex-col gap-40"> <Section tabindex="0"> <div slot="left"> - <Header size="xl" class="text-navy-peony"><b>13</b> maintained mods</Header> - <Paragraph class="text-navy-peony text-xl max-w-screen-sm mt-6"> + <Header size="lg" class="text-navy-peony"><b>13</b> maintained mods</Header> + <Paragraph size="sm" class="text-gray-400 max-w-[500px]"> OneConfig is a revolutionary new way to configure mods. It allows you to configure all of your mods in one place, with a beautiful UI. </Paragraph> </div> @@ -69,14 +69,14 @@ import { Code } from 'astro:components'; <Section tabindex="0"> <div slot="right"> - <Header size="xl" class="text-navy-peony">We <b>listen</b> to community feedback</Header> - <Paragraph class="text-navy-peony text-xl max-w-screen-sm mt-6"> + <Header size="lg" class="text-navy-peony">We <b>listen</b> to community feedback</Header> + <Paragraph size="sm" class="text-gray-400 max-w-[500px]"> No more are the days where developers ignore your great new idea. Some of our best mods and ideas are user-suggested, such as BehindYouV3, various Chatting features, and more. </Paragraph> </div> </Section> - <Section maxWidth="1120px" wrapperClass="bg-blue-100 -mb-40" wFull={false} class="pt-10 md:py-20"> + <Section maxWidth="1120px" wrapperClass="bg-blue-75 -mb-40" wFull={false} class="pt-10 md:py-20"> <div slot="left"> <!-- TODO: FIX Codeblock overflowing on mobile --> <div class="max-sm:hidden"> @@ -101,8 +101,8 @@ import { Code } from 'astro:components'; </div> </div> - <div slot="right" class="flex flex-col gap-2"> - <Header size="xl" class="text-blue-500">Open source</Header> + <div slot="right" class="flex flex-col gap-2 text-left items-start"> + <Header size="lg" class="text-blue-500">Open source</Header> <Paragraph class="text-blue-400 max-w-[500px]"> All of our mods are open source, and will continue to be open source. Anyone can learn, contribute, or take from our code (as long as it follows our license). </Paragraph> @@ -112,9 +112,9 @@ import { Code } from 'astro:components'; </div> </Section> - <Section maxWidth="1120px" wrapperClass="bg-blue-100" wFull={false} class="py-10 md:py-20 gap-4"> - <div slot="left" class="flex flex-col gap-2"> - <Header size="xl" class="text-blue-500">Powered by OneConfig</Header> + <Section maxWidth="1120px" wrapperClass="bg-blue-75" wFull={false} class="py-10 md:py-20 gap-4"> + <div slot="left" class="flex flex-col gap-2 text-left items-start"> + <Header size="lg" class="text-blue-500">Powered by OneConfig</Header> <Paragraph class="text-blue-400 max-w-[500px]"> OneConfig brings the simplicity of a client to the everyday user, gives advanced users and developers complete control over everything, while remaining free and open-source. </Paragraph> @@ -123,13 +123,13 @@ import { Code } from 'astro:components'; </div> </div> <div slot="right"> - <img src="/media/oneconfig/page_media_3.svg" alt="stuff"/> + <img src="/media/oneconfig/page_media_3.svg" class="max-sm:w-full" alt="stuff"/> </div> </Section> - <Section class="flex-col justify-center items-center"> - <div class="flex flex-col gap-y-1 relative md:-left-12"> - <Header size="xl" class="text-navy-peony text-header-page max-w-lg text-center">Get our mods, available on Modrinth and GitHub.</Header> + <Section class="flex-col justify-center items-center mb-40"> + <div class="flex flex-col gap-y-1 relative md:-left-12 justify-center items-center"> + <Header size="xl" class="text-navy-peony text-header-page w-11/12 md:max-w-lg text-center">Get our mods, available on Modrinth and GitHub.</Header> <div class="flex flex-row justify-center items-center gap-x-2"> <Button style="primary" iconLeft="link-external">Modrinth</Button> <Button style="primary" iconLeft="link-external">GitHub</Button> diff --git a/apps/website/src/pages/projects/oneconfig.astro b/apps/website/src/pages/projects/oneconfig.astro index 6ad725b..51bd58a 100644 --- a/apps/website/src/pages/projects/oneconfig.astro +++ b/apps/website/src/pages/projects/oneconfig.astro @@ -32,13 +32,13 @@ import { Code } from 'astro:components'; <Paragraph size="sm" class="text-gray-400 max-w-[500px]">Modding Minecraft has always been difficult, particularly with their configuration. Remembering all of the keybinds, commands; it just isn't intuitive.</Paragraph> </div> <div slot="right" class="w-3/4 md:w-auto"> - <!-- TODO: make proper file names and alt text --> - <img src="/media/oneconfig/page_media_1.svg" alt="stuff"/> + <!-- TODO: make proper file names and alt text --> + <img src="/media/oneconfig/page_media_1.svg" alt="stuff"/> </div> </Section> <Section tabindex="0" colReverse={false}> - <div slot="left" class="w-1/2 md:w-auto"> + <div slot="left" class="w-1/2 md:w-auto flex justify-center"> <img src="/media/oneconfig/page_media_2.svg" alt="stuff"/> </div> @@ -54,12 +54,12 @@ import { Code } from 'astro:components'; <Paragraph size="sm" class="text-gray-400 max-w-[500px]">OneConfig brings the simplicity of a client to the everyday user, gives advanced users and developers complete control over everything, while remaining free and open-source.</Paragraph> </div> - <div slot="right" class="w-3/4 md:w-auto"> + <div slot="right" class="w-3/4 md:w-auto flex justify-center"> <img src="/media/oneconfig/page_media_3.svg" alt="stuff"/> </div> </Section> - <Section maxWidth="1120px" wrapperClass="bg-blue-100 -mb-40" wFull={false} class="pt-10 md:py-20"> + <Section maxWidth="1120px" wrapperClass="bg-blue-75 -mb-40" wFull={false} class="pt-10 md:py-20"> <div slot="left"> <!-- TODO: FIX Codeblock overflowing on mobile --> <div class="max-sm:hidden"> @@ -84,7 +84,7 @@ import { Code } from 'astro:components'; </div> </div> - <div slot="right" class="flex flex-col gap-2"> + <div slot="right" class="flex flex-col gap-2 text-left items-start"> <Header size="xl" class="text-blue-500">Written for developers</Header> <Paragraph class="text-blue-400 max-w-[500px]"> With our simple APIs and documentation, it's easier than ever to integrate your mods with OneConfig. @@ -95,8 +95,8 @@ import { Code } from 'astro:components'; </div> </Section> - <Section maxWidth="1120px" wrapperClass="bg-blue-100" wFull={false} class="py-10 md:py-20 gap-4"> - <div slot="left" class="flex flex-col gap-2"> + <Section maxWidth="1120px" wrapperClass="bg-blue-75" wFull={false} class="py-10 md:py-20 gap-4"> + <div slot="left" class="flex flex-col gap-2 text-left items-start"> <Header size="xl" class="text-blue-500">Designed for users</Header> <Paragraph class="text-blue-400 max-w-[500px]"> We take pride in having the cleanest and most intuitive UI of any mod, config library, or client out there. @@ -110,8 +110,8 @@ import { Code } from 'astro:components'; </div> </Section> - <Section class="flex-col justify-center items-center h-screen md:h-4/5 md:min-h-[600px]"> - <img src="/media/oneconfig/page_media_5.png" class="max-h-[581px] rounded-2xl"/> + <Section class="flex-col justify-center items-center h-screen max-h-96 md:h-4/5 md:min-h-[600px]"> + <img src="/media/oneconfig/page_media_5.png" class="max-h-[285px] md:max-h-96 lg:max-h-[581px] rounded-2xl"/> <Header size="xl" align="center" class="w-96">A unified HUD editor</Header> <Paragraph class="w-96 text-center text-gray-400"> Thanks to OneConfig's HUD API, you can customize any OneConfig-powered HUD to your liking, without having to worry about the hassle of finding the right command or keybind. @@ -119,7 +119,7 @@ import { Code } from 'astro:components'; </Section> <Section wrapperClass="bg-blue-100 -mb-40" class="py-10 md:py-20 gap-4 pr-2"> - <div slot="left" class="flex flex-col gap-2"> + <div slot="left" class="flex flex-col gap-2 text-left items-start"> <Header size="xl" class="text-blue-500">With many fabulous mods</Header> <Paragraph class="text-blue-400 max-w-[500px]"> Discover a wide range of mods integrated with OneConfig to enhance your experience. |