diff --git a/pages/register/index.html b/pages/register/index.html index 58f74a7..27874b5 100644 --- a/pages/register/index.html +++ b/pages/register/index.html @@ -9,21 +9,23 @@ -
+ + +

👋 Welcome!

@@ -32,11 +34,14 @@ I agree to the Terms of Service - +
Sign Up
+

👌 You're all set!

- Again +

You should now receive an email with activation link.

+

Activate your account and proceed to docs if you'd like to learn how to use API now.

+ Docs
diff --git a/pages/register/script.js b/pages/register/script.js index a5b297a..20cf79f 100644 --- a/pages/register/script.js +++ b/pages/register/script.js @@ -3,4 +3,5 @@ var form = document.querySelector('form'); form.onsubmit = function (event) { event.preventDefault(); form.classList.add('signed'); + form.submit(); }; \ No newline at end of file diff --git a/pages/register/style.css b/pages/register/style.css index bfe2210..35801d3 100644 --- a/pages/register/style.css +++ b/pages/register/style.css @@ -61,6 +61,9 @@ button { justify-content: center; background-color: white; visibility: hidden; + padding-left: 40px; + padding-right: 40px; + text-align: center; } .done { @@ -81,7 +84,7 @@ button { } .signed > .progress { - animation: loading 4s; + animation: loading 3s; } @keyframes loading { @@ -135,4 +138,55 @@ button { .left-footer > a:hover, .right-footer > a:hover { text-decoration: underline; +} + +@media only screen and (max-width: 980px) { + + .registration { + width: 90%; + height: auto; + position: fixed; + border-radius: none; + padding: auto; + box-shadow: none; + overflow: visible; + } + + body { + background: none; + min-height: 85vh; + } + + p { + font-size: 36px; + } + + .registration h1 { + font-size: 64px; + } + + .matter-button-contained { + padding-top: 0.5em; + padding-bottom: 1.3em; + padding-left: 0.65em; + padding-right: 0.65em; + border-radius: 7px; + } + + .matter-button-text { + padding-top: 0.4em; + padding-bottom: 1.3em; + padding-left: 0.65em; + padding-right: 0.65em; + border-radius: 7px; + } + + a.matter-button-contained { + font-size: 3.2em; + } + + a.matter-button-text { + font-size: 2.6em; + } + } \ No newline at end of file