From c6a063df671b349f9c23c81c113694c435537686 Mon Sep 17 00:00:00 2001 From: Daniel Vassallo Date: Mon, 30 Sep 2019 18:35:03 -0700 Subject: [PATCH] Extract common styles in the css file --- src/index.html | 164 +++++++++++++++++++++++-------------------------- src/style.css | 32 ++++++++++ 2 files changed, 110 insertions(+), 86 deletions(-) diff --git a/src/index.html b/src/index.html index 8b1143c..95048d4 100644 --- a/src/index.html +++ b/src/index.html @@ -7,105 +7,98 @@ - -
-
+ +
+
-

Userbase

-

You won't believe it's not a database!

+

Userbase

+

You won't believe it's not a database!

-
-

What is Userbase?

-
-

Userbase is like a database, but purpose-built for web app user data. It's accessible directly - from the browser through a very simple JavaScript SDK.

-
+
+

What is Userbase?

+ +

Userbase is like a database, but purpose-built for web app user data. It's accessible directly + from the browser through a very simple JavaScript SDK.

-
-

Why isn't it a database?

-
-

With Userbase you can durably store, update, delete, and query user data. But that's where the - similarities with traditional databases end.

-

Zero management

-

Unlike a real database, all Userbase queries run in the browser, with the server-side acting as - a dumb data store. There's no database to manage and worry about. -

-

Built-in user management

-

Unlike a real database, Userbase takes care of your user accounts. It comes with built-in APIs - for user signups, logins, and access control.

-

End-to-end encrypted

-

Unlike a real database, Userbase won't show you what your users store in your web app.

-

Wait, what!? — Yes, that's a feature — maybe the most important feature. Userbase spares you - from the liability of handling user data by encrypting everything in the browser, using keys that always stay - with the user.

-
+
+

Why isn't it a database?

+ +

With Userbase you can durably store, update, delete, and query user data. But that's where the + similarities with traditional databases end.

+

Zero management

+

Unlike a real database, all Userbase queries run in the browser, with the server-side acting as + a dumb data store. There's no database to manage and worry about. +

+

Built-in user management

+

Unlike a real database, Userbase takes care of your user accounts. It comes with built-in APIs for user + signups, logins, and access control.

+

End-to-end encrypted

+

Unlike a real database, Userbase won't show you what your users store in your web app.

+

Wait, what!? — Yes, that's a feature — maybe the most important feature. Userbase spares you from the liability + of handling user data by encrypting everything in the browser, using keys that always stay with the user.

-
-

When would I use it?

-
-

If you're building a web app, you will likely need a database. Userbase can substitute your - database...

-
    -
  • If you want to build a web app without writing any backend code.
    • -
  • If you never want to see your users' data.
    • -
  • If you're tired of dealing with databases.
    • -
  • If you want to radically simplify your GDPR compliance.
    • -
  • And if you want to keep things really simple.
    • -
-
+
+

When would I use it?

+ +

If you're building a web app, you will likely need a database. Userbase can substitute your + database...

+
    +
  • If you want to build a web app without writing any backend code.
    • +
  • If you never want to see your users' data.
    • +
  • If you're tired of dealing with databases.
    • +
  • If you want to radically simplify your GDPR compliance.
    • +
  • And if you want to keep things really simple.
    • +
-
-

How do I start?

-
-

Userbase will be available around mid-December 2019.

+
+

How do I start?

-

Open source

-

Userbase is being developed in the open, and is 100% - open-source, MIT licensed. You can modify and extend the backend to your liking, and run it yourself in - your AWS account, always under your control.

+

Userbase will be available around mid-December 2019.

-

As a service

-

Or for just $39/month you can go fully serverless, backendless, databaseless, and AWSless!

-
    -
  • Unlimited web apps.
    • -
  • Unlimited users.
    • -
  • 1 GB storage included.
    • -
  • Unlimited extra storage at $1/month per GB.
    • -
  • All features included.
    • -
+

Open source

+

Userbase is being developed in the open, and is 100% open-source, MIT licensed. You can modify and extend the + backend to your liking, and run it yourself in your AWS account, always under your control.

-

Join the waiting list

-

Enter your email to receive occasional updates about Userbase. No spam ever.

-
+

As a service

+

Or for just $39/month you can go fully serverless, backendless, databaseless, and AWSless!

+
    +
  • Unlimited web apps.
    • +
  • Unlimited users.
    • +
  • 1 GB storage included.
    • +
  • Unlimited extra storage at $1/month per GB.
    • +
  • All features included.
    • +
-
-
- +

Join the waiting list

+

Enter your email to receive occasional updates about Userbase. No spam ever.

+ + + + + + - -
@@ -116,18 +109,17 @@
-
-

Who's behind this?

-
-

This product is the work of Daniel Vassallo and Justin Berman. We're a small independent business, structured - to be lean, profitable, and sustainable. We're here for the long haul. -

+
+

Who's behind this?

-

If you have any questions, or there's anything we can do to help you with your web app, please - get in touch. Thank you!

-
+

This product is the work of Daniel Vassallo and Justin Berman. We're a small independent business, structured + to be lean, profitable, and sustainable. We're here for the long haul. +

+ +

If you have any questions, or there's anything we can do to help you with your web app, please get in touch. Thank you!

diff --git a/src/style.css b/src/style.css index b203728..cbde7b3 100644 --- a/src/style.css +++ b/src/style.css @@ -2,6 +2,10 @@ @tailwind components; +body { + @apply pb-10; +} + a { @apply underline; } @@ -10,6 +14,34 @@ a:hover { @apply text-orange-700; } +p { + @apply mb-4; +} + +h1 { + @apply text-center font-black text-6xl leading-none tracking-tight; +} + +h2 { + @apply text-center text-2xl leading-tight mt-1 tracking-tight; +} + +h3 { + @apply text-center font-black text-3xl tracking-tight; +} + +h4 { + @apply font-bold text-xl tracking-tight; +} + +ul { + @apply list-disc mb-4 ml-8; +} + +.section { + @apply my-10 text-left tracking-tight; +} + .mc-status:focus { @apply outline-none }