diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss index e8adb89..65f3154 100644 --- a/app/assets/stylesheets/application.css.scss +++ b/app/assets/stylesheets/application.css.scss @@ -16,7 +16,7 @@ cursive; // $green: #007932; // hsl(141, 53%, 53%); // $footer-background-color: $light; -$blue: #4c82fc; +$blue: #2535f5; $primary: $blue; $text: $grey-dark; @@ -41,7 +41,6 @@ $light: #fff; } .content { - padding: 30px 60px 50px; &>h1 { margin-bottom: 40px; @@ -137,7 +136,6 @@ Wrapper */ .section .container, .hero .hero-body { - width: 1200px; max-width: 100%; margin: 0 auto; text-align: center; @@ -207,13 +205,6 @@ Features margin: 0 auto; } -.column { - display: flex; - justify-content: center; - flex-flow: column; - text-align: center; -} - .column h3, .column p { align-self: center; diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb index 86a6117..3550b06 100644 --- a/app/views/home/index.html.erb +++ b/app/views/home/index.html.erb @@ -1,180 +1,136 @@ -<% -=begin%> -
-
-
-

- Tinyforms - the form backend for designers and developers -

-

- Link your online forms to Google Sheets and receive form submissions in your favorite spreadsheet. -

-
-
-
-<% -=end%> - - -
+
-

+

the form backend for designers and developers

- Link your online forms to Google Sheets and receive form submissions in your favorite spreadsheet tool. + Link your online forms to Google Sheets or Airtable and receive form submissions in your favorite spreadsheet tool.

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

- - -
-
-
-
-
-
-
-
- Image -
-
-
-
-

- Some guy @someguy 5m -
- Frist time I used @fancyapp, was like the first time I listened to The Beatles. Christmas came early, I guess. -

-
- -
-
-
-
-
-
-
-
-
- Image -
-
-
-
-

- Some girl @somegirl 5m -
- Fancy App is the answer to all your problems, all praise the #fancyappgod! -

-
- -
-
-
-
+ +
+
+
+
+
+
+
+

1.

+
+
+
+

Create a new form

+

+ tinyforms will automatically create and link a connected Google Sheets document for you. +

-
-
- +
+ +
+
- -
-
-
-
-

- Open Source, all the way -

-

- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. -

-
-
- feature -
+
+
+
+
+

2.

+
+
+
+

Point your online form to our server

+

+ Simply configure your form to POST to your tinyforms URL. +

-
-
-
- -
- feature -
-
-

- Second Exciting Feature

-

- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. -

-
+
+
+
+
+
+
+
+
+

3.

+
+
+
+

Done!

+

+ tinyforms will automatically append each submission to your Google Sheets or Airtable document. +

-
-
-
+
+
+
+
+ +
+
+
+ + +
+
+
+
+

+ Full design control over your forms +

+

+ Create beautiful online forms without any restrictions.
Tinyforms stays completely in the background. +

+

+ Do you need help creating your forms? We'll help you! +

+
+ +
+

+ Full Google Sheets and Airtable flexibility +

+

+ Use all your favorite Google Sheets and Airtable features. E.g. share the document with your coworkers or use field formulas.
+

+
+
+
+
+

+ Full design control over your forms +

+

+ Create beautiful online forms without any restrictions.
Tinyforms stays completely in the background. +

+

+ Do you need help creating your forms? We'll help you! +

+
+ +
+

+ Full Google Sheets and Airtable flexibility +

+

+ Use all your favorite Google Sheets and Airtable features. E.g. share the document with your coworkers or use field formulas.
+

+
+
+
+
+ -
-

- Third Feature, Wow

-

- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. -

-
-
- feature -
-
- - - -