From 3df5fcde6f129e2d2de72ef93754298ed9fd3710 Mon Sep 17 00:00:00 2001 From: Francisco Mazzoni Date: Sun, 20 Nov 2022 22:17:38 -0300 Subject: [PATCH] teaser first pass --- apps/www/pages/launch-week/index.tsx | 37 +++++++++++++----- .../launchweek/launchweek-logo--dark.svg | 23 +++++++---- .../launchweek/launchweek-logo--dark_old.svg | 11 ++++++ .../launchweek/launchweek-logo--light.svg | 23 +++++++---- .../launchweek-logo--light__old.svg | 11 ++++++ apps/www/styles/index.css | 39 +++++++++++++++++++ package-lock.json | 3 -- 7 files changed, 121 insertions(+), 26 deletions(-) create mode 100644 apps/www/public/images/launchweek/launchweek-logo--dark_old.svg create mode 100644 apps/www/public/images/launchweek/launchweek-logo--light__old.svg diff --git a/apps/www/pages/launch-week/index.tsx b/apps/www/pages/launch-week/index.tsx index 6be78f3fd67..8467889914d 100644 --- a/apps/www/pages/launch-week/index.tsx +++ b/apps/www/pages/launch-week/index.tsx @@ -12,9 +12,10 @@ import { WeekDayProps } from '~/components/LaunchWeek/types' const days = _days as WeekDayProps[] export default function launchweek() { - const shippingHasStarted = days[0].shipped - const title = 'Launch Week 5' - const description = 'Supabase Launch Week 5 | 15-19 Aug 2022' + // TODO: update days json + const shippingHasStarted = false + const title = 'Launch Week 6' + const description = 'Supabase Launch Week 6 | 12-18 Dec 2022' return ( <> @@ -31,20 +32,38 @@ export default function launchweek() { ], }} /> -
- + - - {!shippingHasStarted && } +

Dec 12 – 16 at 8 AM PT | 11 AM ET

+ {/* */} + {/* {!shippingHasStarted && } */} + + Coming soon +

+ Register to get your ticket and stay tuned all week for daily announcements +

+ + +
+ + +
+ +
- - - + + + + + - - - + + + + + + + + + + + diff --git a/apps/www/public/images/launchweek/launchweek-logo--dark_old.svg b/apps/www/public/images/launchweek/launchweek-logo--dark_old.svg new file mode 100644 index 00000000000..90d87475b6f --- /dev/null +++ b/apps/www/public/images/launchweek/launchweek-logo--dark_old.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/apps/www/public/images/launchweek/launchweek-logo--light.svg b/apps/www/public/images/launchweek/launchweek-logo--light.svg index cbe5120a68c..5a3f62beff2 100644 --- a/apps/www/public/images/launchweek/launchweek-logo--light.svg +++ b/apps/www/public/images/launchweek/launchweek-logo--light.svg @@ -1,11 +1,20 @@ - - - - + + + + + - - - + + + + + + + + + + + diff --git a/apps/www/public/images/launchweek/launchweek-logo--light__old.svg b/apps/www/public/images/launchweek/launchweek-logo--light__old.svg new file mode 100644 index 00000000000..cbe5120a68c --- /dev/null +++ b/apps/www/public/images/launchweek/launchweek-logo--light__old.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/apps/www/styles/index.css b/apps/www/styles/index.css index aa7a528d138..e112bbac0ad 100644 --- a/apps/www/styles/index.css +++ b/apps/www/styles/index.css @@ -429,3 +429,42 @@ launch week white-space: pre !important; } } + +.testGradient { + margin: 0 auto; + width: 100%; + height: 200px; + border-bottom: 0; + background: radial-gradient( + circle at 50% -200%, + rgba(0, 155, 112, 1) 0%, + rgba(28, 28, 28, 1) 70%, + rgba(28, 28, 28, 1) 100% + ); + position: relative; + overflow: hidden; +} + +.testGradient:after { + content: ''; + position: absolute; + height: 140px; + left: -10%; + right: -10%; + border-radius: 50%; + bottom: 156px; + background: #1c1c1c; + z-index: 2; +} + +.testGradient:before { + content: ''; + position: absolute; + height: 138px; + left: -10%; + right: -10%; + border-radius: 50%; + bottom: 154px; + background: var(--colors-brand6); + z-index: 1; +} diff --git a/package-lock.json b/package-lock.json index b1b1707e092..894de3b8c8f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2904,7 +2904,6 @@ "version": "6.12.6", "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", - "dev": true, "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", @@ -16680,7 +16679,6 @@ "version": "2.1.0", "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz", "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==", - "dev": true, "engines": { "node": ">=10" } @@ -39520,7 +39518,6 @@ "version": "6.12.6", "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", - "dev": true, "requires": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0",