dima/supabase
1
0 Fork 0
mirror of https://github.com/supabase/supabase.git synced 2026-10-05 17:35:10 +03:00
Code Issues Packages Projects Releases Wiki Activity

teaser first pass

Browse Source
This commit is contained in:
Francisco Mazzoni committed 2022-11-28 09:37:12 -03:00
1 parent 134ce64aca
commit 3df5fcde6f
7 files changed
+121 -26
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

apps/www/pages/launch-week/index.tsx
+28 -9
View File
@@ -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() {
],
}}
/>
<div className="launch-week-gradientBg"></div>
<DefaultLayout>
<SectionContainer className="flex flex-col gap-8 !pb-0 md:gap-16 lg:gap-16">
<SectionContainer className="flex flex-col !pb-0 items-center lg:pt-32 gap-8">
<img
src="/images/launchweek/launchweek-logo--light.svg"
className="md:40 w-28 dark:hidden lg:w-48"
className="md:40 w-40 dark:hidden lg:w-64"
/>
<img
src="/images/launchweek/launchweek-logo--dark.svg"
className="md:40 hidden w-28 dark:block lg:w-48"
className="md:40 hidden w-40 dark:block lg:w-64"
/>
<LaunchHero />
{!shippingHasStarted && <PreLaunchTeaser />}
<p className="text-scale-1100 text-sm">Dec 12 – 16 at 8 AM PT | 11 AM ET</p>
{/* <LaunchHero /> */}
{/* {!shippingHasStarted && <PreLaunchTeaser />} */}
</SectionContainer>
<SectionContainer className="flex flex-col gap-2 items-center max-w-[420px] text-center pb-8">
<span className="text-scale-1200">Coming soon</span>
<p className="text-scale-1000 text-sm">
Register to get your ticket and stay tuned all week for daily announcements
</p>
</SectionContainer>
<SectionContainer className="flex flex-col items-center !p-0">
<form className="m-4 flex bg-scale-200 border-scale-600 border-2 rounded-full p-0.5 pl-1">
<input
className="mr-0 text-scale-1200 text-xs bg-scale-200 p-1 rounded-full"
placeholder="Enter email"
/>
<button className="px-4 py-1 rounded-full bg-scale-300 text-scale-1200 border border-scale-600 text-xs hover:bg-scale-400">
Submit
</button>
</form>
</SectionContainer>
<div className="testGradient"></div>
<SectionContainer
className={[
'grid flex-col gap-24 lg:gap-16',
apps/www/public/images/launchweek/launchweek-logo--dark.svg
+16 -7
View File
@@ -1,11 +1,20 @@
<svg width="194" height="26" viewBox="0 0 194 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.75834 19.5754V17.029H2.66223V5.89777H0V19.5754H8.75834ZM22.9257 19.5754H25.8194L20.6107 5.89777H17.5241L12.2768 19.5754H15.0933L16.2315 16.4502H21.7875L22.9257 19.5754ZM19.0095 8.84937L20.9001 14.0195H17.1189L19.0095 8.84937ZM34.9673 19.8841C37.8996 19.8841 40.2339 18.09 40.2339 14.7333V5.89777H37.5717V14.5404C37.5717 16.3345 36.5878 17.2798 34.9673 17.2798C33.3854 17.2798 32.3823 16.3345 32.3823 14.5404V5.89777H29.7201V14.7333C29.7201 18.09 32.0543 19.8841 34.9673 19.8841ZM57.6032 19.5754V5.89777H54.941V14.9455L49.25 5.89777H45.9318V19.5754H48.5941V9.87182L54.8059 19.5754H57.6032ZM69.6141 19.8648C73.4531 19.8648 75.4209 17.3183 75.9417 15.2156L73.4531 14.4632C73.0866 15.7364 71.9484 17.2605 69.6141 17.2605C67.4149 17.2605 65.37 15.6593 65.37 12.7463C65.37 9.64032 67.5306 8.17417 69.5755 8.17417C71.9484 8.17417 73.0094 9.62103 73.3374 10.9329L75.8453 10.1419C75.3051 7.92338 73.3567 5.6084 69.5755 5.6084C65.9101 5.6084 62.6113 8.38637 62.6113 12.7463C62.6113 17.1061 65.7944 19.8648 69.6141 19.8648ZM92.1595 19.5754V5.89777H89.478V11.3958H83.5169V5.89777H80.8547V19.5754H83.5169V13.9037H89.478V19.5754H92.1595ZM110.815 15.3506L107.767 5.89777H105.009L101.98 15.312L99.4719 5.89777H96.6554L100.456 19.5754H103.234L106.359 9.83324L109.484 19.5754H112.224L116.005 5.89777H113.285L110.815 15.3506ZM129.072 19.5754V17.0675H123.169V13.9037H128.512V11.5309H123.169V8.40566H129.072V5.89777H120.506V19.5754H129.072ZM143.001 19.5754V17.0675H137.098V13.9037H142.441V11.5309H137.098V8.40566H143.001V5.89777H134.435V19.5754H143.001ZM156.698 19.5754H160.036L154.576 11.8588L159.997 5.89777H156.505L151.027 12.0903V5.89777H148.364V19.5754H151.027V15.775L152.724 13.9037L156.698 19.5754Z" fill="white"/>
<rect x="167.852" width="25.4923" height="25.4923" rx="3.44491" fill="white"/>
<path d="M175.43 15.3407C175.584 17.3084 177.475 19.1604 180.195 19.1604C183.204 19.1604 184.998 17.1348 184.998 14.8005C184.998 12.119 183.223 10.6143 180.716 10.6143C179.886 10.6143 178.999 10.8843 178.458 11.3859L179.076 8.62723H184.323V6.33154H177.262L175.777 12.7556C176.047 12.8328 177.957 13.4887 178.208 13.5851C178.613 13.1221 179.288 12.7363 180.137 12.7363C181.294 12.7363 182.355 13.4115 182.355 14.8391C182.355 16.093 181.391 16.884 180.195 16.884C178.864 16.884 177.976 15.9387 177.918 14.7812L175.43 15.3407Z" fill="url(#paint0_linear_672_14343)"/>
<svg width="344" height="48" viewBox="0 0 344 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.1646 35.2148V31.6001H6.85951V12.7339H3.05455V35.2148H17.1646ZM41.1797 35.2148H45.3334L36.582 12.7339H32.1746L23.4232 35.2148H27.4501L29.5429 29.5708H39.0553L41.1797 35.2148ZM34.2991 16.8559L37.7235 26.0512H30.8746L34.2991 16.8559ZM60.6598 35.6905C65.3843 35.6905 69.0624 32.805 69.0624 27.383V12.7339H65.2574V27.161C65.2574 30.3318 63.5452 32.0758 60.6598 32.0758C57.8061 32.0758 56.0621 30.3318 56.0621 27.161V12.7339H52.2889V27.383C52.2889 32.805 55.967 35.6905 60.6598 35.6905ZM97.8094 35.2148V12.7339H94.0044V28.683L83.7945 12.7339H78.9431V35.2148H82.7481V18.1877L93.8459 35.2148H97.8094ZM117.933 35.6905C123.672 35.6905 127.096 32.044 128.111 28.2391L124.623 27.0976C123.862 29.6342 121.706 32.044 117.933 32.044C114.096 32.044 110.481 29.2537 110.481 23.9902C110.481 18.5364 114.191 15.8413 117.901 15.8413C121.674 15.8413 123.767 18.0291 124.433 20.756L128.016 19.5511C127.001 15.6193 123.609 12.2583 117.901 12.2583C112.067 12.2583 106.581 16.6657 106.581 23.9902C106.581 31.3148 111.877 35.6905 117.933 35.6905ZM154.93 35.2148V12.7339H151.093V22.0243H140.535V12.7339H136.73V35.2148H140.535V25.6073H151.093V35.2148H154.93ZM198.503 29.2855L193.144 12.7339H189.181L183.917 29.1586L179.415 12.7339H175.419L181.793 35.2148H185.693L191.147 18.2194L196.6 35.2148H200.532L206.842 12.7339H202.91L198.503 29.2855ZM228.581 35.2148V31.6635H218.498V25.7024H227.63V22.2463H218.498V16.2852H228.581V12.7339H214.693V35.2148H228.581ZM251.792 35.2148V31.6635H241.709V25.7024H250.841V22.2463H241.709V16.2852H251.792V12.7339H237.904V35.2148H251.792ZM274.908 35.2148H279.696L270.501 22.6585L279.601 12.7339H274.591L264.92 23.5146V12.7339H261.115V35.2148H264.92V28.7464L267.901 25.4805L274.908 35.2148Z" fill="#EDEDED"/>
<rect x="304.023" y="4.10489" width="39.2199" height="39.2199" rx="5.85063" fill="url(#paint0_linear_440_13670)"/>
<path d="M328.398 18.3085C327.79 17.8825 326.755 17.5783 325.559 17.5783C321.725 17.5783 318.785 20.357 318.785 25.245C318.785 29.5854 321.401 31.3296 323.916 31.3296C326.492 31.3296 328.784 29.6665 328.784 26.8473C328.784 23.9875 326.877 22.3649 324.281 22.3649C322.537 22.3649 321.34 23.1965 320.813 24.0686C320.975 21.3711 322.699 19.3631 325.437 19.3631C326.431 19.3631 327.303 19.6471 327.79 19.931L328.398 18.3085ZM321.097 26.8473C321.097 25.0827 322.415 24.0686 323.936 24.0686C325.457 24.0686 326.776 25.0827 326.776 26.8473C326.776 28.5915 325.478 29.6056 323.936 29.6056C322.496 29.6056 321.097 28.5712 321.097 26.8473Z" fill="url(#paint1_linear_440_13670)"/>
<rect x="304.023" y="4.10489" width="39.2199" height="39.2199" rx="5.85063" stroke="url(#paint2_linear_440_13670)" stroke-width="0.780084"/>
<defs>
<linearGradient id="paint0_linear_672_14343" x1="177.669" y1="-28.8195" x2="195.735" y2="-26.9443" gradientUnits="userSpaceOnUse">
<stop stop-color="#317E7E"/>
<stop offset="0.973958" stop-color="#628AAB"/>
<linearGradient id="paint0_linear_440_13670" x1="315.781" y1="15.2945" x2="336.443" y2="59.1477" gradientUnits="userSpaceOnUse">
<stop stop-color="#14292C"/>
<stop offset="1" stop-color="#121212" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_440_13670" x1="308.131" y1="-5.6969" x2="334.269" y2="-4.85975" gradientUnits="userSpaceOnUse">
<stop stop-color="#57796F"/>
<stop offset="1" stop-color="white"/>
</linearGradient>
<linearGradient id="paint2_linear_440_13670" x1="329.004" y1="3.79773" x2="340.003" y2="18.3613" gradientUnits="userSpaceOnUse">
<stop stop-color="#76A891" stop-opacity="0.11"/>
<stop offset="1" stop-color="#132525" stop-opacity="0.35"/>
</linearGradient>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

apps/www/public/images/launchweek/launchweek-logo--dark_old.svg
+11
View File
@@ -0,0 +1,11 @@
<svg width="194" height="26" viewBox="0 0 194 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.75834 19.5754V17.029H2.66223V5.89777H0V19.5754H8.75834ZM22.9257 19.5754H25.8194L20.6107 5.89777H17.5241L12.2768 19.5754H15.0933L16.2315 16.4502H21.7875L22.9257 19.5754ZM19.0095 8.84937L20.9001 14.0195H17.1189L19.0095 8.84937ZM34.9673 19.8841C37.8996 19.8841 40.2339 18.09 40.2339 14.7333V5.89777H37.5717V14.5404C37.5717 16.3345 36.5878 17.2798 34.9673 17.2798C33.3854 17.2798 32.3823 16.3345 32.3823 14.5404V5.89777H29.7201V14.7333C29.7201 18.09 32.0543 19.8841 34.9673 19.8841ZM57.6032 19.5754V5.89777H54.941V14.9455L49.25 5.89777H45.9318V19.5754H48.5941V9.87182L54.8059 19.5754H57.6032ZM69.6141 19.8648C73.4531 19.8648 75.4209 17.3183 75.9417 15.2156L73.4531 14.4632C73.0866 15.7364 71.9484 17.2605 69.6141 17.2605C67.4149 17.2605 65.37 15.6593 65.37 12.7463C65.37 9.64032 67.5306 8.17417 69.5755 8.17417C71.9484 8.17417 73.0094 9.62103 73.3374 10.9329L75.8453 10.1419C75.3051 7.92338 73.3567 5.6084 69.5755 5.6084C65.9101 5.6084 62.6113 8.38637 62.6113 12.7463C62.6113 17.1061 65.7944 19.8648 69.6141 19.8648ZM92.1595 19.5754V5.89777H89.478V11.3958H83.5169V5.89777H80.8547V19.5754H83.5169V13.9037H89.478V19.5754H92.1595ZM110.815 15.3506L107.767 5.89777H105.009L101.98 15.312L99.4719 5.89777H96.6554L100.456 19.5754H103.234L106.359 9.83324L109.484 19.5754H112.224L116.005 5.89777H113.285L110.815 15.3506ZM129.072 19.5754V17.0675H123.169V13.9037H128.512V11.5309H123.169V8.40566H129.072V5.89777H120.506V19.5754H129.072ZM143.001 19.5754V17.0675H137.098V13.9037H142.441V11.5309H137.098V8.40566H143.001V5.89777H134.435V19.5754H143.001ZM156.698 19.5754H160.036L154.576 11.8588L159.997 5.89777H156.505L151.027 12.0903V5.89777H148.364V19.5754H151.027V15.775L152.724 13.9037L156.698 19.5754Z" fill="white"/>
<rect x="167.852" width="25.4923" height="25.4923" rx="3.44491" fill="white"/>
<path d="M175.43 15.3407C175.584 17.3084 177.475 19.1604 180.195 19.1604C183.204 19.1604 184.998 17.1348 184.998 14.8005C184.998 12.119 183.223 10.6143 180.716 10.6143C179.886 10.6143 178.999 10.8843 178.458 11.3859L179.076 8.62723H184.323V6.33154H177.262L175.777 12.7556C176.047 12.8328 177.957 13.4887 178.208 13.5851C178.613 13.1221 179.288 12.7363 180.137 12.7363C181.294 12.7363 182.355 13.4115 182.355 14.8391C182.355 16.093 181.391 16.884 180.195 16.884C178.864 16.884 177.976 15.9387 177.918 14.7812L175.43 15.3407Z" fill="url(#paint0_linear_672_14343)"/>
<defs>
<linearGradient id="paint0_linear_672_14343" x1="177.669" y1="-28.8195" x2="195.735" y2="-26.9443" gradientUnits="userSpaceOnUse">
<stop stop-color="#317E7E"/>
<stop offset="0.973958" stop-color="#628AAB"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

apps/www/public/images/launchweek/launchweek-logo--light.svg
+16 -7
View File
@@ -1,11 +1,20 @@
<svg width="194" height="26" viewBox="0 0 194 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.75834 19.5754V17.029H2.66223V5.89777H-5.4526e-08V19.5754H8.75834ZM22.9257 19.5754H25.8194L20.6107 5.89777H17.5241L12.2768 19.5754H15.0933L16.2315 16.4502H21.7875L22.9257 19.5754ZM19.0095 8.84937L20.9001 14.0195H17.1189L19.0095 8.84937ZM34.9673 19.8841C37.8996 19.8841 40.2339 18.09 40.2339 14.7333V5.89777H37.5717V14.5404C37.5717 16.3345 36.5878 17.2798 34.9673 17.2798C33.3854 17.2798 32.3823 16.3345 32.3823 14.5404V5.89777H29.7201V14.7333C29.7201 18.09 32.0543 19.8841 34.9673 19.8841ZM57.6032 19.5754V5.89777H54.941V14.9455L49.25 5.89777H45.9318V19.5754H48.5941V9.87182L54.8059 19.5754H57.6032ZM69.6141 19.8648C73.4531 19.8648 75.4208 17.3183 75.9417 15.2156L73.4531 14.4632C73.0866 15.7364 71.9484 17.2605 69.6141 17.2605C67.4149 17.2605 65.37 15.6593 65.37 12.7463C65.37 9.64032 67.5306 8.17417 69.5755 8.17417C71.9484 8.17417 73.0094 9.62103 73.3374 10.9329L75.8453 10.1419C75.3051 7.92338 73.3567 5.6084 69.5755 5.6084C65.9101 5.6084 62.6113 8.38637 62.6113 12.7463C62.6113 17.1061 65.7944 19.8648 69.6141 19.8648ZM92.1595 19.5754V5.89777H89.478V11.3958H83.5169V5.89777H80.8547V19.5754H83.5169V13.9037H89.478V19.5754H92.1595ZM110.815 15.3506L107.767 5.89777H105.009L101.98 15.312L99.4719 5.89777H96.6554L100.456 19.5754H103.234L106.359 9.83324L109.484 19.5754H112.224L116.005 5.89777H113.285L110.815 15.3506ZM129.072 19.5754V17.0675H123.169V13.9037H128.512V11.5309H123.169V8.40566H129.072V5.89777H120.506V19.5754H129.072ZM143.001 19.5754V17.0675H137.098V13.9037H142.441V11.5309H137.098V8.40566H143.001V5.89777H134.435V19.5754H143.001ZM156.698 19.5754H160.036L154.576 11.8588L159.997 5.89777H156.505L151.027 12.0903V5.89777H148.364V19.5754H151.027V15.775L152.724 13.9037L156.698 19.5754Z" fill="#1C1C1C"/>
<rect x="167.852" width="25.4923" height="25.4923" rx="3.44491" fill="#1C1C1C"/>
<path d="M175.434 15.3407C175.588 17.3084 177.478 19.1604 180.199 19.1604C183.208 19.1604 185.002 17.1348 185.002 14.8005C185.002 12.119 183.227 10.6143 180.719 10.6143C179.89 10.6143 179.003 10.8843 178.462 11.3859L179.08 8.62723H184.327V6.33154H177.266L175.781 12.7556C176.051 12.8328 177.961 13.4887 178.212 13.5851C178.617 13.1221 179.292 12.7363 180.141 12.7363C181.298 12.7363 182.359 13.4115 182.359 14.8391C182.359 16.093 181.395 16.884 180.199 16.884C178.867 16.884 177.98 15.9387 177.922 14.7812L175.434 15.3407Z" fill="url(#paint0_linear_733_15579)"/>
<svg width="344" height="48" viewBox="0 0 344 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.1646 35.2148V31.6001H6.85951V12.7339H3.05455V35.2148H17.1646ZM41.1797 35.2148H45.3334L36.582 12.7339H32.1746L23.4232 35.2148H27.4501L29.5429 29.5708H39.0553L41.1797 35.2148ZM34.2991 16.8559L37.7235 26.0512H30.8746L34.2991 16.8559ZM60.6598 35.6905C65.3843 35.6905 69.0624 32.805 69.0624 27.383V12.7339H65.2574V27.161C65.2574 30.3318 63.5452 32.0758 60.6598 32.0758C57.8061 32.0758 56.0621 30.3318 56.0621 27.161V12.7339H52.2889V27.383C52.2889 32.805 55.967 35.6905 60.6598 35.6905ZM97.8094 35.2148V12.7339H94.0044V28.683L83.7945 12.7339H78.9431V35.2148H82.7481V18.1877L93.8459 35.2148H97.8094ZM117.933 35.6905C123.672 35.6905 127.096 32.044 128.111 28.2391L124.623 27.0976C123.862 29.6342 121.706 32.044 117.933 32.044C114.096 32.044 110.481 29.2537 110.481 23.9902C110.481 18.5364 114.191 15.8413 117.901 15.8413C121.674 15.8413 123.767 18.0291 124.433 20.756L128.016 19.5511C127.001 15.6193 123.609 12.2583 117.901 12.2583C112.067 12.2583 106.581 16.6657 106.581 23.9902C106.581 31.3148 111.877 35.6905 117.933 35.6905ZM154.93 35.2148V12.7339H151.093V22.0243H140.535V12.7339H136.73V35.2148H140.535V25.6073H151.093V35.2148H154.93ZM198.503 29.2855L193.144 12.7339H189.181L183.917 29.1586L179.415 12.7339H175.419L181.793 35.2148H185.693L191.147 18.2194L196.6 35.2148H200.532L206.842 12.7339H202.91L198.503 29.2855ZM228.581 35.2148V31.6635H218.498V25.7024H227.63V22.2463H218.498V16.2852H228.581V12.7339H214.693V35.2148H228.581ZM251.792 35.2148V31.6635H241.709V25.7024H250.841V22.2463H241.709V16.2852H251.792V12.7339H237.904V35.2148H251.792ZM274.908 35.2148H279.696L270.501 22.6585L279.601 12.7339H274.591L264.92 23.5146V12.7339H261.115V35.2148H264.92V28.7464L267.901 25.4805L274.908 35.2148Z" fill="#EDEDED"/>
<rect x="304.023" y="4.10489" width="39.2199" height="39.2199" rx="5.85063" fill="url(#paint0_linear_440_13670)"/>
<path d="M328.398 18.3085C327.79 17.8825 326.755 17.5783 325.559 17.5783C321.725 17.5783 318.785 20.357 318.785 25.245C318.785 29.5854 321.401 31.3296 323.916 31.3296C326.492 31.3296 328.784 29.6665 328.784 26.8473C328.784 23.9875 326.877 22.3649 324.281 22.3649C322.537 22.3649 321.34 23.1965 320.813 24.0686C320.975 21.3711 322.699 19.3631 325.437 19.3631C326.431 19.3631 327.303 19.6471 327.79 19.931L328.398 18.3085ZM321.097 26.8473C321.097 25.0827 322.415 24.0686 323.936 24.0686C325.457 24.0686 326.776 25.0827 326.776 26.8473C326.776 28.5915 325.478 29.6056 323.936 29.6056C322.496 29.6056 321.097 28.5712 321.097 26.8473Z" fill="url(#paint1_linear_440_13670)"/>
<rect x="304.023" y="4.10489" width="39.2199" height="39.2199" rx="5.85063" stroke="url(#paint2_linear_440_13670)" stroke-width="0.780084"/>
<defs>
<linearGradient id="paint0_linear_733_15579" x1="177.673" y1="-28.8195" x2="195.739" y2="-26.9443" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="0.973958" stop-color="#F9FCFF"/>
<linearGradient id="paint0_linear_440_13670" x1="315.781" y1="15.2945" x2="336.443" y2="59.1477" gradientUnits="userSpaceOnUse">
<stop stop-color="#14292C"/>
<stop offset="1" stop-color="#121212" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_440_13670" x1="308.131" y1="-5.6969" x2="334.269" y2="-4.85975" gradientUnits="userSpaceOnUse">
<stop stop-color="#57796F"/>
<stop offset="1" stop-color="white"/>
</linearGradient>
<linearGradient id="paint2_linear_440_13670" x1="329.004" y1="3.79773" x2="340.003" y2="18.3613" gradientUnits="userSpaceOnUse">
<stop stop-color="#76A891" stop-opacity="0.11"/>
<stop offset="1" stop-color="#132525" stop-opacity="0.35"/>
</linearGradient>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

apps/www/public/images/launchweek/launchweek-logo--light__old.svg
+11
View File
@@ -0,0 +1,11 @@
<svg width="194" height="26" viewBox="0 0 194 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.75834 19.5754V17.029H2.66223V5.89777H-5.4526e-08V19.5754H8.75834ZM22.9257 19.5754H25.8194L20.6107 5.89777H17.5241L12.2768 19.5754H15.0933L16.2315 16.4502H21.7875L22.9257 19.5754ZM19.0095 8.84937L20.9001 14.0195H17.1189L19.0095 8.84937ZM34.9673 19.8841C37.8996 19.8841 40.2339 18.09 40.2339 14.7333V5.89777H37.5717V14.5404C37.5717 16.3345 36.5878 17.2798 34.9673 17.2798C33.3854 17.2798 32.3823 16.3345 32.3823 14.5404V5.89777H29.7201V14.7333C29.7201 18.09 32.0543 19.8841 34.9673 19.8841ZM57.6032 19.5754V5.89777H54.941V14.9455L49.25 5.89777H45.9318V19.5754H48.5941V9.87182L54.8059 19.5754H57.6032ZM69.6141 19.8648C73.4531 19.8648 75.4208 17.3183 75.9417 15.2156L73.4531 14.4632C73.0866 15.7364 71.9484 17.2605 69.6141 17.2605C67.4149 17.2605 65.37 15.6593 65.37 12.7463C65.37 9.64032 67.5306 8.17417 69.5755 8.17417C71.9484 8.17417 73.0094 9.62103 73.3374 10.9329L75.8453 10.1419C75.3051 7.92338 73.3567 5.6084 69.5755 5.6084C65.9101 5.6084 62.6113 8.38637 62.6113 12.7463C62.6113 17.1061 65.7944 19.8648 69.6141 19.8648ZM92.1595 19.5754V5.89777H89.478V11.3958H83.5169V5.89777H80.8547V19.5754H83.5169V13.9037H89.478V19.5754H92.1595ZM110.815 15.3506L107.767 5.89777H105.009L101.98 15.312L99.4719 5.89777H96.6554L100.456 19.5754H103.234L106.359 9.83324L109.484 19.5754H112.224L116.005 5.89777H113.285L110.815 15.3506ZM129.072 19.5754V17.0675H123.169V13.9037H128.512V11.5309H123.169V8.40566H129.072V5.89777H120.506V19.5754H129.072ZM143.001 19.5754V17.0675H137.098V13.9037H142.441V11.5309H137.098V8.40566H143.001V5.89777H134.435V19.5754H143.001ZM156.698 19.5754H160.036L154.576 11.8588L159.997 5.89777H156.505L151.027 12.0903V5.89777H148.364V19.5754H151.027V15.775L152.724 13.9037L156.698 19.5754Z" fill="#1C1C1C"/>
<rect x="167.852" width="25.4923" height="25.4923" rx="3.44491" fill="#1C1C1C"/>
<path d="M175.434 15.3407C175.588 17.3084 177.478 19.1604 180.199 19.1604C183.208 19.1604 185.002 17.1348 185.002 14.8005C185.002 12.119 183.227 10.6143 180.719 10.6143C179.89 10.6143 179.003 10.8843 178.462 11.3859L179.08 8.62723H184.327V6.33154H177.266L175.781 12.7556C176.051 12.8328 177.961 13.4887 178.212 13.5851C178.617 13.1221 179.292 12.7363 180.141 12.7363C181.298 12.7363 182.359 13.4115 182.359 14.8391C182.359 16.093 181.395 16.884 180.199 16.884C178.867 16.884 177.98 15.9387 177.922 14.7812L175.434 15.3407Z" fill="url(#paint0_linear_733_15579)"/>
<defs>
<linearGradient id="paint0_linear_733_15579" x1="177.673" y1="-28.8195" x2="195.739" y2="-26.9443" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="0.973958" stop-color="#F9FCFF"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

apps/www/styles/index.css
+39
View File
@@ -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;
}
package-lock.json
Generated
-3
View File
@@ -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",