From 1780ebd93570a07970a1a496d3ceabd20537025c Mon Sep 17 00:00:00 2001 From: Joshen Lim Date: Thu, 3 Dec 2020 00:53:08 +0800 Subject: [PATCH 01/10] Add dark mode --- www/pages/beta.tsx | 162 ++++++++++++++++-------------- www/public/images/logo-single.png | Bin 0 -> 50695 bytes 2 files changed, 86 insertions(+), 76 deletions(-) create mode 100644 www/public/images/logo-single.png diff --git a/www/pages/beta.tsx b/www/pages/beta.tsx index fdd9ee44276..61f8b7f6160 100644 --- a/www/pages/beta.tsx +++ b/www/pages/beta.tsx @@ -21,32 +21,57 @@ import { AlphaNumbers, IntroductionSegments, PerformanceComparisonData } from 'd const site_title = `${APP_NAME} | We are now in Beta` -type SectionHeaderProps = { - sectionNumber: number - header: string -} +const HamburgerMenu = () => ( +
+ + + + + +
+) -const SectionHeader = (props: SectionHeaderProps) => { +const SectionHeader = (props: any) => { const { sectionNumber, header } = props return (
- 0{sectionNumber} -

{header}

+ 0{sectionNumber} +

{header}

) } const Hero = () => ( -
- TBD, scroll down first +
+
+
+

+ Supabase is an opensource Firebase alternative. We're building the features of Firebase using + enterprise-grade, open source tools. +

+

+ Today, we're moving to Beta +

+
+
) const Introduction = () => ( -
+
-

+

After the launch of our Alpha{' '} Program in June, we've been fortunate to work with thousands of early adopters on improving both our Open Source, and Hosted offerings. @@ -54,7 +79,7 @@ const Introduction = () => (

-

Alpha Program in Numbers

+

Alpha Program in Numbers

@@ -66,13 +91,13 @@ const Introduction = () => (
-

+

{stat.value} {stat.unit && {stat.unit}}

-

{stat.name}

+

{stat.name}

))} @@ -82,14 +107,14 @@ const Introduction = () => ( {IntroductionSegments.map((segment: any, segmentIdx: number) => ( <>
- {segment.description} +

{segment.description}

{segment.chapters.map((chapter: string, idx: number) => (
-

{`0${idx + 1}`}

-

+

{`0${idx + 1}`}

+

{chapter}

@@ -166,18 +191,18 @@ const Performance = () => { ) return ( -
+
-

+

Supabase grew out of a need for a faster and more scalable web-ready datastore. Postgres enables our users to handle massive amounts of data without sacrificing read and write speed.

-

+

During our Alpha program we have been obsessively tweaking our stack to tease out superior performance. We chose the hyper-scalable{' '} @@ -193,7 +218,7 @@ const Performance = () => { {' '} team while they improved the performance of their auto-generated CRUD APIs.

-

+

We are proud to publish the results of our benchmarks here and we'll continue to seek gains throughout our Beta program and beyond. Our{' '} @@ -207,11 +232,11 @@ const Performance = () => {

-

+

Supabase is now available in 7 different geographic regions, so you can reduce latency by deploying in close proximity to your customer base.

-

+

A key metric in how we measure Supabase is what we call "Time to Value". How fast can a user go from sign up, to making their first API request? How fast can they from being in Production and generating value for their own customers? We've made several @@ -226,13 +251,13 @@ const Performance = () => { } const Security = () => ( -

+
-

+

As an infrastructure provider, Security has been a priority from day one. During Supabase's Alpha period we experienced a single security breach, which was the result of weak customer passwords. An automated brute force attack accessed a handful of our @@ -244,12 +269,12 @@ const Security = () => ( ).

-

+

Approaching the launch of our Beta period, we have been working with a number of security advisors and specialists globally to put in place several new measures and processes:

-
    +
    • Employed DigitalXRAID to run a full Pen Test on both our internal and customer infrastructure. In the interest of transparency we are making the summary report @@ -274,44 +299,23 @@ const Security = () => (
- - {/* Joshen: Was trying a card layout */} - {/*
-
- Employed DigitalXRAID to run a full Pen Test on both our internal and customer infrastructure. - In the interest of transparency we are making the summary report available here. We have since patched - the higher priority issues and are currently in the process of resolving the minor and informational issues. -
-
- Published a disclosure policy to help ethical hackers help us find vulnerabilities in our systems. - It is availablein the usual place. -
-
- We now run an ongoing internal Capture the Flag competition, where team members are challenged to breach - various components of our systems. -
-
- Adopted the Snyk dependency monitor as part of our SSDLC on several key component of our system, to help locate - potential vulnerabilities in third party Open Source dependencies. -
-
*/}
) const Reliability = () => ( -
+
-

+

During Alpha we experienced 2 minor incidents related to availability, neither of which affected customer access to their data. These were:

-