mirror of
https://github.com/supabase/supabase.git
synced 2026-10-17 23:29:08 +03:00
d0a3332a38
* whale d1 init * complete sticky nav * meetups setup * d1 * awards * video link * fix meetups scroll offset * update lw12 og * edits * Thor/whale d1 (#28534) * blog: whale d1 omt * some gramattical changes --------- Co-authored-by: thorwebdev <thor@supabase.io> * add build linkgs * fix breakpoint * update d1 title * Update apps/www/_blog/2024-08-12-github-copilot-extension-for-vs-code.mdx * Update apps/www/_blog/2024-08-12-github-copilot-extension-for-vs-code.mdx * update announcements * update og image * blog link * feat: postgres.new blog post * caiptalization --------- Co-authored-by: Copple <10214025+kiwicopple@users.noreply.github.com> Co-authored-by: thorwebdev <thor@supabase.io> Co-authored-by: Ant Wilson <awalias@users.noreply.github.com> Co-authored-by: Greg Richardson <greg.nmr@gmail.com>
30 lines
963 B
TypeScript
30 lines
963 B
TypeScript
import React from 'react'
|
|
import { cn } from 'ui'
|
|
import { range } from 'lodash'
|
|
|
|
interface Props {
|
|
className?: string
|
|
}
|
|
|
|
const LW12Background = ({ className }: Props) => {
|
|
return (
|
|
<div className={cn('absolute inset-0 w-full h-full flex flex-col', className)}>
|
|
{range(0, 3).map((_) => (
|
|
<div className="w-full aspect-[1/1.536] flex flex-col gap-0 animate-marquee-vertical will-change-transform mx-auto -mt-px">
|
|
<img
|
|
src="/images/launchweek/12/bg-light.svg"
|
|
className="dark:hidden block relative inset-0 w-full overflow-hidden object-cover"
|
|
/>
|
|
<img
|
|
src="/images/launchweek/12/bg-dark.svg"
|
|
className="dark:block hidden relative inset-0 w-full overflow-hidden object-cover"
|
|
/>
|
|
</div>
|
|
))}
|
|
<div className="absolute inset-0 w-full h-full bg-gradient-to-t from-background to-transparent" />
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default LW12Background
|