Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ const AdventCard = ({ day, index }: { day: AdventDay; index: number }) => {
</div>
<div
className={cn(
'relative group-hover:!bottom-0 !ease-[.25,.25,0,1] duration-300 transition-all flex flex-col gap-1'
'relative group-hover:!bottom-0 !ease-[cubic-bezier(.25,.25,0,1)] duration-300 transition-all flex flex-col gap-1'
)}
style={{
bottom: isTablet ? 0 : -hiddenHeight + 'px',
Expand All @@ -73,7 +73,7 @@ const AdventCard = ({ day, index }: { day: AdventDay; index: number }) => {
<h4 className="text-foreground text-lg leading-6">{day.title}</h4>
<div
ref={hiddenRef}
className="relative z-10 !ease-[.25,.25,0,1] duration-300 transition-opacity opacity-100 lg:opacity-0 group-hover:opacity-100"
className="relative z-10 !ease-[cubic-bezier(.25,.25,0,1)] duration-300 transition-opacity opacity-100 lg:opacity-0 group-hover:opacity-100"
style={{
backfaceVisibility: 'hidden',
transform: 'translateZ(0)',
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@ const DaySection = ({ day, className }: { day: WeekDayProps; className?: string
)}
>
<div className="relative text-foreground-light p-4 sm:p-6 md:p-8 z-20 flex-grow flex flex-col items-start justify-between gap-2 w-full lg:w-1/2 text-left">
<div className="relative w-full flex items-center gap-2 text-sm translate-x-0 !ease-[.24,0,.22,.99] duration-200 group-hover:-translate-x-6 transition-transform">
<div className="relative w-full flex items-center gap-2 text-sm translate-x-0 !ease-[cubic-bezier(.24,0,.22,.99)] duration-200 group-hover:-translate-x-6 transition-transform">
<Edit className="w-4 min-w-4 group-hover:opacity-0 transition-opacity" />
<span>Blog post</span>
<ArrowRightIcon className="w-4 opacity-0 group-hover:opacity-100 transition-opacity" />
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ const BuildCard = ({ day, index }: { day: AdventDay; index: number }) => {
</div>
<div
className={cn(
'relative group-hover:!bottom-0 !ease-[.25,.25,0,1] duration-300 transition-all flex flex-col gap-1'
'relative group-hover:!bottom-0 !ease-[cubic-bezier(.25,.25,0,1)] duration-300 transition-all flex flex-col gap-1'
)}
style={{
bottom: isTablet ? 0 : -hiddenHeight + 'px',
Expand All @@ -73,7 +73,7 @@ const BuildCard = ({ day, index }: { day: AdventDay; index: number }) => {
<h4 className="text-foreground text-lg leading-6">{day.title}</h4>
<div
ref={hiddenRef}
className="relative z-10 !ease-[.25,.25,0,1] duration-300 transition-opacity opacity-100 lg:opacity-0 group-hover:opacity-100"
className="relative z-10 !ease-[cubic-bezier(.25,.25,0,1)] duration-300 transition-opacity opacity-100 lg:opacity-0 group-hover:opacity-100"
style={{
backfaceVisibility: 'hidden',
transform: 'translateZ(0)',
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,7 @@ const DaySection = ({ day, className }: { day: WeekDayProps; className?: string
)}
>
<div className="relative text-foreground-light p-4 sm:px-6 md:py-6 md:px-8 z-20 flex-grow flex flex-col items-start justify-between gap-2 w-full lg:w-1/2 text-left">
<div className="relative w-full flex items-center gap-2 text-sm translate-x-0 !ease-[.24,0,.22,.99] duration-200 group-hover:-translate-x-6 transition-transform">
<div className="relative w-full flex items-center gap-2 text-sm translate-x-0 !ease-[cubic-bezier(.24,0,.22,.99)] duration-200 group-hover:-translate-x-6 transition-transform">
<Edit className="w-4 min-w-4 group-hover:opacity-0 transition-opacity" />
<span>Blog post</span>
<ArrowRightIcon className="w-4 opacity-0 group-hover:opacity-100 transition-opacity" />
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ const BuildCard = ({ day, index }: { day: AdventDay; index: number }) => {
</div>
<div
className={cn(
'relative group-hover:!bottom-0 !ease-[.25,.25,0,1] duration-300 transition-all flex flex-col gap-1'
'relative group-hover:!bottom-0 !ease-[cubic-bezier(.25,.25,0,1)] duration-300 transition-all flex flex-col gap-1'
)}
style={{
bottom: isTablet ? 0 : -hiddenHeight + 'px',
Expand All @@ -73,7 +73,7 @@ const BuildCard = ({ day, index }: { day: AdventDay; index: number }) => {
<h4 className="text-foreground text-lg leading-6">{day.title}</h4>
<div
ref={hiddenRef}
className="relative z-10 !ease-[.25,.25,0,1] duration-300 transition-opacity opacity-100 lg:opacity-0 group-hover:opacity-100"
className="relative z-10 !ease-[cubic-bezier(.25,.25,0,1)] duration-300 transition-opacity opacity-100 lg:opacity-0 group-hover:opacity-100"
style={{
backfaceVisibility: 'hidden',
transform: 'translateZ(0)',
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,7 @@ const DaySection = ({ day, className }: { day: WeekDayProps; className?: string
)}
>
<div className="relative text-foreground-light p-4 sm:px-6 md:py-6 md:px-8 z-20 flex-grow flex flex-col items-start justify-between gap-2 w-full lg:w-1/2 text-left">
<div className="relative w-full flex items-center gap-2 text-sm translate-x-0 !ease-[.24,0,.22,.99] duration-200 group-hover:-translate-x-6 transition-transform">
<div className="relative w-full flex items-center gap-2 text-sm translate-x-0 !ease-[cubic-bezier(.24,0,.22,.99)] duration-200 group-hover:-translate-x-6 transition-transform">
<Edit className="w-4 min-w-4 group-hover:opacity-0 transition-opacity" />
<span>Blog post</span>
<ArrowRightIcon className="w-4 opacity-0 group-hover:opacity-100 transition-opacity" />
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ const BuildCard = ({ day, index }: { day: AdventDay; index: number }) => {
</div>
<div
className={cn(
'relative group-hover:!bottom-0 !ease-[.25,.25,0,1] duration-300 transition-all flex flex-col gap-1'
'relative group-hover:!bottom-0 !ease-[cubic-bezier(.25,.25,0,1)] duration-300 transition-all flex flex-col gap-1'
)}
style={{
bottom: isTablet ? 0 : -hiddenHeight + 'px',
Expand All @@ -73,7 +73,7 @@ const BuildCard = ({ day, index }: { day: AdventDay; index: number }) => {
<h4 className="text-foreground text-lg leading-6">{day.title}</h4>
<div
ref={hiddenRef}
className="relative z-10 !ease-[.25,.25,0,1] duration-300 transition-opacity opacity-100 lg:opacity-0 group-hover:opacity-100"
className="relative z-10 !ease-[cubic-bezier(.25,.25,0,1)] duration-300 transition-opacity opacity-100 lg:opacity-0 group-hover:opacity-100"
style={{
backfaceVisibility: 'hidden',
transform: 'translateZ(0)',
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@ const DaySection = ({ day, className }: { day: WeekDayProps; className?: string
)}
>
<div className="relative text-foreground-light p-4 sm:px-6 md:py-6 md:px-8 z-20 flex-grow flex flex-col items-start justify-between gap-2 w-full lg:w-1/2 text-left">
<div className="relative w-full flex items-center gap-2 text-sm translate-x-0 !ease-[.24,0,.22,.99] duration-200 group-hover:-translate-x-6 transition-transform">
<div className="relative w-full flex items-center gap-2 text-sm translate-x-0 !ease-[cubic-bezier(.24,0,.22,.99)] duration-200 group-hover:-translate-x-6 transition-transform">
<Edit className="w-4 min-w-4 group-hover:opacity-0 transition-opacity" />
<span>Blog post</span>
<ArrowRightIcon className="w-4 opacity-0 group-hover:opacity-100 transition-opacity" />
Expand Down
2 changes: 1 addition & 1 deletion apps/www/components/LaunchWeek/15/LW15Heading.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -87,7 +87,7 @@ const LW15Heading = () => {
span.innerHTML = originalContent
span.style.display = 'inline-block'
span.style.transform = 'translateY(100%)'
span.style.transition = 'transform ease-[.25,.25,0,1]'
span.style.transition = 'transform cubic-bezier(.25,.25,0,1)'

element.innerHTML = ''
element.appendChild(span)
Expand Down
6 changes: 3 additions & 3 deletions apps/www/components/LaunchWeek/15/LW15MainStage.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -116,13 +116,13 @@ const DayCardShipped = ({ day }: { day: WeekDayProps }) => {
<li key={link.href}>
<DayLink
{...link}
className="transition-all duration-300 !ease-[.25,.25,0,1] lg:-translate-y-full lg:opacity-0 group-hover/main:translate-y-0 group-hover/main:opacity-100"
className="transition-all duration-300 !ease-[cubic-bezier(.25,.25,0,1)] lg:-translate-y-full lg:opacity-0 group-hover/main:translate-y-0 group-hover/main:opacity-100"
/>
</li>
))}
</ul>
<div
className="flex flex-col p-4 pt-0 gap-2 relative group-hover/main:!bottom-0 !ease-[.25,.25,0,1] duration-300"
className="flex flex-col p-4 pt-0 gap-2 relative group-hover/main:!bottom-0 !ease-[cubic-bezier(.25,.25,0,1)] duration-300"
style={{
bottom: isTablet ? 0 : -hiddenHeight + 'px',
}}
Expand Down Expand Up @@ -153,7 +153,7 @@ const CardBG = ({ day }: { day: WeekDayProps }) => (
key={`${day.title}-image-${i}?v=3`}
className={cn(
'absolute inset-0 w-full h-full -z-10',
'transition-all duration-300 !ease-[.24,0,.22,.99]',
'transition-all duration-300 !ease-[cubic-bezier(.24,0,.22,.99)]',
'dark:opacity-50 scale-100',
'group-hover/main:dark:opacity-100'
)}
Expand Down
2 changes: 1 addition & 1 deletion apps/www/components/LaunchWeek/X/Album/Player.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ const Player = () => {
href="https://supabase.productions/"
target="_blank"
className={cn(
'opacity-0 outline-none group translate-x-2 !ease-[.24,0,.22,.99] duration-200 transition-all text-foreground-muted hover:text-foreground !leading-3 font-mono uppercase text-[10px] flex flex-col text-right',
'opacity-0 outline-none group translate-x-2 !ease-[cubic-bezier(.24,0,.22,.99)] duration-200 transition-all text-foreground-muted hover:text-foreground !leading-3 font-mono uppercase text-[10px] flex flex-col text-right',
isPlaying && 'opacity-100 translate-x-0'
)}
>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@ const AdventCard = ({ day, index }: { day: AdventDay; index: number }) => {
</div>
<div
className={cn(
'relative group-hover:!bottom-0 !ease-[.25,.25,0,1] duration-300 transition-all flex flex-col gap-1'
'relative group-hover:!bottom-0 !ease-[cubic-bezier(.25,.25,0,1)] duration-300 transition-all flex flex-col gap-1'
)}
style={{
bottom: isTablet ? 0 : -hiddenHeight + 'px',
Expand All @@ -80,7 +80,7 @@ const AdventCard = ({ day, index }: { day: AdventDay; index: number }) => {
<h4 className="text-foreground text-lg leading-6">{day.title}</h4>
<div
ref={hiddenRef}
className="relative z-10 !ease-[.25,.25,0,1] duration-300 transition-opacity opacity-100 lg:opacity-0 group-hover:opacity-100"
className="relative z-10 !ease-[cubic-bezier(.25,.25,0,1)] duration-300 transition-opacity opacity-100 lg:opacity-0 group-hover:opacity-100"
style={{
backfaceVisibility: 'hidden',
transform: 'translateZ(0)',
Expand Down
6 changes: 3 additions & 3 deletions apps/www/components/Pricing/PricingComputeAnimation.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ const PricingComputeAnimation = () => {
}-active.svg`}
alt="Compute addon grid"
className={cn(
'absolute inset-0 z-20 transition-opacity opacity-0 !ease-[.76,0,.23,1] duration-300',
'absolute inset-0 z-20 transition-opacity opacity-0 !ease-[cubic-bezier(.76,0,.23,1)] duration-300',
triggerAnimation && 'opacity-100'
)}
/>
Expand All @@ -32,7 +32,7 @@ const PricingComputeAnimation = () => {
}-active.svg`}
alt="Compute addon grid"
className={cn(
'absolute inset-0 z-20 transition-all opacity-0 !ease-[.76,0,.23,1] duration-500 delay-500 -translate-y-[18%] blur-md',
'absolute inset-0 z-20 transition-all opacity-0 !ease-[cubic-bezier(.76,0,.23,1)] duration-500 delay-500 -translate-y-[18%] blur-md',
triggerAnimation && 'opacity-100 -translate-y-[8%] blur-none'
)}
/>
Expand All @@ -43,7 +43,7 @@ const PricingComputeAnimation = () => {
}-active.svg`}
alt="Compute addon grid"
className={cn(
'absolute inset-0 z-20 transition-all opacity-0 !ease-[.76,0,.23,1] duration-500 delay-1000 -translate-y-[24%] blur-md',
'absolute inset-0 z-20 transition-all opacity-0 !ease-[cubic-bezier(.76,0,.23,1)] duration-500 delay-1000 -translate-y-[24%] blur-md',
triggerAnimation && 'opacity-100 -translate-y-[16%] blur-none'
)}
/>
Expand Down
2 changes: 1 addition & 1 deletion apps/www/components/Pricing/PricingComputeSection.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ const PricingComputeSection = () => {
<hr className="border-0 border-t" />
<div className="flex flex-col">
<div
className="relative w-full overflow-hidden transition-all !ease-[.76,0,.23,1] duration-300"
className="relative w-full overflow-hidden transition-all !ease-[cubic-bezier(.76,0,.23,1)] duration-300"
style={{ height: showTable ? `${height}px` : '200px' }}
>
<div
Expand Down
7 changes: 7 additions & 0 deletions apps/www/public/rss.xml
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,13 @@
<description>TRAE IDE now integrates with Supabase, enabling developers to manage their entire backend infrastructure without leaving the IDE. Browse databases, manage storage, configure auth, and more.</description>
<pubDate>Thu, 08 Jan 2026 00:00:00 -0700</pubDate>
</item>
<item>
<guid>https://supabase.com/blog/supabase-security-2025-retro</guid>
<title>Supabase Security Retro: 2025</title>
<link>https://supabase.com/blog/supabase-security-2025-retro</link>
<description>A summary of Supabase platform security changes made in 2025 and the security defaults planned for 2026.</description>
<pubDate>Wed, 07 Jan 2026 00:00:00 -0700</pubDate>
</item>
<item>
<guid>https://supabase.com/blog/stripe-sync-engine-integration</guid>
<title>Sync Stripe Data to Your Supabase Database in One Click</title>
Expand Down
Loading