mirror of
https://github.com/supabase/supabase.git
synced 2026-10-05 09:25:06 +03:00
b91532f6c7
* migrate some www components to tokens * consolidate InteractiveShimmerCard to Panel component * update tokens in blog * update tokens in careers page * update tokens in customers section * update tokens in open-source section * update tokens in Realtime page * update tokens in Storage and Vector * update tokens in SplitCodeBlockCarousel * update tokens in PGCharts * remove unused css files * update tokens in Card * update tokens in Pricing page * clean up priving page imports * remove hardcoded theme vars * migrate first half of defaultTheme.ts to tokens * migrate second half of defaultTheme.ts to tokens * improve inputs * add foreground to text-light and text-lighter * add foreground to text-light and text-lighter * migrate docs components with styling tokens * migrate docs components with styling tokens * fix broken Repos component * fix broken classes in blog * update tokens on Button and other components * update tokens on IconPanel * update studio main layout base styling tokens * update tokens across studio, docs and www * update tokens across studio, docs and www * update ui/Panel to styling tokens * update ExampleProject and TableEditorMenu tokens * www vector page tokens * update studio UI tokens * update other studio UI tokens * update more studio UI tokens * change tokens here, change tokens there * finish updating colors with tokens variables * add gui sandbox for theme experimentation * use common package for www, docs and studio and fix Command K tokens * provide light mode default tokens options * fix conflict leftover * update loading line * fix className typo * fix prettier * update themeSandbox preset default values * fix text-background0 * prettier * update warningBanner with warning color * switch all border-border with border-default * improve border-secondary and foreground-muted in light mode * force ring color on toggle * fix button bg color and border-muted light token * fix input bg color * fix dark button hover * fix homepage product card * fix code-hike table header colors * button dark border * remove tabIndex leftover from homepage main ctas --------- Co-authored-by: Kevin Grüneberg <k.grueneberg1994@gmail.com> Co-authored-by: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
78 lines
2.9 KiB
TypeScript
78 lines
2.9 KiB
TypeScript
import { TruckIcon } from '@heroicons/react/outline'
|
|
import { Button, Badge } from 'ui'
|
|
import Link from 'next/link'
|
|
import Controller from './launch-controller.json'
|
|
|
|
export default function LaunchHero() {
|
|
return (
|
|
<div className="flex flex-col gap-16 lg:grid lg:grid-cols-12" id="launch-week--hackathon">
|
|
<div className="col-span-12 flex flex-col gap-12 lg:col-span-6">
|
|
<div className="flex flex-col gap-8">
|
|
<div className="flex flex-col gap-3">
|
|
<h3 className="text-foreground text-4xl tracking-tight">Launch Week Hackathon</h3>
|
|
<div>
|
|
<Badge color="red">Closed</Badge>
|
|
</div>
|
|
<h4 className="text-foreground-light text-xl">
|
|
Submissions close Sunday 21st Aug 23:59 (PT).
|
|
</h4>
|
|
</div>
|
|
|
|
<div className="flex gap-3">
|
|
<Button asChild type="primary" size="small" className="text-white">
|
|
<Link href="https://www.madewithsupabase.com/tag/Launch%20Week%205">
|
|
view projects
|
|
</Link>
|
|
</Button>
|
|
<Button asChild type="default" size="small">
|
|
<Link href="/blog/launch-week-5-hackathon">Learn more</Link>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="grid grid-cols-2 gap-16">
|
|
<div className="flex flex-col gap-3">
|
|
<h3 className="text-foreground text-lg">Prizes</h3>
|
|
<p className="text-foreground-light text-sm">
|
|
There are 5 categories to win. There will be a prize for the winner and a runner-up
|
|
prize in each category.
|
|
</p>
|
|
</div>
|
|
<div className="flex flex-col gap-3">
|
|
<h3 className="text-foreground text-lg">Submission</h3>
|
|
<p className="text-foreground-light text-sm">
|
|
Submit your project through{' '}
|
|
<a className="text-brand" href="https://madewithsupabase.com">
|
|
madewithsupabase.com
|
|
</a>
|
|
.
|
|
</p>
|
|
<p className="text-foreground-light text-sm">
|
|
All submissions must be open source and publically available.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="col-span-12 lg:col-span-5 lg:col-start-8">
|
|
<div className="relative">
|
|
<img
|
|
className="z-10 w-full rounded-xl border"
|
|
src="/images/launchweek/launchweek-day-placeholder.jpg"
|
|
alt="Supabase"
|
|
/>
|
|
<iframe
|
|
className="absolute top-0 w-full rounded-xl"
|
|
// width="100%"
|
|
height="100%"
|
|
src="https://www.youtube-nocookie.com/embed/rI3Ik7GyYEw"
|
|
frameBorder="1"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
|
allowFullScreen
|
|
></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|