docs(nx-dev): update monorepo world notification (#28398)
This commit is contained in:
Nicholas Cunningham
GitHub
parent
c3b77e7255
commit
40d444eb25
Binary file not shown.
|
Before Width: | Height: | Size: 5.9 KiB |
@ -18,7 +18,6 @@ import {
|
||||
solutionsMenuItems,
|
||||
} from './menu-items';
|
||||
import { SectionsMenu } from './sections-menu';
|
||||
import { AnnouncementBanner } from '../announcement-banner';
|
||||
import { DiscordIcon } from '../discord-icon';
|
||||
import { NxCloudAnimatedIcon, NxIcon } from '@nx/nx-dev/ui-icons';
|
||||
|
||||
@ -170,9 +169,6 @@ export function DocumentationHeader({
|
||||
|
||||
return (
|
||||
<div className="border-b border-slate-200 bg-slate-50 dark:border-slate-700 dark:bg-slate-800/60 print:hidden">
|
||||
<div className="hidden w-full md:block">
|
||||
<AnnouncementBanner />
|
||||
</div>
|
||||
<div className="mx-auto flex w-full items-center gap-6 lg:px-8 lg:py-4">
|
||||
{/*MOBILE MENU*/}
|
||||
<div className="flex w-full items-center lg:hidden">
|
||||
|
||||
@ -3,12 +3,7 @@
|
||||
import { useState, useEffect, ReactElement } from 'react';
|
||||
import { motion } from 'framer-motion';
|
||||
import { MonorepoWorldIcon } from '@nx/nx-dev/ui-icons';
|
||||
import { ButtonLink } from './button';
|
||||
import {
|
||||
PlayIcon,
|
||||
XMarkIcon,
|
||||
ChatBubbleLeftRightIcon,
|
||||
} from '@heroicons/react/24/outline';
|
||||
import { XMarkIcon, VideoCameraIcon } from '@heroicons/react/24/outline';
|
||||
|
||||
export function LiveStreamNotifier(): ReactElement {
|
||||
const [isVisible, setIsVisible] = useState<boolean>(true);
|
||||
@ -62,49 +57,33 @@ export function LiveStreamNotifier(): ReactElement {
|
||||
aria-hidden="true"
|
||||
className="size-8 flex-shrink-0"
|
||||
/>
|
||||
<span>Monorepo World is live!</span>
|
||||
<span>Monorepo World just ended!</span>
|
||||
</motion.h3>
|
||||
<motion.div key="live-event" className="mt-4 space-y-4">
|
||||
<p className="mb-2 text-sm">
|
||||
Join us live for exciting talks on developer tooling and
|
||||
monorepos! Catch the action on YouTube and join the conversation
|
||||
on Discord!
|
||||
In case you missed Monorepo World, it is now available for replay.
|
||||
</p>
|
||||
<div className="flex flex-wrap items-center gap-1 sm:gap-4">
|
||||
<a
|
||||
title="Watch track 1"
|
||||
title="Track 1 replay"
|
||||
href="http://go.nx.dev/MWTrack1"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="inline-flex items-center justify-center gap-2 rounded-lg bg-[#DDFB24] px-2 py-2 text-sm font-semibold text-black transition hover:bg-[#B2CF04] focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500 active:text-black/70 md:px-4"
|
||||
>
|
||||
<PlayIcon aria-hidden="true" className="size-4" />
|
||||
<span>Track 1</span>
|
||||
<VideoCameraIcon aria-hidden="true" className="size-5" />
|
||||
<span>Track 1 replay</span>
|
||||
</a>
|
||||
<a
|
||||
href="http://go.nx.dev/MWTrack2"
|
||||
target="_blank"
|
||||
title="Watch track 2"
|
||||
title="Track 2 replay"
|
||||
rel="noopener noreferrer"
|
||||
className="inline-flex items-center justify-center gap-2 rounded-lg bg-[#DDFB24] px-2 py-2 text-sm font-semibold text-black transition hover:bg-[#B2CF04] focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500 active:text-black/70 md:px-4"
|
||||
>
|
||||
<PlayIcon aria-hidden="true" className="size-4" />
|
||||
<span>Track 2</span>
|
||||
<VideoCameraIcon aria-hidden="true" className="size-5" />
|
||||
<span>Track 2 replay</span>
|
||||
</a>
|
||||
<ButtonLink
|
||||
variant="secondary"
|
||||
size="small"
|
||||
href="https://discord.gg/7yFabzBP"
|
||||
target="_blank"
|
||||
title="Join the discussion on Discord"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<ChatBubbleLeftRightIcon
|
||||
aria-hidden="true"
|
||||
className="size-4"
|
||||
/>
|
||||
<span>#monorepo-world</span>
|
||||
</ButtonLink>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
|
||||
@ -80,58 +80,6 @@ export function Hero(): JSX.Element {
|
||||
Contact us
|
||||
</ButtonLink>
|
||||
</div>
|
||||
<div className="mt-12 flex justify-center">
|
||||
<MotionConfig reducedMotion="user">
|
||||
<motion.div
|
||||
initial={{
|
||||
y: 16,
|
||||
opacity: 0,
|
||||
}}
|
||||
whileInView={{
|
||||
y: 0,
|
||||
opacity: 1,
|
||||
}}
|
||||
viewport={{ once: true }}
|
||||
transition={{
|
||||
ease: 'easeOut',
|
||||
duration: 0.225,
|
||||
delay: 1,
|
||||
}}
|
||||
className="pointer-events-auto relative mx-auto w-full max-w-lg overflow-hidden rounded-lg bg-slate-950 text-left text-white shadow-lg ring-1 ring-white ring-opacity-5 transition hover:bg-slate-800"
|
||||
>
|
||||
<div className="p-4">
|
||||
<div className="flex items-start gap-6">
|
||||
<div className="-m-4 hidden flex-shrink-0 sm:block">
|
||||
<img
|
||||
src="/images/conferences/monorepoworld-vertical-banner.avif"
|
||||
alt="MonorepoWorld conference image"
|
||||
className="size-32"
|
||||
/>
|
||||
</div>
|
||||
<div className="w-0 flex-1 pt-1">
|
||||
<p className="text-base font-semibold">
|
||||
<a
|
||||
href="https://monorepo.world/?utm_source=nxdev&utm_medium=website&utm_campaign=homepage_banner&utm_campaign=monorepoworld"
|
||||
title="Join us at Monorepo World"
|
||||
target="_blank"
|
||||
>
|
||||
<span className="absolute inset-0" />
|
||||
The Nx team will be at Monorepo World!
|
||||
</a>
|
||||
</p>
|
||||
<p className="mt-1 text-sm text-slate-300">
|
||||
The ultimate conference for{' '}
|
||||
<span className="text-[#DDFB24]">monorepos</span> and
|
||||
developer{' '}
|
||||
<span className="text-[#DDFB24]">tooling</span> on 0ct.
|
||||
7. 2024, Mountain View, CA.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
</MotionConfig>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user