diff --git a/packages/website/src/app/globals.css b/packages/website/src/app/globals.css index 6b3a685..ba7cde4 100644 --- a/packages/website/src/app/globals.css +++ b/packages/website/src/app/globals.css @@ -23,7 +23,7 @@ } /* LogoDock's sides: from the start of the middle copy of the logos to the start of the last, so - jumping back is invisible. Each side sets its own duration and delay. */ + jumping back is invisible. Each side sets its own duration. */ @keyframes logo-marquee { from { transform: translateY(calc(-100% / 3)); diff --git a/packages/website/src/components/logo-dock.tsx b/packages/website/src/components/logo-dock.tsx index 19225a3..78b6eab 100644 --- a/packages/website/src/components/logo-dock.tsx +++ b/packages/website/src/components/logo-dock.tsx @@ -76,11 +76,9 @@ function LogoTile({logo}: {logo: Logo}) { // the middle copy (`.logo-marquee` in globals.css), so there is always a logo above and below. function LogoMarquee({ logos, - delayMs, reverse, }: { logos: Logo[]; - delayMs: number; reverse: boolean; }) { return ( @@ -89,7 +87,6 @@ function LogoMarquee({ className="logo-marquee" style={{ animationDuration: `${LOGO_MS * logos.length}ms`, - animationDelay: `${delayMs}ms`, animationDirection: reverse ? 'reverse' : 'normal', }} > @@ -106,7 +103,8 @@ function LogoMarquee({ } // Personal Agent Proxy between the agents on its left and the services on its right, the agents -// scrolling down and the services up, like paper.design's dock. +// scrolling down and the services up, like paper.design's dock. Both sides move a logo in the same +// time from the same start, so their logos line up with Personal Agent Proxy together. export function LogoDock({className}: {className?: string}) { return (
- + - +
); }