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