diff --git a/src/img/logo.png b/src/img/logo.png new file mode 100644 index 0000000..832c546 Binary files /dev/null and b/src/img/logo.png differ diff --git a/src/pages/index.html b/src/pages/index.html index f1b5273..281eff6 100644 --- a/src/pages/index.html +++ b/src/pages/index.html @@ -1,8 +1,6 @@
-

What is Userbase?

- -

Userbase is a database, but purpose-built for web apps. It is accessible directly - from the browser through a very simple JavaScript SDK.

+

Userbase allows you to create database-backed web apps using only static JavaScript, HTML, and CSS. No backend code + necessary.

@@ -10,20 +8,19 @@

What does it do?

-

Userbase becomes your database, as well as your backend. You can create fully dynamic web apps using - just static JavaScript, HTML, and CSS. No backend code necessary. -

+

Userbase is a database and backend service, purpose-built for web apps. It is accessible directly from the + browser through a very simple JavaScript SDK.

Zero management

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

Built-in user management

-

Unlike a regular 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

-

Userbase won't show you what your users store in your web app. 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.

+

Userbase takes care of your user accounts. It comes with built-in APIs for user signups, logins, password + resets, and access control.

+

End-to-end encryption

+

Userbase won't show you what your users store in your web app. Yes, that's a feature, not a bug. Userbase spares + you from the liability of handling user data by encrypting everything in the browser, using keys that always stay + with the user.

@@ -31,8 +28,8 @@

When would I use it?

-

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

+

If you're building a web app, you will likely need a database and a backend. Userbase can replace both of those + things...

-
-

How much will it cost?

-

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.

+
-

As a service

-

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

- +
+

How much will it cost?

+

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.

-
+

As a service

+

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

+ -
+
-
-

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. +

-
\ No newline at end of file +

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!

+
+ +
\ No newline at end of file diff --git a/src/partials/header.html b/src/partials/header.html index b6f5d37..48a0846 100644 --- a/src/partials/header.html +++ b/src/partials/header.html @@ -1,9 +1,6 @@
-
- +
+
-

Userbase

-

A database for frontend developers

-
- -
\ No newline at end of file +

A backend for frontend developers

+
\ No newline at end of file diff --git a/src/style.css b/src/style.css index 4caaf08..800ffe8 100644 --- a/src/style.css +++ b/src/style.css @@ -3,7 +3,13 @@ @tailwind components; body { - @apply pb-10 text-center; + @apply pb-10 text-center text-xl; +} + +@screen sm { + body { + @apply text-2xl; +} } a { @@ -23,15 +29,41 @@ h1 { } h2 { - @apply text-center text-3xl leading-tight mt-1 tracking-tight; + @apply text-center text-2xl leading-tight mt-1 tracking-tight; } h3 { - @apply text-center font-black text-4xl tracking-tight; + @apply text-center font-black text-3xl tracking-tight; } h4 { - @apply font-bold text-xl tracking-tight; + @apply font-bold text-2xl tracking-tight; +} + +#logo { + @apply w-64 +} + +@screen sm { + h1 { + @apply text-6xl; + } + + h2 { + @apply text-4xl; + } + + h3 { + @apply text-5xl; + } + + h4 { + @apply text-3xl; + } + + #logo { + @apply w-96 + } } ul { diff --git a/src/template.html b/src/template.html index 31cec2b..ef483ee 100644 --- a/src/template.html +++ b/src/template.html @@ -8,7 +8,7 @@ -
+
<%= require('html-loader!./partials/' + header + '.html') %> <%= require('html-loader!./pages/' + page + '.html') %> <%= require('html-loader!./partials/' + footer + '.html') %> diff --git a/tailwind.config.js b/tailwind.config.js index 0795607..426fbae 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -4,6 +4,11 @@ module.exports = { colors: { yellowish: '#ffe77a', blackish: '#1a2a30' + }, + width: { + '72': '18rem', + '84': '21rem', + '96': '24rem' } }, fontFamily: {