mirror of
https://github.com/supabase/supabase.git
synced 2026-10-12 12:55:06 +03:00
1b46882326
* tiger d2 * update lw12 summary link * update title * update visual * highlight build stage on scroll * initial commit * Small adjustment to make the hook punchier * final edits * add SVGs for LW page * add og and thumbs * Update og.jpg * update title, add blog link and video slug * switch to lighter pngs * promo toast * og --------- Co-authored-by: Inian <inian1234@gmail.com> Co-authored-by: Copple <10214025+kiwicopple@users.noreply.github.com> Co-authored-by: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
78 lines
2.8 KiB
TypeScript
78 lines
2.8 KiB
TypeScript
import React from 'react'
|
|
import Link from 'next/link'
|
|
import { buildDays, mainDays } from './Releases/data'
|
|
|
|
const LW11Summary = () => {
|
|
const days = mainDays()
|
|
|
|
return (
|
|
<div className="w-full border bg-alternative-200 flex flex-col rounded-lg text-foreground-lighter mt-12">
|
|
<div className="w-full p-4 flex justify-between items-center">
|
|
<Link
|
|
href="/launch-week/12"
|
|
className="flex items-center text-foreground font-medium gap-1.5 leading-none uppercase text-xs opacity-80 transition-opacity hover:opacity-100"
|
|
>
|
|
Launch Week
|
|
<span className="font-mono">12</span>
|
|
</Link>
|
|
<div className="font-mono uppercase tracking-wide text-xs">12-16 August</div>
|
|
</div>
|
|
<div className="pb-4 border-t p-4">
|
|
<ul className="flex flex-col gap-2">
|
|
{days.map(
|
|
(day, i: number) =>
|
|
day.shipped && (
|
|
<ol key={day.id}>
|
|
<Link href={day.blog} className="group flex py-1 gap-2 hover:text-foreground">
|
|
<span className="shrink-0 text-sm font-mono uppercase leading-6">
|
|
Day {i + 1} -
|
|
</span>
|
|
<span className="leading-6">{day.title}</span>
|
|
</Link>
|
|
</ol>
|
|
)
|
|
)}
|
|
</ul>
|
|
</div>
|
|
<div className="w-[calc(100%+2px)] bg-surface-100 flex flex-col gap-2 -m-px border rounded-lg">
|
|
<div className="p-4">
|
|
<div className="font-mono uppercase text-xs text-foreground tracking-wide">
|
|
Build Stage
|
|
</div>
|
|
<ul className="flex flex-col gap-2 mt-4">
|
|
{buildDays.map(
|
|
(day, i: number) =>
|
|
day.is_shipped && (
|
|
<ol key={day.id}>
|
|
<Link
|
|
href={day.links[0].url}
|
|
className="relative flex items-center justify-between group w-full py-1 hover:text-foreground"
|
|
>
|
|
<span className="relative">
|
|
<span className="font-mono uppercase mr-2">
|
|
{i + 1 < 10 ? '0' : ''}
|
|
{i + 1} -
|
|
</span>
|
|
{day.title}
|
|
</span>
|
|
</Link>
|
|
</ol>
|
|
)
|
|
)}
|
|
<ol className="border-t pt-4 mt-2">
|
|
<Link
|
|
href="/launch-week#meetups"
|
|
className="relative flex items-center justify-between group w-full py-1 hover:text-foreground"
|
|
>
|
|
Community Meetups
|
|
</Link>
|
|
</ol>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default LW11Summary
|