From 1ff554fefe5a960e544c49fdd47fd1f0963e8ebc Mon Sep 17 00:00:00 2001 From: LynithDev <61880709+LynithDev@users.noreply.github.com> Date: Wed, 27 Dec 2023 18:43:56 +0100 Subject: Pretty much finished the mods page except for images / svgs --- .../src/components/base/navbar/NavbarElement.astro | 4 +- apps/website/src/components/icons/Icon.astro | 1 + .../src/components/icons/impl/oneconfig.svg | 5 + apps/website/src/pages/mods.astro | 159 +++++++++++++++++---- apps/website/src/styles/global.css | 6 + 5 files changed, 142 insertions(+), 33 deletions(-) create mode 100644 apps/website/src/components/icons/impl/oneconfig.svg (limited to 'apps/website/src') diff --git a/apps/website/src/components/base/navbar/NavbarElement.astro b/apps/website/src/components/base/navbar/NavbarElement.astro index a1c27b9..0fe544b 100644 --- a/apps/website/src/components/base/navbar/NavbarElement.astro +++ b/apps/website/src/components/base/navbar/NavbarElement.astro @@ -28,7 +28,7 @@ function isCurrentPage(url: string): boolean { ? ( {element.text && element.text} - {element.logo && } + {element.logo && } {element.dropdown && } ) @@ -74,7 +74,7 @@ function isCurrentPage(url: string): boolean { {element.dropdown.map(item => (
  • -
    +
    {item.logo && }
    diff --git a/apps/website/src/components/icons/Icon.astro b/apps/website/src/components/icons/Icon.astro index b186a76..fc4fc21 100644 --- a/apps/website/src/components/icons/Icon.astro +++ b/apps/website/src/components/icons/Icon.astro @@ -3,6 +3,7 @@ import type { HTMLAttributes } from 'astro/types'; import { parse } from 'node-html-parser'; type _ModIcons = + | 'oneconfig' | 'chatting' | 'polysprint' | 'vanillahud' diff --git a/apps/website/src/components/icons/impl/oneconfig.svg b/apps/website/src/components/icons/impl/oneconfig.svg new file mode 100644 index 0000000..cba37ab --- /dev/null +++ b/apps/website/src/components/icons/impl/oneconfig.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/apps/website/src/pages/mods.astro b/apps/website/src/pages/mods.astro index 4409583..27ef018 100644 --- a/apps/website/src/pages/mods.astro +++ b/apps/website/src/pages/mods.astro @@ -1,44 +1,141 @@ --- +import Button from '@components/base/Button.astro'; import Card from '@components/base/Card.astro'; import Header from '@components/base/Header.astro'; +import Paragraph from '@components/base/Paragraph.astro'; import Section from '@components/base/Section.astro'; import Slider from '@components/base/Slider.astro'; import Layout from '@layouts/Layout.astro'; +import { Code } from 'astro:components'; --- -
    -
    -
    -
    - - - - - - - - - - - - - - - - - - - - -
    -
    - -
    -
    Redefining modding, one mod at a time
    -
    -
    +
    +
    +
    +
    +
    + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    Redefining modding, one mod at a time
    +
    + + +
    + + + 10+ mods. Unparalleled new features. OneConfig. We combine our groundbreaking library with mods with no equivalent anywhere else. + +
    +
    +
    + +
    +
    +
    +
    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. + +
    +
    + +
    +
    + +
    +
    +
    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. + +
    +
    + +
    +
    + +
    + { + // Do stuff here + }); + } +}` +} + lang="java"/> +
    +
    + +
    +
    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). + +
    +
    +
    +
    + +
    +
    +
    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. + +
    +
    +
    +
    + stuff +
    +
    + +
    +
    +
    Get our mods, available on Modrinth and GitHub.
    +
    + + +
    +
    +
    +
    diff --git a/apps/website/src/styles/global.css b/apps/website/src/styles/global.css index 340c9e0..1a9f19b 100644 --- a/apps/website/src/styles/global.css +++ b/apps/website/src/styles/global.css @@ -5,6 +5,7 @@ * { font-family: 'Poppins', sans-serif; + -webkit-tap-highlight-color: transparent; } @layer base { @@ -25,6 +26,10 @@ body { @apply text-[14px] md:text-[16px]; } + + a { + -webkit-user-drag: none; + } } /* Codeblocks */ @@ -33,6 +38,7 @@ border-radius: 16px; border: 1px solid rgba(65, 74, 88, 1); width: 100%; + line-height: 18px; } .astro-code code { -- cgit