From 2614344d4cc3e76a03f1b5c921b38d1a45ab2e7e Mon Sep 17 00:00:00 2001 From: Piotr Monwid-Olechnowicz Date: Fri, 11 Jul 2025 18:01:37 +0200 Subject: [PATCH 1/4] Tweak Trusted By section styles --- src/components/index-page/trusted-by/index.tsx | 2 +- src/components/index-page/trusted-by/style.module.css | 4 ++++ 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/src/components/index-page/trusted-by/index.tsx b/src/components/index-page/trusted-by/index.tsx index 1610f6403c..600db14e26 100644 --- a/src/components/index-page/trusted-by/index.tsx +++ b/src/components/index-page/trusted-by/index.tsx @@ -125,7 +125,7 @@ export function TrustedBy() { href={href} target="_blank" rel="noreferrer" - className="group flex shrink-0 items-center justify-center bg-neu-0 p-10 before:inset-2 hover:before:bg-neu-100 dark:hover:before:bg-[#202219]" + className="group relative flex shrink-0 items-center justify-center bg-neu-0 p-10 *:z-[1] before:absolute before:inset-2 hover:before:bg-neu-100/50 dark:hover:before:bg-[#202219]" > diff --git a/src/components/index-page/trusted-by/style.module.css b/src/components/index-page/trusted-by/style.module.css index a1323e8cbc..16e652bbdb 100644 --- a/src/components/index-page/trusted-by/style.module.css +++ b/src/components/index-page/trusted-by/style.module.css @@ -15,6 +15,10 @@ & > a { transition: background-color 300ms cubic-bezier(0.075, 0.82, 0.165, 1); + &::before { + transition: background-color 300ms cubic-bezier(0.075, 0.82, 0.165, 1); + } + & :is(svg, path) { transition: fill 300ms cubic-bezier(0.075, 0.82, 0.165, 1); } From 92091028438a15d2cbdeac15df2278e8622ceb51 Mon Sep 17 00:00:00 2001 From: Piotr Monwid-Olechnowicz Date: Fri, 11 Jul 2025 18:01:50 +0200 Subject: [PATCH 2/4] Change index page background color --- src/components/index-page/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/index-page/index.tsx b/src/components/index-page/index.tsx index 7f43d52dca..173c09cfea 100644 --- a/src/components/index-page/index.tsx +++ b/src/components/index-page/index.tsx @@ -11,7 +11,7 @@ import { HowItWorks } from "./how-it-works" export function IndexPage() { return ( -
+
From ab2fd037937e1eb6790bea39faab0a65240cc214 Mon Sep 17 00:00:00 2001 From: Piotr Monwid-Olechnowicz Date: Fri, 11 Jul 2025 18:02:04 +0200 Subject: [PATCH 3/4] Restyle how-it-works section --- public/img/graph-wash.png | Bin 23127 -> 0 bytes src/components/index-page/how-it-works.tsx | 69 ++++++++++----------- 2 files changed, 34 insertions(+), 35 deletions(-) delete mode 100644 public/img/graph-wash.png diff --git a/public/img/graph-wash.png b/public/img/graph-wash.png deleted file mode 100644 index 678844a07007ee02b1f2454be4e898b4c359df2b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 23127 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 akF?T%^hhlEj9mYjLjQ^J<4P?^%>MxOl!8$J diff --git a/src/components/index-page/how-it-works.tsx b/src/components/index-page/how-it-works.tsx index 5c6abf22d1..3a261c6d9f 100644 --- a/src/components/index-page/how-it-works.tsx +++ b/src/components/index-page/how-it-works.tsx @@ -1,43 +1,42 @@ -import Link from "next/link" +import { ChevronRight } from "@/app/conf/_design-system/pixelarticons/chevron-right" +import { Button } from "@/app/conf/_design-system/button" + import { CodeA, CodeB, CodeC } from "../code-blocks" -import { clsx } from "clsx" + +const TRY_IT_OUT_URL = "https://graphql.org/swapi-graphql" export function HowItWorks() { return ( -
-
-
-
-

Describe your data

- -
- -
-

Ask for what you want

- -
+
+ + + How it works + +

A GraphQL Query

+
    + } /> + } /> + } /> +
-
-

Get predictable results

- -
-
+ +
+ ) +} - - Try it out live - -
-
+function ListItem({ + text, + code, +}: { + text: React.ReactNode + code: React.ReactNode +}) { + return ( +
  • + {text} +
    {code}
    +
  • ) } From 87cd2936db4dfbd172b0115e4f314cac5847175b Mon Sep 17 00:00:00 2001 From: Piotr Monwid-Olechnowicz Date: Fri, 11 Jul 2025 18:52:12 +0200 Subject: [PATCH 4/4] Improve mobile styles in HowItWorks --- next.config.js | 3 ++- pnpm-lock.yaml | 10 +++++++--- src/components/index-page/how-it-works.tsx | 12 ++++++++---- src/components/index-page/trusted-by/index.tsx | 2 +- .../index-page/trusted-by/style.module.css | 9 --------- src/globals.css | 11 +++++++++++ 6 files changed, 29 insertions(+), 18 deletions(-) diff --git a/next.config.js b/next.config.js index 70be9c84c8..56e13b9dc0 100644 --- a/next.config.js +++ b/next.config.js @@ -3,9 +3,10 @@ import nextra from "nextra" import path from "node:path" import withLess from "next-with-less" -import { remarkGraphiQLComment } from "./src/remark-graphiql-comment.js" import fs from "fs" +import { remarkGraphiQLComment } from "./src/remark-graphiql-comment.js" + const vercelJSON = JSON.parse(fs.readFileSync("./vercel.json", "utf-8")) const withNextra = nextra({ diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index fb8006eaa9..b9052f1ef5 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -7688,6 +7688,10 @@ snapshots: dependencies: acorn: 8.11.3 + acorn-jsx@5.3.2(acorn@8.15.0): + dependencies: + acorn: 8.15.0 + acorn@8.11.3: {} acorn@8.15.0: {} @@ -9827,7 +9831,7 @@ snapshots: mdast-util-mdx@3.0.0: dependencies: - mdast-util-from-markdown: 2.0.0 + mdast-util-from-markdown: 2.0.2 mdast-util-mdx-expression: 2.0.0 mdast-util-mdx-jsx: 3.1.2 mdast-util-mdxjs-esm: 2.0.1 @@ -10055,8 +10059,8 @@ snapshots: micromark-extension-mdxjs@3.0.0: dependencies: - acorn: 8.11.3 - acorn-jsx: 5.3.2(acorn@8.11.3) + acorn: 8.15.0 + acorn-jsx: 5.3.2(acorn@8.15.0) micromark-extension-mdx-expression: 3.0.0 micromark-extension-mdx-jsx: 3.0.0 micromark-extension-mdx-md: 2.0.0 diff --git a/src/components/index-page/how-it-works.tsx b/src/components/index-page/how-it-works.tsx index 3a261c6d9f..c882b76c1f 100644 --- a/src/components/index-page/how-it-works.tsx +++ b/src/components/index-page/how-it-works.tsx @@ -13,7 +13,7 @@ export function HowItWorks() { How it works

    A GraphQL Query

    -
      +
        } /> } /> } /> @@ -34,9 +34,13 @@ function ListItem({ code: React.ReactNode }) { return ( -
      1. - {text} -
        {code}
        +
      2. +
        + {text} +
        +
        + {code} +
      3. ) } diff --git a/src/components/index-page/trusted-by/index.tsx b/src/components/index-page/trusted-by/index.tsx index 600db14e26..b0148cd379 100644 --- a/src/components/index-page/trusted-by/index.tsx +++ b/src/components/index-page/trusted-by/index.tsx @@ -115,7 +115,7 @@ export function TrustedBy() {
    diff --git a/src/components/index-page/trusted-by/style.module.css b/src/components/index-page/trusted-by/style.module.css index 16e652bbdb..84b6c18d32 100644 --- a/src/components/index-page/trusted-by/style.module.css +++ b/src/components/index-page/trusted-by/style.module.css @@ -1,13 +1,4 @@ .logos { - background-image: radial-gradient( - ellipse at 50% 50%, - hsl(var(--color-neu-600)) 0%, - transparent 75% - ); - background-size: 100% 100%; - background-position: center; - background-repeat: no-repeat; - & .shopify > svg { transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1); } diff --git a/src/globals.css b/src/globals.css index 01e942d99a..974d9ea6bf 100644 --- a/src/globals.css +++ b/src/globals.css @@ -520,6 +520,17 @@ div[id^="headlessui-menu-items"] { --navbar-h: var(--nextra-navbar-height); } +.gql-radial-gradient { + background-image: radial-gradient( + ellipse at 50% 50%, + hsl(var(--color-neu-600)) 0%, + transparent 75% + ); + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; +} + :root { --navbar-h: 70px; }