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

Blog/quick formatting (#248)

Browse Source 
* Formats the iframes so that they are no larger than the screen.

* Removes unused folder

* Removes unused readme

* Hides the outline on focus

* Fixes the edges on the code blocks with reponses

* Move to Inter - it's open source

* Hides the shadow on the nav

* Fixes some of the react specific attributes

* More react attributes

* Fixes the padding for inter

* Removes bloated links

* Small formatting
This commit is contained in:
Copple authored and GitHub committed 2020-10-10 18:57:17 +08:00
1 parent 86e36f715e
commit 264e5347fa
15 files changed
+86 -52
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

connectors/README.md
-5
View File
@@ -1,5 +0,0 @@
# Supabase Connectors
We are considering building connectors that will automatically forward your database changes to various systems. At this stage we are simply gauging demand.
If you would like us to start building a connector that you need, feel free to show your interest in this [issue on GitHub](https://github.com/supabase/supabase/issues/4).
examples/README.md
-1
View File
@@ -1 +0,0 @@
@todo
web/blog/2020-05-01-supabase-alpha-april-2020.md
+1 -1
View File
@@ -19,7 +19,7 @@ Now in [Supabase](https://app.supabase.io):
<!--truncate-->
<iframe width="700" height="350" src="https://www.youtube.com/embed/ck5MM_PD4Co" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe className="w-full" width="700" height="350" src="https://www.youtube.com/embed/ck5MM_PD4Co" frameBorder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
## Important Notes
web/blog/2020-06-01-supabase-alpha-may-2020.md
+1 -1
View File
@@ -14,7 +14,7 @@ It has been a monster month at [Supabase](https://supabase.io) and we're back wi
<!--truncate-->
<iframe width="700" height="350" src="https://www.youtube.com/embed/e4qXmcEFaUs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe className="w-full" width="700" height="350" src="https://www.youtube.com/embed/e4qXmcEFaUs" frameBorder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
## Housekeeping
web/blog/2020-07-01-supabase-alpha-june-2020.md
+5 -5
View File
@@ -18,31 +18,31 @@ We're now 4 months into building [Supabase](https://supabase.io), which means an
Watch a full demo:
<iframe width="640" height="385" src="https://www.loom.com/embed/b3ba79c1633d464ea758e0796bbb39da" frameborder="0" allowFullScreen></iframe>
<iframe className="w-full" width="640" height="385" src="https://www.loom.com/embed/b3ba79c1633d464ea758e0796bbb39da" frameBorder="0" allowFullScreen></iframe>
### View relational data
We're sometimes asked how we will make Postgres as simple as Firebase, since Postgres is a relational database. This month we're making our first steps to prove that relational databases can be even easier to use than document stores. We're releasing an excel-like editing interface which can drill down into your relational data.
<iframe width="640" height="385" src="https://www.loom.com/embed/c6d504bb0a1c43e9bf65cb2aef2949d5" frameBorder="0" allowFullScreen></iframe>
<iframe className="w-full" width="640" height="385" src="https://www.loom.com/embed/c6d504bb0a1c43e9bf65cb2aef2949d5" frameBorder="0" allowFullScreen></iframe>
### Manage JSON data
Postgres is an amazing database, giving the flexibility of a document store with the power of a RDBMS. If you use `JSON` data in Postgres, then we want to make that easy too. Supabase detects when your column is `JSON` or `JSONB`, and provides an easy way to edit and view your data. More improvements coming soon for this feature!
<iframe width="640" height="385" src="https://www.loom.com/embed/0b03ac2858324cfabdc6a202c93673f3" frameBorder="0" allowFullScreen></iframe>
<iframe className="w-full" width="640" height="385" src="https://www.loom.com/embed/0b03ac2858324cfabdc6a202c93673f3" frameBorder="0" allowFullScreen></iframe>
### Choose your region
If you noticed a bit of latency on Supabase, it's because your projects were previously set up in Singapore. It was always our intention that you'd be able to choose your database region, and this month we've delivered it. In the next releases we'll even allow you to go multi-region, instantly replicating your database close to your customers.
<iframe width="640" height="385" src="https://www.loom.com/embed/1dcc1bca2ebc45e296e732a66a462c61" frameBorder="0" allowFullScreen></iframe>
<iframe className="w-full" width="640" height="385" src="https://www.loom.com/embed/1dcc1bca2ebc45e296e732a66a462c61" frameBorder="0" allowFullScreen></iframe>
### Backups
A guiding principle at Supabase is zero lock-in. So this month we are exposing your daily database backups on the dashboard, giving you a simple way to migrate off Supabase. We have a lot more to build in this space (`WAL-G!`), so watch this space.
<iframe width="640" height="385" src="https://www.loom.com/embed/fc1cb9b395eb4c408c7137bf8e6e1963" frameBorder="0" allowFullScreen></iframe>
<iframe className="w-full" width="640" height="385" src="https://www.loom.com/embed/fc1cb9b395eb4c408c7137bf8e6e1963" frameBorder="0" allowFullScreen></iframe>
### Kaizen
web/blog/2020-08-02-supabase-alpha-july-2020.md
+3 -3
View File
@@ -18,7 +18,7 @@ After 5 months of building, we're releasing one of our most anticipated features
Watch a full demo:
<iframe width="640" height="385" src="https://www.loom.com/embed/17fbbc3bc9b2459eb0efbbb174b2ce7b" frameborder="0" allowFullScreen></iframe>
<iframe className="w-full" width="640" height="385" src="https://www.loom.com/embed/17fbbc3bc9b2459eb0efbbb174b2ce7b" frameBorder="0" allowFullScreen></iframe>
### Auth
@@ -34,7 +34,7 @@ We've made some massive improvements to our Table Editor that we're excited to s
Last month we made it easy to drill into your table relationships. This month, we make it possible to drill multiple levels deep.
<video width="99%" autoplay="" loop="" muted="" playsInline="" controls="true">
<video width="99%" autoPlay="" loop="" muted="" playsInline="" controls="true">
<source src="/videos/relational-drilldown-zoom.mp4" type="video/mp4" />
</video>
@@ -43,7 +43,7 @@ Last month we made it easy to drill into your table relationships. This month, w
We're making it easier to manipulate your data. Next month, you'll be able to add and remove columns directly from the Table view.
<video width="99%" autoplay="" loop="" muted="" playsInline="" controls="true">
<video width="99%" autoPlay="" loop="" muted="" playsInline="" controls="true">
<source src="/videos/csv-download-zoom.mp4" type="video/mp4" />
</video>
web/blog/2020-08-05-supabase-auth.mdx
+3 -3
View File
@@ -37,7 +37,7 @@ Supabase Auth provides all the backend services you need to authenticate and aut
Supabase makes it simple to onboard your users with our new `supabase.auth.signup()` and `supabase.auth.login()` [functions](/docs/library/user-management).
<video width="99%" autoplay="autoplay" loop muted playsInline controls="true">
<video width="99%" autoPlay="autoplay" loop muted playsInline controls="true">
<source src="/videos/auth-zoom2.mp4" type="video/mp4" loop muted playsInline />
</video>
@@ -45,7 +45,7 @@ Supabase makes it simple to onboard your users with our new `supabase.auth.signu
Authentication only gets you so far. When you need granular authorization rules, nothing beats PostgreSQL's [Row Level Security](https://www.postgresql.org/docs/current/ddl-rowsecurity.html). Supabase makes it simple to turn RLS on and off.
<video width="99%" autoplay="autoplay" loop muted playsInline controls="true">
<video width="99%" autoPlay="autoplay" loop muted playsInline controls="true">
<source src="/videos/rls-zoom2.mp4" type="video/mp4" loop muted playsInline />
</video>
@@ -53,7 +53,7 @@ Authentication only gets you so far. When you need granular authorization rules,
[Policies](https://www.postgresql.org/docs/current/sql-createpolicy.html) are PostgreSQL's rule engine. They are incredibly powerful and flexible, allowing you to write complex SQL rules which fit your unique business needs.
<video width="99%" autoplay="autoplay" loop muted playsInline controls="true">
<video width="99%" autoPlay="autoplay" loop muted playsInline controls="true">
<source src="/videos/policies-zoom2.mp4" type="video/mp4" loop muted playsInline />
</video>
web/blog/2020-09-03-supabase-alpha-august-2020.md
+5 -5
View File
@@ -18,14 +18,14 @@ We're 6 months into building our hosted database platform and we've made some ma
Watch a full demo:
<iframe width="640" height="385" src="https://www.loom.com/embed/a43084629c7e47828e3a292b60719393" frameborder="0" allowFullScreen></iframe>
<iframe className="w-full" width="640" height="385" src="https://www.loom.com/embed/a43084629c7e47828e3a292b60719393" frameBorder="0" allowFullScreen></iframe>
### Easily create tables
Set up tables and columns directly from the table view.
<video width="99%" autoplay="autoplay" loop muted playsInline controls="true">
<video width="99%" autoPlay="autoplay" loop muted playsInline controls="true">
<source src="/videos/new-tables.mp4" type="video/mp4" loop muted playsInline />
</video>
@@ -33,7 +33,7 @@ Set up tables and columns directly from the table view.
You can now invite team members to your organisation.
<video width="99%" autoplay="autoplay" loop muted playsInline controls="true">
<video width="99%" autoPlay="autoplay" loop muted playsInline controls="true">
<source src="/videos/invite-team.mp4" type="video/mp4" loop muted playsInline />
</video>
@@ -42,7 +42,7 @@ You can now invite team members to your organisation.
You can now enable Email Confirmations for new users. This can be toggled on or off and the template for this email can be edited via the dashboard.
<video width="99%" autoplay="autoplay" loop muted playsInline controls="true">
<video width="99%" autoPlay="autoplay" loop muted playsInline controls="true">
<source src="/videos/confirm-email.mp4" type="video/mp4" loop muted playsInline />
</video>
@@ -53,7 +53,7 @@ The biggest communty contribution to date, [@thorwebdev](https://twitter.com/tho
![This git shows how TypeScript makes it even easier to use Supabase, through VSCode's intellisense.](/img/typescript-support.gif)
### **Kaizen**
### Kaizen
We have a number of small improvements:
web/blog/2020-10-03-supabase-alpha-september-2020.md → web/blog/2020-10-03-supabase-alpha-september-2020.mdx
+4 -4
View File
@@ -19,7 +19,7 @@ We're now 7 months into building Supabase. This update is a big one!
Watch a full demo:
<iframe width="640" height="385" src="https://www.loom.com/embed/c7d66ae1f4c1458d964147c5c58aad59" frameborder="0" allowFullScreen></iframe>
<iframe className="w-full" width="640" height="385" src="https://www.loom.com/embed/c7d66ae1f4c1458d964147c5c58aad59" frameBorder="0" allowFullScreen></iframe>
### Third-party logins
@@ -31,7 +31,7 @@ We've released OAuth logins! You can now enable third-party logins on your app f
You can duplicate your tables, just like you would inside a spreadsheet.
<video width="99%" autoplay="autoplay" muted playsInline controls="true">
<video width="99%" autoPlay="autoplay" muted playsInline controls={true}>
<source src="/videos/duplicate-tables.mp4" type="video/mp4" muted playsInline />
</video>
@@ -39,7 +39,7 @@ You can duplicate your tables, just like you would inside a spreadsheet.
Extensions are easier to use. You can enable Postgres extensions with the click of a button.
<video width="99%" autoplay="autoplay" muted playsInline controls="true">
<video width="99%" autoPlay="autoplay" muted playsInline controls={true}>
<source src="/videos/toggle-extensions.mp4" type="video/mp4" muted playsInline />
</video>
@@ -47,7 +47,7 @@ Extensions are easier to use. You can enable Postgres extensions with the click
The SQL editor now stores your query history in your browser. You can also save your favorite queries to run later!
<video width="99%" autoplay="autoplay" muted playsInline controls="true">
<video width="99%" autoPlay="autoplay" muted playsInline controls={true}>
<source src="/videos/favourites.mp4" type="video/mp4" muted playsInline />
</video>
web/docs/about.md
+3 -3
View File
@@ -5,7 +5,7 @@ description: 'What is Supabase?'
slug: /
---
## What it is
## What it is.
Supabase is an open source Firebase alternative. We are a service to:
@@ -16,7 +16,7 @@ Supabase is an open source Firebase alternative. We are a service to:
- interact with your database using a simple UI
## What it isn't
## What it isn't.
Supabase is not a 1-to-1 mapping of Firebase. While we are building many of the features that Firebase offers, we are not going about it the same way.
@@ -24,7 +24,7 @@ Our technological choices are quite different to Firebase. Everything we use is
Most notably, we use Postgres rather than a NoSQL store. This was a deliberate choice. We believe that no other database on the market offers the scalability and functionality required to legitimately compete with Firebase.
## How it works
## How it works.
At its core, is a suite of open source tools, stiched together to build a seamless developer experience:
web/docusaurus.config.js
+5 -14
View File
@@ -74,7 +74,6 @@ module.exports = {
position: 'right',
},
{ to: '/docs/pricing', label: 'Pricing', position: 'right' },
{ to: '/blog', label: 'Blog', position: 'right' },
{ href: 'https://app.supabase.io', label: 'Login', position: 'right' },
{
href: 'https://github.com/supabase/supabase',
@@ -94,10 +93,6 @@ module.exports = {
{
title: 'Company',
items: [
{
label: 'Humans',
to: 'https://supabase.io/humans.txt',
},
{
label: 'Blog',
to: '/blog',
@@ -107,7 +102,11 @@ module.exports = {
to: '/oss',
},
{
label: 'Lawyers',
label: 'Humans.txt',
to: 'https://supabase.io/humans.txt',
},
{
label: 'Lawyers.txt',
to: 'https://supabase.io/lawyers.txt',
},
],
@@ -144,14 +143,6 @@ module.exports = {
label: 'DevTo',
href: 'https://dev.to/supabase',
},
{
label: 'Stackshare',
href: 'https://stackshare.io/supabase',
},
{
label: 'Product Hunt',
href: 'https://www.producthunt.com/posts/supabase-alpha',
},
// {
// label: "Discord",
// href: "https://discordapp.com/invite/docusaurus"
web/src/components/CustomCodeBlock.js
+1 -1
View File
@@ -31,7 +31,7 @@ export default function CustomCodeBlock({
</div>
{response && (
<>
<div className={'code-with-header'}>
<div className={'code-with-header repsonse-header'}>
<a
className="code-header has-hover-pointer"
style={showResponse ? styles.responseShown : styles.responseHidden}
web/src/components/HowCard.js
-1
View File
@@ -27,7 +27,6 @@ export default function HowCard({ title, description, featureTitle, features })
const styles = {
h4: {
padding: 10,
paddingBottom: 15,
textAlign: 'center',
borderBottom: '1px solid #000',
margin: 0
web/src/css/custom.css
+31 -5
View File
@@ -1,4 +1,5 @@
@import url('/css/metro.css');
@import url('https://rsms.me/inter/inter.css');
/**
* Root variables
@@ -15,7 +16,7 @@
/*
Customisation here for both Light and Dark themes
*/
--custom-font-base: 'Metro', BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen',
--custom-font-base: 'Inter', BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Helvetica', 'Arial',
sans-serif;
--custom-font-code: 'Source Code Pro', Menlo, monospace;
@@ -64,6 +65,7 @@
--ifm-color-content-secondary: var(--custom-content-color-light);
--ifm-code-background: var(--custom-background-color-diff);
--ifm-code-background-dark: #2a2a2a;
--ifm-code-color: var(--custom-content-color);
--ifm-color-warning: var(--custom-color-orange-600);
/* Primary */
@@ -211,8 +213,12 @@ body {
display: inline-block;
}
.button {
font-family: var(--custom-font-base);
}
.button.button--primary {
text-shadow: 0px 0px 6px rgba(13, 128, 86, 0.4);
color: white;
text-shadow: 0px 0px 6px rgba(13, 128, 86, 0.8);
}
.button.button--secondary {
color: var(--custom-content-color);
@@ -295,7 +301,9 @@ li + li {
.navbar,
.main-wrapper {
box-shadow: var(--ifm-global-shadow-md);
/* box-shadow: var(--ifm-global-shadow-md); */
box-shadow: none;
border-bottom: 1px solid var(--custom-border-color);
}
.navbar .navbar__link {
font-weight: bold;
@@ -576,7 +584,7 @@ div[class^="codeBlockContent"] , div[class*=" codeBlockContent"], .prism-code {
.code-with-header pre {
border-radius: 0 0 4px 4px;
}
.code-with-response pre {
.code-with-header.code-with-response {
border-radius: 0;
}
.code-header {
@@ -589,6 +597,9 @@ div[class^="codeBlockContent"] , div[class*=" codeBlockContent"], .prism-code {
/* text-transform: uppercase; */
border-bottom: 1px solid #444;
}
.repsonse-header {
border-radius: 0 0 4px 4px;
}
/* HomePage */
.ForDevelopers .row {
@@ -734,6 +745,9 @@ a.hash-link {
.Blog .code-with-header {
margin-bottom: 30px;
}
.badge--secondary {
color: var(--ifm-color-content);
}
.Figure {
text-align: center;
@@ -791,6 +805,13 @@ a.hash-link {
background-color: none;
white-space: normal;
word-break: break-word;
font-size: 0.8rem;
outline: none !important;
}
.prism-code div,
.prism-code div:focus,
.prism-code div:active {
outline: none !important;
}
.token.keyword.module,
.token.property-access,
@@ -895,3 +916,8 @@ html[data-theme='dark'] .navbar-item-github:before {
.navbar__item .dropdown__menu li:not(:first-child) {
margin-top: 5px;
}
.w-full {
width: 100%;
max-width: 100%;
}
web/static/css/tt-norms.css
+24
View File
@@ -0,0 +1,24 @@
@font-face {
font-family: 'TT Norms Pro';
font-style: normal;
font-weight: 400;
src: url('/fonts/tt-norms-pro/tt-pro-regular-webfont.woff2') format('woff2'),
url('/fonts/tt-norms-pro/tt-pro-regular-webfont.woff') format('woff');
}
@font-face {
font-family: 'TT Norms Pro';
font-style: normal;
font-weight: 500;
src: url('/fonts/tt-norms-pro/tt-pro-medium-webfont.woff2') format('woff2'),
url('/fonts/tt-norms-pro/tt-pro-medium-webfont.woff') format('woff');
}
@font-face {
font-family: 'TT Norms Pro';
font-style: normal;
font-weight: 700;
src: url('/fonts/tt-norms-pro/tt-pro-bold-webfont.woff2') format('woff2'),
url('/fonts/tt-norms-pro/tt-pro-bold-webfont.woff') format('woff');
}