diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss index f35bfa4..ad27859 100644 --- a/app/assets/stylesheets/application.css.scss +++ b/app/assets/stylesheets/application.css.scss @@ -68,6 +68,21 @@ h1, h2, h3 { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } +.submission-table tbody { + font-size: 0.75em; +} + +.inline-svg svg { + display: inline +} + +.svg-icon { + align-items: center; + display: inline-flex; + justify-content: center; +} + + /* Colours #FFFFFF - White @@ -101,6 +116,9 @@ Colours } } +.backend-logo { + white-space: nowrap; +} .features .columns { margin-bottom: 3em; @@ -119,138 +137,20 @@ Colours vertical-align: text-bottom; } } -/* -Links -*/ -.a-menu { - letter-spacing: 3px; - text-transform: uppercase; - transition: opacity 1s ease; - opacity: 0.8; -} - -.a-menu:hover { - opacity: 1; - color: #000000 !important; - text-decoration: none; -} - - -/* -Some aesthetic improvements -*/ -nav { - padding-top: 20px; - max-height: 50px; -} - -.paragraph { - line-height: 1.5em; -} - -/* -Hero -*/ -.burger { - position: absolute; - top: 0; - right: 0; -} .call-to-action { margin-top: 2em; } -.box { - padding-top: 30px; - padding-bottom: 30px; -} - -.box .icon { - margin-top: -10px; - color: #4c82fc !important; - transition: color 0.5s ease; -} - -.box .icon:hover { - color: #4c82fc !important; -} -#twitter-feed .container .is-size-7 { - padding: 20px; -} - -/* -Features -*/ -.feature-img { - max-width: 60%; - margin: 0 auto; -} - -.column h3, -.column p { - align-self: center; -} - -@media(max-width: 1024px) { - .reverse-row-order { - flex-direction: column-reverse; - display: flex; - } -} - -/* -Newsletter -*/ -#newsletter { - text-align: center; -} - -#newsletter p { - width: 600px; - margin: 0 auto; -} - .social-link { - padding: 15px; - color: #FFFFFF !important; + padding: 15px; + color: #FFFFFF !important; } -.newsletter-input { - border: none; - border-bottom: 2px solid #4c82fc; - border-radius: 0% !important; - box-shadow: none; - text-align: center; -} - -#newsletter .field { - width: 400px; - max-width: 80%; - padding: 20px; - margin: 0 auto; -} - -/* -Footer -*/ #footer p { - padding: 20px; + padding: 20px; } #footer a { - color: #FFFFFF !important; -} -.submission-table tbody { - font-size: 0.75em; -} - -.inline-svg svg { - display: inline -} - -.svg-icon { - align-items: center; - display: inline-flex; - justify-content: center; + color: #white; } diff --git a/app/views/forms/index.html.erb b/app/views/forms/index.html.erb index 5a9e61a..1530a2e 100644 --- a/app/views/forms/index.html.erb +++ b/app/views/forms/index.html.erb @@ -1,6 +1,6 @@
-
+
diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb index 1fc702e..b8eb873 100644 --- a/app/views/home/index.html.erb +++ b/app/views/home/index.html.erb @@ -7,10 +7,10 @@ The form backend for designers and developers

- Link your online forms to <%= image_tag 'google-sheets-icon.svg' %> Google Sheets or <%= image_tag 'airtable-icon.svg' %> Airtable and receive form submissions in your favorite spreadsheet tool. + Link your online forms to or <%= image_tag 'airtable-icon.svg' %> Airtable and receive form submissions in your favorite spreadsheet tool.

- <%= link_to "Get started", signup_url, class: 'button is-rounded is-primary has-text-white a-menu' %> + <%= link_to "Get started", signup_url, class: 'is-uppercase button is-rounded is-primary has-text-white a-menu' %> or try our <%= link_to "Live demo", demo_url %>