mirror of
https://github.com/supabase/supabase.git
synced 2026-10-12 21:05:06 +03:00
* lw11 ga ticketing * add @types/animejs * build new game word * og ticket layout * ticket og layout * lw11 ticketing flow * remove unused assets * clean up old LW code * smol cleanup * update lw11 og function * update lw11 og function * prepare * main layout * layout * update naming * fix lw11 canvas resize * lw announcement countdown banner * hp badge * update lw page * cleanup * update banners * update ticket shape * update share string * update launch time * avatar in ticket * update lw11-og handler * mask ticket glow * update game with input-otp * clean up game * update ticketing page title * update * update awards * special event * update constants * fix mobile inputs bug * update announcements * dots grid * remove 2024 * gst * fix ticket user page * less stacked layout * lw * update secret ticket * update sharing layout * max width to ticket container * update tweet text * clean up merge * npm i * update hero announcement * update footer * update types * fix types * Update apps/www/lib/constants.ts * Update apps/www/lib/constants.ts * Update apps/www/lib/constants.ts * Apply suggestions from code review * update og * og * special announcement * special announcement * fix favicon * url timestamp for cache * cache * favicon * remove file * fix title * game only when signed in * user ticket nme * day * switch to /special-announcent * update /special-announcement * update /special-announcement * skip build * redirect * fix theme in /special-announcement * fix mobile ticket form * image not draggable * cleanup * restore latest manifest * update secret ticket tweet * secret share * update text * fix secret share * typo * remove comment * update deprecated icon * restore input.stories --------- Co-authored-by: Ant Wilson <awalias@users.noreply.github.com>
56 lines
2.2 KiB
TypeScript
56 lines
2.2 KiB
TypeScript
import React from 'react'
|
|
import { StyledArticleBadge } from './Releases/components'
|
|
import Image from 'next/image'
|
|
|
|
const LWArchive = () => {
|
|
return (
|
|
<div className="w-full text-white flex flex-col lg:flex-row gap-8 lg:gap-16">
|
|
<div className="lg:basis-1/3 flex flex-col items-start gap-4">
|
|
<StyledArticleBadge>Throwback</StyledArticleBadge>
|
|
<h2 className="text-4xl">Previous Launch Weeks</h2>
|
|
<p className="text-[#9296AA]">
|
|
Explore our past Launch Weeks, and check the progress we've made on our journey.
|
|
</p>
|
|
</div>
|
|
<div className="lg:basis-2/3 relative grid grid-cols-1 xl:grid-cols-2 gap-4">
|
|
<a
|
|
href="/launch-week/6"
|
|
className="relative h-[160px] group w-full rounded-md md:rounded-lg transition-transform bg-[#030A0C] flex items-center justify-center border border-[#111618] hover:border-brand-800 overflow-hidden"
|
|
>
|
|
<span className="relative z-10 stroke-text inline-block text-transparent bg-clip-text bg-gradient-to-b from-foreground to-foreground-lighter text-7xl drop-shadow-lg">
|
|
6
|
|
</span>
|
|
<div className="absolute inset-0 grayscale group-hover:grayscale-0">
|
|
<Image
|
|
src="/images/launchweek/archive/lw6.jpg"
|
|
alt="Launch Week 6"
|
|
fill
|
|
sizes="100%"
|
|
className="object-cover"
|
|
/>
|
|
</div>
|
|
</a>
|
|
<a
|
|
href="/launch-week/7"
|
|
className="relative h-[160px] group w-full rounded-md md:rounded-lg transition-transform bg-[#030A0C] flex items-center justify-center border border-[#111718] hover:border-brand-1200 overflow-hidden"
|
|
>
|
|
<span className="relative z-10 stroke-text inline-block text-transparent bg-clip-text bg-gradient-to-b from-foreground to-foreground-lighter text-7xl drop-shadow-lg">
|
|
7
|
|
</span>
|
|
<div className="absolute inset-0 grayscale group-hover:grayscale-0">
|
|
<Image
|
|
src="/images/launchweek/archive/lw7.jpg"
|
|
alt="Launch Week 7"
|
|
fill
|
|
sizes="100%"
|
|
className="object-cover"
|
|
/>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default LWArchive
|