From 580c9d6dbabafcfeb47c7e53aff71daac0da38af Mon Sep 17 00:00:00 2001 From: Tyler Flowers Date: Sun, 26 Nov 2023 18:42:56 -0500 Subject: more index work --- apps/website/public/media/index/index4.png | Bin 0 -> 395136 bytes apps/website/public/media/index/index5.png | Bin 0 -> 910001 bytes apps/website/src/components/base/Section.astro | 2 +- .../src/components/icons/impl/link-external.svg | 3 + apps/website/src/pages/index.astro | 160 +++++++++++++-------- apps/website/src/styles/global.css | 38 +++++ apps/website/tailwind.config.cjs | 3 + 7 files changed, 142 insertions(+), 64 deletions(-) create mode 100644 apps/website/public/media/index/index4.png create mode 100644 apps/website/public/media/index/index5.png create mode 100644 apps/website/src/components/icons/impl/link-external.svg diff --git a/apps/website/public/media/index/index4.png b/apps/website/public/media/index/index4.png new file mode 100644 index 0000000..4d6fa9f Binary files /dev/null and b/apps/website/public/media/index/index4.png differ diff --git a/apps/website/public/media/index/index5.png b/apps/website/public/media/index/index5.png new file mode 100644 index 0000000..5c60392 Binary files /dev/null and b/apps/website/public/media/index/index5.png differ diff --git a/apps/website/src/components/base/Section.astro b/apps/website/src/components/base/Section.astro index 51d9fa1..4edf1ba 100644 --- a/apps/website/src/components/base/Section.astro +++ b/apps/website/src/components/base/Section.astro @@ -18,7 +18,7 @@ const { const twoColumn = Astro.slots.has('left') || Astro.slots.has('right'); -const className = `max-w-[${maxWidth}] ${wFull ? 'w-full' : ''} px-5 md:p-0 flex gap-4${ +const className = `max-w-[${maxWidth}] ${wFull ? 'w-full' : `w-[${maxWidth}]`} px-5 md:p-0 flex gap-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` : '' }${props.class ? ` ${props.class}` : ''}`; --- diff --git a/apps/website/src/components/icons/impl/link-external.svg b/apps/website/src/components/icons/impl/link-external.svg new file mode 100644 index 0000000..b431e85 --- /dev/null +++ b/apps/website/src/components/icons/impl/link-external.svg @@ -0,0 +1,3 @@ + + + diff --git a/apps/website/src/pages/index.astro b/apps/website/src/pages/index.astro index 6466d03..4df1c22 100644 --- a/apps/website/src/pages/index.astro +++ b/apps/website/src/pages/index.astro @@ -11,78 +11,112 @@ import { Code } from 'astro:components'; --- - -
- -
- Meet OneConfig, the library designed for everyone. -
-
-
+
+ +
+
+
+
Forge is complicated
+ Modding Minecraft has always been difficult, particularly with their configuration. Remembering all of the keybinds, commands; it just isn't intuitive. +
+
+ + stuff
-
-
-
-
Forge is complicated
- Modding Minecraft has always been difficult, particularly with their configuration. Remembering all of the keybinds, commands; it just isn't intuitive. -
-
- - stuff -
-
- -
-
- stuff -
+
+
+ stuff +
-
-
Clients are locked-down
- While they improve usability, they're slow to adopt new mods absent from the community and force unwanted features onto users to profit off of them. -
-
+
+
Clients are locked-down
+ While they improve usability, they're slow to adopt new mods absent from the community and force unwanted features onto users to profit off of them. +
+
-
-
-
Best of both worlds
- 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. -
+
+
+
Best of both worlds
+ 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 -
-
+
+ stuff +
+
-
-
- +
+ { - // Do stuff here - }); - } + public MyConfig() { + super(new Mod("My Mod", ModType.UTIL_QOL), "config.json"); + addDependency("subSwitch", () -> { + // Do stuff here + }); } - `} lang={'java'}/> +}`} lang={'java'}/> +
+ +
+
Written for developers
+ + With Polyfrost's simple APIs, it's easy to integrate your mods into Polyfrost something + +
+
+
+
-
-
Written for developers
- - With Polyfrost's simple APIs, it's easy to integrate your mods into Polyfrost something - -
-
+
+
+
Designed for users
+ + Lorem ipsum dolor sit amet consectetur. Viverra a pulvinar eu pharetra. Porta feugiat purus blandit mauris ipsum eu. + +
+
-
-
- +
+
+ + +
+ + +
+ +
A unified HUD editor
+ + Lorem ipsum dolor sit amet consectetur. Viverra a pulvinar eu pharetra. Porta feugiat purus blandit mauris ipsum eu. + +
+ +
+
+
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 0bbfc2e..e21cf89 100644 --- a/apps/website/src/styles/global.css +++ b/apps/website/src/styles/global.css @@ -23,3 +23,41 @@ @apply text-[14px] md:text-[16px]; } } + +/* Codeblocks */ +.astro-code { + padding: 10px; + border-radius: 16px; + border: 1px solid rgba(65, 74, 88, 1); +} +.astro-code code { + white-space: pre-wrap; + padding: 10px; + padding-bottom: 0; + color: #546E7A; +} +.astro-code code::before { + counter-reset: listing; +} +.astro-code code span { + font-family: 'Roboto Mono', monospace !important; +} +.astro-code code span.line { + counter-increment: listing; + text-align: left; + float: left; + clear: left; + font-size: 12px; +} +.astro-code code span.line::before { + content: counter(listing) " "; + display: inline-block; + float: left; + width: 2em; + padding: 0; + margin-left: auto; + /* margin-right: 10px; */ + text-align: right; + font-family: 'Roboto Mono', monospace !important; + font-size: 12px; +} diff --git a/apps/website/tailwind.config.cjs b/apps/website/tailwind.config.cjs index 41cd35d..1cfea3a 100644 --- a/apps/website/tailwind.config.cjs +++ b/apps/website/tailwind.config.cjs @@ -64,6 +64,9 @@ module.exports = { 'body': '1rem', // 16px 'body-lg': '1.063rem', // 17px }, + fontFamily: { + 'mono': ['"Roboto Mono"', 'monospace'], + }, extend: {}, }, plugins: [], -- cgit