aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--apps/website/src/components/icons/Icon.astro1
-rw-r--r--apps/website/src/components/icons/impl/user.svg3
-rw-r--r--apps/website/src/pages/index.astro6
-rw-r--r--apps/website/src/pages/mods.astro6
-rw-r--r--apps/website/src/pages/projects/oneconfig.astro10
5 files changed, 15 insertions, 11 deletions
diff --git a/apps/website/src/components/icons/Icon.astro b/apps/website/src/components/icons/Icon.astro
index 7353c7d..b7442ab 100644
--- a/apps/website/src/components/icons/Icon.astro
+++ b/apps/website/src/components/icons/Icon.astro
@@ -29,6 +29,7 @@ type _Icons =
| 'link-external'
| 'code'
| 'chat'
+ | 'user'
| External
| ModIcons;
export type Icons = _Icons; // bypass for Astro compiler issue https://github.com/withastro/compiler/issues/554#issuecomment-1741702411
diff --git a/apps/website/src/components/icons/impl/user.svg b/apps/website/src/components/icons/impl/user.svg
new file mode 100644
index 0000000..9135b9f
--- /dev/null
+++ b/apps/website/src/components/icons/impl/user.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+ <path d="M20 21C20 19.6044 20 18.9067 19.8278 18.3389C19.44 17.0605 18.4395 16.06 17.1611 15.6722C16.5933 15.5 15.8956 15.5 14.5 15.5H9.5C8.10444 15.5 7.40665 15.5 6.83886 15.6722C5.56045 16.06 4.56004 17.0605 4.17224 18.3389C4 18.9067 4 19.6044 4 21M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/apps/website/src/pages/index.astro b/apps/website/src/pages/index.astro
index 200867d..c078345 100644
--- a/apps/website/src/pages/index.astro
+++ b/apps/website/src/pages/index.astro
@@ -107,19 +107,19 @@ import Layout from '@layouts/Layout.astro';
We're a group of passionate, self-driven designers, developers, and modders creating mods and libraries for the Minecraft community.
</Paragraph>
<div class="mt-3 flex flex-row gap-y-6 gap-x-8 text-base font-semibold leading-7 text-gray-600 lg:gap-x-10">
- <Button style="secondary" size="sm" iconLeft="link-external">Meet the team</Button>
+ <Button style="secondary" size="sm" iconLeft="user">Meet the team</Button>
</div>
</div>
</div>
<div class="flex justify-start md:justify-end mb-20 lg:-mr-10">
- <div class="flex flex-col">
+ <div class="flex flex-col text-right">
<Header class="text-5xl font-bold tracking-tight text-navy-peony mt-8">
Our commitment
</Header>
<Paragraph class="mt-3 text-md leading-8 text-navy-peony">
Above all, we're committed to bringing quality, open sourced tools built <br> around usability, accessibility to the greater modding community.
</Paragraph>
- <div class="flex flex-row justify-start items-start mt-3 gap-y-6 text-base font-semibold leading-7 text-brand-600 gap-x-4">
+ <div class="flex flex-row justify-end items-end mt-3 gap-y-6 text-base font-semibold leading-7 text-brand-600 gap-x-4">
<Button iconLeft="book-open" size="sm" href="/oss">Why open source?</Button>
<Button iconLeft="github" style="secondary" size="sm" href={configConst.socials.github}>GitHub</Button>
</div>
diff --git a/apps/website/src/pages/mods.astro b/apps/website/src/pages/mods.astro
index a0286ee..75ff2cb 100644
--- a/apps/website/src/pages/mods.astro
+++ b/apps/website/src/pages/mods.astro
@@ -15,9 +15,9 @@ const modrinthId = configConst.socials.modrinthId;
<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="flex flex-col justify-between items-center overflow-hidden h-auto lg:h-[290px] 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));"/>
- <Slider wrapperClass="-mb-40 pb-4 hidden lg:block" childrenNum={8}>
+ <Slider wrapperClass="-mb-40 mb-2 hidden lg:block" childrenNum={8}>
<Card text="Chatting" icon="chatting"/>
<Card text="PolySprint" icon="polysprint"/>
<Card text="VanillaHUD" icon="vanillahud"/>
@@ -131,7 +131,7 @@ const modrinthId = configConst.socials.modrinthId;
</Section>
<Section wrapperClass="flex justify-center items-center min-h-screen -mt-40" class="flex-col justify-center items-center">
- <div class="flex flex-col gap-y-1 relative md:-left-12 justify-center items-center">
+ <div class="flex flex-col gap-y-1 relative 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" href={`https://modrinth.com/user/${configConst.socials.modrinthId}`}>Modrinth</Button>
diff --git a/apps/website/src/pages/projects/oneconfig.astro b/apps/website/src/pages/projects/oneconfig.astro
index a712d18..c67a4fd 100644
--- a/apps/website/src/pages/projects/oneconfig.astro
+++ b/apps/website/src/pages/projects/oneconfig.astro
@@ -38,8 +38,8 @@ import { Code } from 'astro:components';
</Section>
<Section tabindex="0" colReverse={false}>
- <div slot="left" class="w-1/2 max-w-80 md:max-w-none md:w-auto flex justify-center">
- <img class="w-full md:w-[20rem]" src="/media/oneconfig/page_media_2.svg" alt="stuff"/>
+ <div slot="left" class="flex justify-center">
+ <img class="max-sm:w-full w-64" src="/media/oneconfig/page_media_2.svg" alt="stuff"/>
</div>
<div slot="right">
@@ -134,9 +134,9 @@ import { Code } from 'astro:components';
<Button iconLeft="link-external" style="ghost" text="Download a modpack"/>
</div>
</div>
- <div class="flex flex-col justify-center items-center bg-blue-100 pb-10 max-w-full overflow-hidden">
- <div class="flex flex-col justify-between items-center overflow-hidden h-[280px] max-w-[1920px]">
- <Slider wrapperClass="-mb-40 pb-4 bg-blue-100" childrenNum={8}>
+ <div class="flex flex-col justify-center items-center bg-blue-100 pb-10 max-w-full overflow-x-hidden">
+ <div class="flex flex-col justify-between items-center overflow-x-hidden h-[290px] max-w-[1920px]">
+ <Slider wrapperClass="-mb-40 mb-2 bg-blue-100" childrenNum={8}>
<Card text="Chatting" icon="chatting"/>
<Card text="PolySprint" icon="polysprint"/>
<Card text="VanillaHUD" icon="vanillahud"/>
generated by cgit (git 2.46.0) at 2024-11-21 17:54:33 +0000