diff --git a/web/docs/faq.md b/web/docs/faq.md index 6c7ccff1fc5..a066c536e95 100755 --- a/web/docs/faq.md +++ b/web/docs/faq.md @@ -3,14 +3,14 @@ id: faq title: FAQs --- -## Do you support `{database}`? +## Do you support (some other database)? At the moment we only support PostgreSQL. However you can [vote on a new database](https://github.com/supabase/monorepo/issues/6) if you want us to start development. -## Do you have a library for `{other language}`? +## Do you have a library for (some other language)? We currently have only a Javascript library. However you can [vote on a new client library](https://github.com/supabase/monorepo/issues/5) for your favourite language. -## Can you build a connector for `{other product}`? +## Can you build a connector for (some other product)? We don't have any connectors right now. However you can [vote on a new connector](https://github.com/supabase/monorepo/issues/4) for a tool that you use. diff --git a/web/docusaurus.config.js b/web/docusaurus.config.js index b83d4a26d4b..438597c7510 100755 --- a/web/docusaurus.config.js +++ b/web/docusaurus.config.js @@ -20,10 +20,11 @@ module.exports = { }, navbar: { classNames: 'shadow--md', - title: 'supabase', + // title: 'supabase', logo: { alt: 'Supabase', - src: '/supabase-logo.svg', + src: '/supabase-light.svg', + dark: '/supabase-dark.svg', }, links: [ { to: '/docs/about', label: 'Docs', position: 'right' }, @@ -35,7 +36,7 @@ module.exports = { // }, { href: 'https://app.supabase.io', - label: 'Join the List', + label: 'Join the List →', position: 'right', }, ], @@ -48,34 +49,34 @@ module.exports = { footer: { links: [ { - title: "Company", + title: 'Company', items: [ { - label: "Docs", - to: "/docs/about" + label: 'Docs', + to: '/docs/about', }, { - label: "Guides", - to: "/docs/guides/examples" + label: 'Guides', + to: '/docs/guides/examples', }, { - label: "Blog", - to: "/blog" - } - ] + label: 'Blog', + to: '/blog', + }, + ], }, { - title: "Community", + title: 'Community', items: [ { - label: "GitHub", - href: "https://github.com/supabase/monorepo" + label: 'GitHub', + href: 'https://github.com/supabase/monorepo', }, // { // label: "Discord", // href: "https://discordapp.com/invite/docusaurus" // } - ] + ], }, // { // title: "Social", @@ -104,7 +105,7 @@ module.exports = { }, theme: { customCss: require.resolve('./src/css/custom.css'), - } + }, }, ], ], diff --git a/web/src/css/custom.css b/web/src/css/custom.css index 949631ec8f1..36bc1743371 100755 --- a/web/src/css/custom.css +++ b/web/src/css/custom.css @@ -38,6 +38,7 @@ --custom-content-color-light: #484848; --custom-content-color-lightest: #333; --custom-border-color: #e0e0e0; + --custom-color-subtle: #ccc; --custom-shadow-lw: 0 3px 5px 0px rgba(0, 0, 0, 0.1); --custom-shadow-md: 0 3px 5px 0px rgba(0, 0, 0, 0.1); --custom-shadow-tl: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1); @@ -120,6 +121,7 @@ --custom-primary-light: #65d9a5; --custom-primary-lighter: #9fe7c7; --custom-primary-lightest: #c5f1dd; + --custom-color-subtle: #484848; --custom-background-color: #1f1f1f; --custom-background-color-highlight: #2a2a2a; @@ -157,12 +159,6 @@ --ifm-card-background-color: var(--custom-background-color-highlight); } -.docusaurus-highlight-code-line { - background-color: rgb(72, 77, 91); - display: block; - margin: 0 calc(-1 * var(--ifm-pre-padding)); - padding: 0 var(--ifm-pre-padding); -} html, body { @@ -174,6 +170,15 @@ body { -webkit-text-size-adjust: 100%; } +:root[data-theme='light'] .navbar__logo.logo--dark, +:root[data-theme=''] .navbar__logo.logo--dark +{ + display: none; +} +:root[data-theme='dark'] .navbar__logo.logo--light{ + display: none; +} + .button.button--primary { text-shadow: 0 1px 3px rgba(36,180,126,.4); } @@ -194,6 +199,14 @@ body { } +.docusaurus-highlight-code-line { + background-color: rgb(72, 77, 91); + display: block; + margin: 0 calc(-1 * var(--ifm-pre-padding)); + padding: 0 var(--ifm-pre-padding); +} + + @media screen and (min-width: 768px) { html, body { @@ -226,6 +239,13 @@ li + li { .main-wrapper { box-shadow: var(--ifm-global-shadow-md); } +.navbar .navbar__link { + font-weight: bold; +} +.navbar-sidebar__items .menu__link { + line-height: calc(var(--ifm-spacing-vertical) * 1.5) !important; + font-weight: bold; +} /* .with-underline::after, .markdown h2:after { @@ -449,6 +469,21 @@ div[class^='sidebar_'] .menu__link.menu__link--active:not(.menu__link--sublist) padding: var(--ifm-spacing-vertical) var(--ifm-spacing-horizontal); } } +.menu.menu--responsive .button.button--secondary.button--sm.menu__button { + transition: all 0.2s ease; + width: 100%; + margin:0; + bottom: 0; + right: 0; + border-radius: 0; + text-align: right; + opacity: 0.8; +} +.menu.menu--responsive .button.button--secondary.button--sm.menu__button:hover, +.menu.menu--responsive .button.button--secondary.button--sm.menu__button:active { + opacity: 1; + background-color: var(--custom-background-color); +} .DummyData { display: flex; @@ -518,4 +553,9 @@ div[class^='sidebar_'] .menu__link.menu__link--active:not(.menu__link--sublist) .react-toggle-thumb { box-shadow: none !important; +} +a.hash-link { + text-decoration: none; + font-style: none; + color: var(--custom-color-subtle); } \ No newline at end of file diff --git a/web/src/pages/index.js b/web/src/pages/index.js index 0a20b6e1718..cc94811ece6 100755 --- a/web/src/pages/index.js +++ b/web/src/pages/index.js @@ -20,7 +20,7 @@ const realtime = supabase console.log('Change received!', change) }) .subscribe() -` +`.trim() const readExample = ` import { createClient } from '@supabase/supabase-js' @@ -35,7 +35,7 @@ const countries = await supabase cities { name, population } \`) .filter('cities=popution=gte.10000') -` +`.trim() const createExample = ` import { createClient } from '@supabase/supabase-js' @@ -46,7 +46,7 @@ const supabase = createClient('https://stripe.supabase.io', '1a2b-3c4d-5e6f-7g8h const newEmployee = supabase .from('employees') .insert({ id: 1, name: 'Greg Brockman', salary: 5000 }) -` +`.trim() const updateExample = ` import { createClient } from '@supabase/supabase-js' @@ -58,7 +58,7 @@ const listener = supabase .from('employees') .eq('country_code', 'NZ') .update({ name: 'Middle Earth' }) -` +`.trim() const features = [ { diff --git a/web/src/theme/Navbar/index.js b/web/src/theme/Navbar/index.js index 1a3d2328ed1..d17875f5421 100755 --- a/web/src/theme/Navbar/index.js +++ b/web/src/theme/Navbar/index.js @@ -68,6 +68,7 @@ function Navbar() { ); const logoUrl = useBaseUrl(logo.src); + const logoDark = useBaseUrl(logo.dark) return (