Skip to content

Commit

Permalink
only fill bg colour on scroll
Browse files Browse the repository at this point in the history
  • Loading branch information
@gdams
gdams committed Feb 7, 2025
1 parent a9faa4b commit 3260218
Show file tree
Hide file tree
Showing 10 changed files with 578 additions and 1,103 deletions.
434 changes: 219 additions & 215 deletions src/components/NavBar/__tests__/__snapshots__/NavBar.test.tsx.snap
View file

Large diffs are not rendered by default.

292 changes: 155 additions & 137 deletions src/components/NavBar/index.tsx
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion src/components/Temurin/HeroSection/__tests__/__snapshots__/HeroSection.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ exports[`HeroSection component > should render correctly 1`] = `
<div>
<div>
<div
class=" sm:bg-contain bg-temurin-hero bg-center bg-no-repeat relative"
class="-mt-24 sm:bg-contain bg-temurin-hero bg-center bg-no-repeat relative"
>
<div
class="relative isolate"
Expand Down
2 changes: 1 addition & 1 deletion src/pages/__tests__/__snapshots__/index.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ exports[`Index page > renders correctly 1`] = `
<main>
<div>
<div
class=" sm:bg-contain bg-temurin-hero bg-center bg-no-repeat relative"
class="-mt-24 sm:bg-contain bg-temurin-hero bg-center bg-no-repeat relative"
>
<div
class="relative isolate"
Expand Down
269 changes: 0 additions & 269 deletions src/pages/__tests__/__snapshots__/support-us.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,275 +2,6 @@

exports[`Support Us page > renders correctly 1`] = `
<main>
<header
class="absolute max-w-[1288px] w-full mx-auto px-3 inset-x-0 top-0 z-50"
>
<nav
aria-label="Global"
class="flex items-center gap-5 justify-between py-6"
>
<a
href="/en/"
placeholder="homepage"
>
<img
alt="Adoptium Logo"
class="h-10"
/>
</a>
<div
class="flex items-center gap-4"
>
<div
class="hidden lg:flex lg:gap-6 xl:gap-x-12"
>
<div
class="relative inline-block text-left"
data-headlessui-state=""
>
<div>
<button
aria-expanded="false"
aria-haspopup="menu"
class="inline-flex w-full gap-2 justify-center rounded-md text-sm font-semibold text-white-900 hover:bg-white-50"
data-headlessui-state=""
id="headlessui-menu-button-:r2:"
type="button"
>
About Us
<svg
aria-hidden="true"
class="-mr-1 mt-1"
fill="currentColor"
height="1em"
stroke="currentColor"
stroke-width="0"
viewBox="0 0 448 512"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"
/>
</svg>
</button>
</div>
</div>
<a
class="text-sm font-semibold leading-6 text-white-900"
href="/en/temurin/releases"
>
Latest Releases
</a>
<a
class="text-sm font-semibold leading-6 text-white-900"
href="/en/marketplace"
>
Marketplace
</a>
<div
class="relative inline-block text-left"
data-headlessui-state=""
>
<div>
<button
aria-expanded="false"
aria-haspopup="menu"
class="inline-flex w-full gap-2 justify-center rounded-md text-sm font-semibold text-white-900 hover:bg-white-50"
data-headlessui-state=""
id="headlessui-menu-button-:r5:"
type="button"
>
Projects
<svg
aria-hidden="true"
class="-mr-1 mt-1"
fill="currentColor"
height="1em"
stroke="currentColor"
stroke-width="0"
viewBox="0 0 448 512"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"
/>
</svg>
</button>
</div>
</div>
<div
class="relative inline-block text-left"
data-headlessui-state=""
>
<div>
<button
aria-expanded="false"
aria-haspopup="menu"
class="inline-flex w-full gap-2 justify-center rounded-md text-sm font-semibold text-white-900 hover:bg-white-50"
data-headlessui-state=""
id="headlessui-menu-button-:r8:"
type="button"
>
Resources
<svg
aria-hidden="true"
class="-mr-1 mt-1"
fill="currentColor"
height="1em"
stroke="currentColor"
stroke-width="0"
viewBox="0 0 448 512"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"
/>
</svg>
</button>
</div>
</div>
<div
class="relative inline-block text-left"
data-headlessui-state=""
>
<div>
<button
aria-expanded="false"
aria-haspopup="menu"
class="inline-flex w-full gap-2 justify-center rounded-md text-sm font-semibold text-white-900 hover:bg-white-50"
data-headlessui-state=""
id="headlessui-menu-button-:rb:"
type="button"
>
Community
<svg
aria-hidden="true"
class="-mr-1 mt-1"
fill="currentColor"
height="1em"
stroke="currentColor"
stroke-width="0"
viewBox="0 0 448 512"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"
/>
</svg>
</button>
</div>
</div>
</div>
<div
class="flex space-x-3 h-12"
>
<div
class="hidden sm:block"
>
<div
class="relative inline-block text-left"
data-headlessui-state=""
>
<div>
<button
aria-expanded="false"
aria-haspopup="menu"
class="inline-flex w-full justify-center gap-3 rounded-3xl bg-transparent h-full px-4 py-3 text-sm text-white shadow-sm border-2 border-gray-700"
data-headlessui-state=""
id="headlessui-menu-button-:re:"
type="button"
>
Flag
<span>
English
</span>
<svg
aria-hidden="true"
class="-mr-1 h-5 w-5 text-white"
fill="currentColor"
height="15"
stroke="currentColor"
stroke-width="0"
viewBox="0 0 448 512"
width="15"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"
/>
</svg>
</button>
</div>
</div>
</div>
<div
class="p-3 h-full rounded-3xl border-2 border-gray-700 justify-start items-center gap-3 inline-flex cursor-pointer"
>
<div
aria-label="checksum"
class="relative"
>
<svg
fill="currentColor"
height="20"
stroke="currentColor"
stroke-width="0"
viewBox="0 0 448 512"
width="20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M439.39 362.29c-19.32-20.76-55.47-51.99-55.47-154.29 0-77.7-54.48-139.9-127.94-155.16V32c0-17.67-14.32-32-31.98-32s-31.98 14.33-31.98 32v20.84C118.56 68.1 64.08 130.3 64.08 208c0 102.3-36.15 133.53-55.47 154.29-6 6.45-8.66 14.16-8.61 21.71.11 16.4 12.98 32 32.1 32h383.8c19.12 0 32-15.6 32.1-32 .05-7.55-2.61-15.27-8.61-21.71zM67.53 368c21.22-27.97 44.42-74.33 44.53-159.42 0-.2-.06-.38-.06-.58 0-61.86 50.14-112 112-112s112 50.14 112 112c0 .2-.06.38-.06.58.11 85.1 23.31 131.46 44.53 159.42H67.53zM224 512c35.32 0 63.97-28.65 63.97-64H160.03c0 35.35 28.65 64 63.97 64z"
/>
</svg>
<span
class="absolute -top-1 -right-1 h-4 w-4 bg-red-500 rounded-full text-xs text-white font-bold flex items-center justify-center"
>
1
</span>
</div>
</div>
</div>
<div
class="flex lg:hidden ml-3"
>
<button
class="-m-2.5 inline-flex items-center justify-center rounded-md text-white-700"
type="button"
>
<span
class="sr-only"
>
Open main menu
</span>
<div
class="border-2 border-[#3e3355] p-3 rounded-full"
>
<svg
class="text-2xl"
fill="currentColor"
height="1em"
stroke="currentColor"
stroke-width="0"
viewBox="0 0 16 16"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5"
fill-rule="evenodd"
/>
</svg>
</div>
</button>
</div>
</div>
</nav>
</header>
<div
class="relative pt-40 pb-16 md:pb-36 md:pt-60 overflow-hidden"
>
Expand Down
31 changes: 14 additions & 17 deletions src/pages/support-us.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,24 +10,21 @@ import MediaAndPromotion from "../components/Support/MediaAndPromotion"

const SupportUs = () => {
return (
<div className="">
<Layout>
<Navbar />
<PageHeader
title="What we’re trying to achieve"
subtitle="Support Us"
description="Eclipse Temurin offers high-performance, cross-platform, open-source Java runtime binaries that are enterprise-ready and Java SE TCK-tested for general use in the Java ecosystem."
className={"max-w-[860px] mx-auto"}
/>
<WaysToSupport />
<MediaAndPromotion />
<Layout>
<PageHeader
title="What we’re trying to achieve"
subtitle="Support Us"
description="Eclipse Temurin offers high-performance, cross-platform, open-source Java runtime binaries that are enterprise-ready and Java SE TCK-tested for general use in the Java ecosystem."
className={"max-w-[860px] mx-auto"}
/>
<WaysToSupport />
<MediaAndPromotion />

<ContactUs
title={"Connect with the community"}
buttontitle="Learn More"
/>
</Layout>
</div>
<ContactUs
title={"Connect with the community"}
buttontitle="Learn More"
/>
</Layout>
)
}

Expand Down
Loading

0 comments on commit 3260218

Please sign in to comment.