From 092ad3a326145c17eb0a6967e284cc03d57c1851 Mon Sep 17 00:00:00 2001 From: LynithDev <61880709+LynithDev@users.noreply.github.com> Date: Thu, 28 Dec 2023 12:23:43 +0100 Subject: Lots of changes + about us page --- apps/website/public/media/about/page_media_1.svg | 21 ++++ apps/website/public/media/about/page_media_2.svg | 11 ++ apps/website/public/media/about/page_media_3.svg | 16 +++ apps/website/public/media/about/page_media_4.svg | 14 +++ apps/website/src/components/base/Header.astro | 5 +- apps/website/src/components/base/Paragraph.astro | 2 +- apps/website/src/components/base/Section.astro | 6 +- apps/website/src/pages/about.astro | 125 +++++++++++++++++++++++ apps/website/src/pages/mods.astro | 32 +++--- apps/website/src/pages/projects/oneconfig.astro | 22 ++-- apps/website/src/styles/global.css | 2 +- apps/website/tailwind.config.ts | 5 + 12 files changed, 228 insertions(+), 33 deletions(-) create mode 100644 apps/website/public/media/about/page_media_1.svg create mode 100644 apps/website/public/media/about/page_media_2.svg create mode 100644 apps/website/public/media/about/page_media_3.svg create mode 100644 apps/website/public/media/about/page_media_4.svg create mode 100644 apps/website/src/pages/about.astro diff --git a/apps/website/public/media/about/page_media_1.svg b/apps/website/public/media/about/page_media_1.svg new file mode 100644 index 0000000..2ce56fc --- /dev/null +++ b/apps/website/public/media/about/page_media_1.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/apps/website/public/media/about/page_media_2.svg b/apps/website/public/media/about/page_media_2.svg new file mode 100644 index 0000000..1e0d610 --- /dev/null +++ b/apps/website/public/media/about/page_media_2.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/apps/website/public/media/about/page_media_3.svg b/apps/website/public/media/about/page_media_3.svg new file mode 100644 index 0000000..74949c0 --- /dev/null +++ b/apps/website/public/media/about/page_media_3.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/apps/website/public/media/about/page_media_4.svg b/apps/website/public/media/about/page_media_4.svg new file mode 100644 index 0000000..270f9b5 --- /dev/null +++ b/apps/website/public/media/about/page_media_4.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/apps/website/src/components/base/Header.astro b/apps/website/src/components/base/Header.astro index 5292380..7d24c8f 100644 --- a/apps/website/src/components/base/Header.astro +++ b/apps/website/src/components/base/Header.astro @@ -29,7 +29,7 @@ let className: string | string[] = []; if (align !== 'inherit') className.push(`text-${align}`); -if (size === 'xxl') +if (size === 'xxl' || size === 'xl') className.push('page-header'); if (attr.class) @@ -53,6 +53,9 @@ className = className.join(' '); h2 { font-size: theme("fontSize.header"); + &.page-header { + font-size: theme("fontSize.header-page"); + } font-weight: 600; } diff --git a/apps/website/src/components/base/Paragraph.astro b/apps/website/src/components/base/Paragraph.astro index 5ceaf6e..db0bff6 100644 --- a/apps/website/src/components/base/Paragraph.astro +++ b/apps/website/src/components/base/Paragraph.astro @@ -4,7 +4,7 @@ import type { HTMLAttributes } from 'astro/types'; const sizes = { xs: 'text-xs', sm: 'text-sm', - md: 'text-md', + md: 'text-inherit', lg: 'text-lg', xl: 'text-xl', }; diff --git a/apps/website/src/components/base/Section.astro b/apps/website/src/components/base/Section.astro index ce87ecb..092c069 100644 --- a/apps/website/src/components/base/Section.astro +++ b/apps/website/src/components/base/Section.astro @@ -19,7 +19,7 @@ const { const twoColumn = Astro.slots.has('left') || Astro.slots.has('right'); const className = `max-w-[${maxWidth}] ${wFull ? 'w-full' : `w-[${maxWidth}]`} px-5 md:p-0 flex gap-x-20 gap-y-4${ - twoColumn ? ` ${maxWidth === 'none' ? 'justify-center' : 'justify-between md:justify-evenly lg:justify-between'} ${colReverse ? 'flex-col-reverse' : 'flex-col'} md:flex-row md:items-center md:flex-row` : '' + twoColumn ? ` ${maxWidth === 'none' ? 'justify-center' : 'justify-between md:justify-evenly lg:justify-between'} ${colReverse ? 'flex-col-reverse' : 'flex-col'} md:flex-row items-center md:flex-row` : '' }${props.class ? ` ${props.class}` : ''}`; --- @@ -27,11 +27,11 @@ const className = `max-w-[${maxWidth}] ${wFull ? 'w-full' : `w-[${maxWidth}]`} p
{twoColumn ? ( -
+
-
+
) 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'; + +--- + + +
+
+
Our journey
+ From an aspring team just trying to make a cool thing, to what we now call Polyfrost, we've made a lot of progress +
+
+ +
+
+
+ image of a calendar +
+
+
+ October, 2021 +
+ + 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. + +
+
+ +
+
+
+ A year of development +
+ + 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. + +
+ +
+ image of a code block +
+
+ +
+
+ image indicating a celebration +
+
+
+ Hey look, OneConfig's a hit +
+ + 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. + +
+
+ +
+
+
+ Finally, it's ready for all +
+ + 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 + +
+ +
+ oneconfig logo +
+
+ +
+
+
+ image of a calendar +
+
+
+ October, 2021 +
+ + 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. + +
+
+ +
+
+
+ A year of development +
+ + 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. + +
+ +
+ image of a code block +
+
+
+ +
+
+ Most importantly... we believe in you. +
+
+ + 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. + + + 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. + + + 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. + +
+
+
+ +
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';
- + 10+ mods. Unparalleled new features. OneConfig. We combine our groundbreaking library with mods with no equivalent anywhere else.
-
+
-
13 maintained mods
- +
13 maintained mods
+ 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.
@@ -69,14 +69,14 @@ import { Code } from 'astro:components';
-
We listen to community feedback
- +
We listen to community feedback
+ 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.
-
+
@@ -101,8 +101,8 @@ import { Code } from 'astro:components';
-
-
Open source
+
+
Open source
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). @@ -112,9 +112,9 @@ import { Code } from 'astro:components';
-
-
-
Powered by OneConfig
+
+
+
Powered by OneConfig
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. @@ -123,13 +123,13 @@ import { Code } from 'astro:components';
- stuff + stuff
-
-
-
Get our mods, available on Modrinth and GitHub.
+
+
+
Get our mods, available on Modrinth and GitHub.
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'; Modding Minecraft has always been difficult, particularly with their configuration. Remembering all of the keybinds, commands; it just isn't intuitive.
- - stuff + + stuff
-
+
stuff
@@ -54,12 +54,12 @@ import { Code } from 'astro:components'; 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.
-
+
stuff
-
+
@@ -84,7 +84,7 @@ import { Code } from 'astro:components';
-
+
Written for developers
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';
-
-
+
+
Designed for users
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';
-
- +
+
A unified HUD editor
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';
-
+
With many fabulous mods
Discover a wide range of mods integrated with OneConfig to enhance your experience. diff --git a/apps/website/src/styles/global.css b/apps/website/src/styles/global.css index 1a9f19b..f98d574 100644 --- a/apps/website/src/styles/global.css +++ b/apps/website/src/styles/global.css @@ -24,7 +24,7 @@ html, body { - @apply text-[14px] md:text-[16px]; + @apply text-[15px] md:text-[16px]; } a { diff --git a/apps/website/tailwind.config.ts b/apps/website/tailwind.config.ts index 9f8c412..2a338a2 100644 --- a/apps/website/tailwind.config.ts +++ b/apps/website/tailwind.config.ts @@ -81,6 +81,11 @@ const config: Config = { 'navbar': '9999', // Nothing should be above the navbar or backdrop 'navbar-backdrop': '9998', }, + + maxHeight: { + '3/4-screen': '75vh', + '4/5-screen': '80vh', + }, }, }, plugins: [], -- cgit