diff --git a/src/pages/grain.tsx b/src/pages/grain.tsx deleted file mode 100644 index 72e612e..0000000 --- a/src/pages/grain.tsx +++ /dev/null @@ -1,102 +0,0 @@ -import type { NextPage } from "next"; -import Head from "next/head"; -import Image from "next/image"; -import { BsGithub } from "react-icons/bs"; -import { RxOpenInNewWindow } from "react-icons/rx"; -import Link from "next/link"; -import AppWrapper from "@/components/AppWrapper"; -import type { ReactNode } from "react"; - -type Screenshot = [string, null | string | ReactNode]; -type ScreenshotWithQuality = [string, null | string | ReactNode, number]; -const images: (Screenshot | ScreenshotWithQuality)[] = [ - ["/grain/index.jpg", null, 100], - ["/grain/hidden.jpg", null, 100], -]; - -const GrainPage: NextPage = () => { - return ( - <> - - Grain | Xevion.dev - - -
-
-
-
Grain
-
- - - - - - -
-
-
- - - -
-
-

- After seeing an online post with beautiful noise patterns & - gradients, I decided to try and recreate it. The result was - Grain, a simple web app that generates beautiful noise. Under - the hood, this app uses multiple layers of SVGs that - automatically rescale with the browsers viewport. That way, the - noise is always crisp and clear, no matter the screen size. -

-
    -
  • Performant - SVG generation and layering is optimized
    • -
  • Small - Builds in less than 16 seconds
    • -
  • - Open Source - Want to use my gradients? Check it out on{" "} - - GitHub - - . -
    • -
-

Screenshots

-
- {images.map(([src, description, quality]) => { - return ( -
- - {description != null ? ( - - {description} - - ) : null} -
- ); - })} -
-
-
-
- - - ); -}; - -export default GrainPage; diff --git a/src/pages/index.tsx b/src/pages/index.tsx index c524079..cc89b6f 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -1,14 +1,13 @@ +import AppWrapper from "@/components/AppWrapper"; +import ItemCard from "@/components/ItemCard"; +import directus, { type Project } from "@/utils/directus"; +import { useBreakpointValue } from "@/utils/helpers"; import { readItems, readSingleton } from "@directus/sdk"; import { GetStaticPropsResult, type NextPage } from "next"; import Head from "next/head"; import Link from "next/link"; import { useEffect } from "react"; import Balancer from "react-wrap-balancer"; -import AppWrapper from "@/components/AppWrapper"; -import ItemCard from "@/components/ItemCard"; -import directus, { type Project } from "@/utils/directus"; -import { useBreakpointValue } from "@/utils/helpers"; -import dynamic from "next/dynamic"; type IndexProps = { tagline: string; @@ -16,11 +15,6 @@ type IndexProps = { buttons: { text: string; href: string }[]; }; -const DotsDynamic = dynamic( - () => import('@/components/Dots'), - { ssr: false } -) - export async function getStaticProps(): Promise< GetStaticPropsResult > { @@ -68,7 +62,6 @@ const Home: NextPage = ({
-