diff options
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/website/src/components/base/Card.astro | 6 | ||||
| -rw-r--r-- | apps/website/src/pages/mods.astro | 18 | ||||
| -rw-r--r-- | apps/website/tailwind.config.ts | 2 |
3 files changed, 17 insertions, 9 deletions
diff --git a/apps/website/src/components/base/Card.astro b/apps/website/src/components/base/Card.astro index 2eea908..6438273 100644 --- a/apps/website/src/components/base/Card.astro +++ b/apps/website/src/components/base/Card.astro @@ -16,7 +16,7 @@ const { --- <!-- pt-1 added temporarily cause for some reason the icon's padding doesn't apply unless I add this. the wonders of CSS. --> -<div {...rest} class="rounded-xl bg-gray-600 w-[256px] pt-1 shrink-0"> - <Icon icon={icon} size={48} class="my-[20px] mx-auto text-white"></Icon> - <p class="text-white mx-auto bg-primary-600 rounded-b-xl text-[14px] py-[5px] pl-[12px] pr-[32px]">{text}</p> +<div {...rest} class="rounded-xl bg-primary-100 w-[256px] shrink-0"> + <Icon icon={icon} size={48} class="my-[28px] mx-auto text-white"></Icon> + <p class="text-white mx-auto bg-primary-200 rounded-b-xl text-[14px] py-[7px] pl-[12px] pr-[32px]">{text}</p> </div> diff --git a/apps/website/src/pages/mods.astro b/apps/website/src/pages/mods.astro index 55a6cdf..cf231d5 100644 --- a/apps/website/src/pages/mods.astro +++ b/apps/website/src/pages/mods.astro @@ -9,13 +9,18 @@ import configConst from '@config'; import Layout from '@layouts/Layout.astro'; import { Code } from 'astro:components'; +const res = await fetch('https://api.modrinth.com/v2/user/Wyvest/projects'); +const data = await res.json(); +const mods = data.filter((mod: any) => { + return mod.slug !== 'oneconfig'; +}); --- <Layout> <Section maxWidth="1920px" wFull={true} wrapperClass="h-3/5" class="h-full mt-32 md:mt-28 flex flex-col justify-center items-center max-xl:px-0"> <div class="flex flex-col justify-center items-center max-w-full overflow-hidden"> <div class="flex flex-col justify-between items-center overflow-hidden h-auto lg:h-[280px] max-w-[1920px] relative"> - <div class="absolute -bottom-[1px] w-full h-full lg:h-1/2 z-10" style="background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgb(240, 242, 244));" /> + <div class="absolute -bottom-[1px] w-full h-full lg:h-1/2 z-10" style="background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgb(240, 242, 244));"/> <Slider wrapperClass="-mb-40 pb-4 hidden lg:block" childrenNum={8}> <Card text="Chatting" icon="chatting"/> <Card text="PolySprint" icon="polysprint"/> @@ -47,14 +52,14 @@ import { Code } from 'astro:components'; </div> <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. + {Math.floor(mods.length / 5) * 5}+ mods. Unparalleled new features. OneConfig. We combine our groundbreaking library with mods with no equivalent anywhere else. </Paragraph> </div> </Section> <Section tabindex="0"> <div slot="left"> - <Header size="lg" class="text-navy-peony"><b>13</b> maintained mods</Header> + <Header size="lg" class="text-navy-peony"><b>{mods.length}</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> @@ -79,7 +84,7 @@ import { Code } from 'astro:components'; <div class="max-sm:hidden"> <Code code={ -`public class MyConfig { + `public class MyConfig { @Switch( name = "Sub Switch", type = OptionType.SWITCH @@ -93,8 +98,9 @@ public MyConfig() { }); } }` -} - lang="java"/> + } + lang="java" + /> </div> </div> diff --git a/apps/website/tailwind.config.ts b/apps/website/tailwind.config.ts index 355dc5a..8a37a65 100644 --- a/apps/website/tailwind.config.ts +++ b/apps/website/tailwind.config.ts @@ -46,6 +46,8 @@ const config: Config = { 'navy-peony': 'rgba(32, 55, 91, 1)', 'blue-gray': 'rgba(119, 143, 183, 1)', 'primary': { + 100: 'rgba(23, 28, 33, 1)', + 200: 'rgba(50, 74, 245, 1)', 600: 'rgba(20, 82, 204, 1)', }, }, |