mirror of
https://github.com/supabase/supabase.git
synced 2026-10-05 09:25:06 +03:00
New pages for State of Startups 2026. <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit ## Release Notes * **New Features** * Added "State of Startups 2026" interactive survey results page with dynamic charts, filterable analytics, and data visualizations across industry, funding stage, location, and technology adoption * Implemented animated statistics displays, word clouds, and participant directory throughout the results experience * Updated navigation to prominently feature the survey section * **Style** * Added smooth animated transitions for survey data elements and page sections <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
82 lines
2.5 KiB
JavaScript
82 lines
2.5 KiB
JavaScript
const config = require('config/tailwind.config')
|
|
|
|
module.exports = config({
|
|
content: [
|
|
'./_blog/*.mdx',
|
|
'./components/**/*.tsx',
|
|
'./data/**/*.tsx',
|
|
'./layouts/**/*.tsx',
|
|
'./lib/mdx/mdxComponents.tsx',
|
|
'./pages/**/*.{tsx,mdx}',
|
|
'./app/**/*.{tsx,ts,js}',
|
|
'./../../packages/ui/src/**/*.{tsx,ts,js}',
|
|
'./../../packages/ui-patterns/src/**/*.{tsx,ts,js}',
|
|
'./../../packages/marketing/src/**/*.{tsx,ts,js}',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
'purple-sos': {
|
|
100: 'hsl(293 80% 97% / <alpha-value>)',
|
|
200: 'hsl(293 85% 91% / <alpha-value>)',
|
|
300: 'hsl(293 90% 80% / <alpha-value>)',
|
|
400: 'hsl(293 95% 67% / <alpha-value>)',
|
|
500: 'hsl(293 100% 54% / <alpha-value>)',
|
|
600: 'hsl(293 100% 44% / <alpha-value>)',
|
|
700: 'hsl(293 100% 34% / <alpha-value>)',
|
|
800: 'hsl(293 95% 22% / <alpha-value>)',
|
|
900: 'hsl(293 90% 12% / <alpha-value>)',
|
|
},
|
|
},
|
|
keyframes: {
|
|
'flash-code': {
|
|
'0%': { backgroundColor: 'rgba(63, 207, 142, 0.1)' },
|
|
'100%': { backgroundColor: 'transparent' },
|
|
},
|
|
slideIn: {
|
|
'0%': { transform: 'translate3d(0,-100%,0)' },
|
|
'100%': { transform: 'translate3d(0,0,0)' },
|
|
},
|
|
spinner: {
|
|
'0%': {
|
|
transform: 'rotate(0deg)',
|
|
},
|
|
'100%': {
|
|
transform: 'rotate(360deg)',
|
|
},
|
|
},
|
|
marquee: {
|
|
'0%': { transform: 'translateX(0%)' },
|
|
'100%': { transform: 'translateX(-100%)' },
|
|
},
|
|
'marquee-reverse': {
|
|
'0%': { transform: 'translateX(-100%)' },
|
|
'100%': { transform: 'translateX(0%)' },
|
|
},
|
|
'marquee-vertical': {
|
|
'0%': { transform: 'translateY(0%)' },
|
|
'100%': { transform: 'translateY(-100%)' },
|
|
},
|
|
'pulse-radar': {
|
|
'0%': { transform: 'scale(0)', opacity: 0 },
|
|
'50%': { opacity: 0.8 },
|
|
'100%': { transform: 'scale(100%)', opacity: 0 },
|
|
},
|
|
},
|
|
animation: {
|
|
'flash-code': 'flash-code 1s forwards',
|
|
'flash-code-slow': 'flash-code 2s forwards',
|
|
spinner: 'spinner 1s both infinite',
|
|
marquee: 'marquee 35s linear infinite',
|
|
'marquee-vertical': 'marquee-vertical 180s linear infinite both',
|
|
'pulse-radar': 'pulse-radar 3s linear infinite',
|
|
'slide-in': 'slideIn 250ms ease-in both',
|
|
},
|
|
transitionDelay: {
|
|
1200: '1200ms',
|
|
1500: '1500ms',
|
|
},
|
|
},
|
|
},
|
|
})
|