mirror of
https://github.com/supabase/supabase.git
synced 2026-10-16 22:59:11 +03:00
Francesco SansalvadoreandJonathan Summers-Muir
be9590c890
* set up multiple themes in studio * set up multiple themes in studio * set up multiple themes in docs and www * update all resolvedTheme to also include deep-dark * update all resolvedTheme checks to also include deep-dark * update tailwind.config.js tokens * update tailwind.config.js tokens * update leftover scale12 token * update if resolvedTheme _doesn't_ include 'dark' * update more styling tokens * add dynamic themes to CmdK * fix nav and footer for multi theme * add data-theme selector output to transformTokens.js * update code-hike.css to target data-theme css * update tailwindcss to ^3.3.5 * ThemeImage with light and dark src for www and docs * add brand-button styling token * update old dark theme boolean * update old dark theme boolean * make homepage product visuals themeable * update product page themed images * update badge green with brand * fix roles list appearance * fix auth widget in auth page * update more dark logic * update more dark logic * add button default bg and border * update pricing page theme styling * clean up Themeimage * remove forceDark in homepage * update dark:border-dark occurrences * update dark:border-dark occurrences * fix dark mode base colors * remove foreground-strong * fix notification badge bg * remove some dark: selectors * update dark: selectors * update code-hike deep dark bg color * fix comment typo * update border-button-hover token * fix customer story logo * remove some more dark: selectors * restore forceDark in www homepage * fix auth react icon * fix homepage product visuals * remove theme * add brand-link token * fix checkbox bg * npm install * more visible EntityListItem active bg * fix --background-alternative-default css vars --------- Co-authored-by: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
103 lines
3.1 KiB
TypeScript
103 lines
3.1 KiB
TypeScript
import { NewspaperIcon } from '@heroicons/react/outline'
|
|
import { Button } from 'ui'
|
|
import authors from 'lib/authors.json'
|
|
import Image from 'next/image'
|
|
import Link from 'next/link'
|
|
|
|
export function PreLaunchTeaser() {
|
|
const authorArray = ['paul_copplestone', 'ant_wilson']
|
|
const author = []
|
|
|
|
for (let i = 0; i < authorArray.length; i++) {
|
|
author.push(
|
|
// @ts-ignore
|
|
authors.find((authors: string) => {
|
|
// @ts-ignore
|
|
return authors.author_id === authorArray[i]
|
|
})
|
|
)
|
|
}
|
|
|
|
return (
|
|
<div className="flex flex-col gap-8">
|
|
<div className="grid grid-cols-12 gap-8 md:gap-16">
|
|
<div className="relative col-span-12 drop-shadow-lg lg:col-span-8">
|
|
<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"
|
|
height="100%"
|
|
src="https://www.youtube-nocookie.com/embed/4t_63HT3rZY"
|
|
style={{ top: 0, left: 0 }}
|
|
frameBorder="0"
|
|
allow="autoplay; modestbranding; encrypted-media"
|
|
></iframe>
|
|
</div>
|
|
<div
|
|
className="
|
|
col-span-12
|
|
grid
|
|
grid-cols-1
|
|
gap-8
|
|
|
|
md:grid
|
|
md:grid-cols-2
|
|
md:gap-16
|
|
|
|
lg:col-span-4
|
|
lg:flex
|
|
lg:flex-col
|
|
lg:justify-between
|
|
"
|
|
>
|
|
<div className="flex flex-col gap-4">
|
|
<div className="flex gap-3">
|
|
{author.map((author: any) => {
|
|
return (
|
|
<Image
|
|
key={author.author_id + ' profile image'}
|
|
src={author.author_image_url}
|
|
className="rounded-lg border border-default"
|
|
width={54}
|
|
height={54}
|
|
alt="Author profile image"
|
|
/>
|
|
)
|
|
})}
|
|
</div>
|
|
<div className="flex flex-col">
|
|
<h4 className="text-foreground text-base">Founders Fireside Chat</h4>
|
|
<p className="text-foreground-light text-sm">
|
|
Our two co-founders, Copple and Ant, discuss open source development and the future
|
|
of Supabase.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="flex flex-col gap-3">
|
|
<div className="text-foreground-light w-8">
|
|
<NewspaperIcon strokeWidth={1} />
|
|
</div>
|
|
<div>
|
|
<h3 className="text-foreground text-base">Supabase Series B</h3>
|
|
<p className="text-foreground-light text-sm">
|
|
Supabase raised $80M in May, bringing our total funding to $116M.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<Button asChild type="default">
|
|
<Link href="/blog/supabase-series-b">Read more</Link>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default PreLaunchTeaser
|