Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

make navbar sticky #770

Merged
merged 3 commits into from
Feb 7, 2025
Merged

make navbar sticky #770

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
ffb2bfc
make navbar sticky
Jexsie Feb 7, 2025
a9faa4b
Merge branch 'main' into navbar
gdams Feb 7, 2025
3260218
only fill bg colour on scroll
gdams Feb 7, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
434 changes: 219 additions & 215 deletions src/components/NavBar/__tests__/__snapshots__/NavBar.test.tsx.snap
View file
Open in desktop

Large diffs are not rendered by default.

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

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
Open in desktop
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/components/Temurin/HeroSection/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ const HeroSection = () => {

return (
<div>
<div className=" sm:bg-contain bg-temurin-hero bg-center bg-no-repeat relative">
<div className="-mt-24 sm:bg-contain bg-temurin-hero bg-center bg-no-repeat relative">
gdams marked this conversation as resolved.
Show resolved Hide resolved
<div className="relative isolate">
<div className="absolute sm:hidden top-[80px] z-[-1] left-[50%] translate-x-[-50%]">
<HeroBgImg alt="background-image" />
Expand Down
2 changes: 1 addition & 1 deletion src/pages/__tests__/__snapshots__/index.test.tsx.snap
View file
Open in desktop
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
Open in desktop
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
Open in desktop
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