bumi/tinyforms
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Shaping and cleanup

Browse Source
This commit is contained in:
bumi
2020-04-25 00:56:38 +02:00
parent 7b060bf1c7
commit 970ce9dcb6
6 changed files with 140 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
app/views/home/index.html.erb
View File

@@ -1,17 +1,16 @@
<div id="wrapper" class="has-text-centered">
<!-- Hero -->
<section id="hero" class="hero is-medium">
<div class="hero-body">
<div class="container">
<h1 class="is-size-1 is-size-3-mobile">
the form backend for designers and developers
The form backend for designers and developers
</h1>
<p class="">
Link your online forms to <span class="google-sheets">Google Sheets</span> or <span class="airtable">Airtable</span> and receive form submissions in your favorite spreadsheet tool.
<p class="tag-line is-size-5">
Link your online forms to <span class="google-sheets"><%= image_tag 'google-sheets-icon.svg' %> Google Sheets</span> or <span class="airtable"><%= image_tag 'airtable-icon.svg' %> Airtable</span> and receive form submissions in your favorite spreadsheet tool.
</p>
<p class="call-to-action">
<%= link_to "Signup", signup_url, class: 'button is-rounded is-primary has-text-white a-menu' %>
<%= link_to "Get started", signup_url, class: 'button is-rounded is-primary has-text-white a-menu' %>
or try our <%= link_to "Live demo", demo_url %>
</p>
</div>
@@ -26,15 +25,13 @@
<div class="box">
<article class="media">
<div class="media-left">
<h1 class="title">1.</h1>
<h3 class="title">1.</h3>
</div>
<div class="media-content">
<div class="content">
<h3 class="subtitle">Create a new form</h3>
<p>
tinyforms will automatically create and link a connected Google Sheets document for you.
</p>
</div>
<h3 class="title is-size-4">Create a new form</h3>
<p>
tinyforms will automatically create and link a connected Google Sheets document for you.
</p>
</div>
</article>
</div>
@@ -44,15 +41,13 @@
<div class="box">
<article class="media">
<div class="media-left">
<h1 class="title">2.</h1>
<h3 class="title">2.</h3>
</div>
<div class="media-content">
<div class="content">
<h3 class="subtitle">Point your online form to our server</h3>
<p>
Simply configure your form to POST to your tinyforms URL.
</p>
</div>
<h3 class="title is-size-4">Point your form to our server</h3>
<p>
Simply configure your form to POST to your tinyforms URL.
</p>
</div>
</article>
</div>
@@ -62,15 +57,13 @@
<div class="box">
<article class="media">
<div class="media-left">
<h1 class="title">3.</h1>
<h3 class="title">3.</h3>
</div>
<div class="media-content">
<div class="content">
<h3 class="subtitle">Done!</h3>
<p>
tinyforms will automatically append each submission to your Google Sheets or Airtable document.
</p>
</div>
<h3 class="title is-size-4">Done!</h3>
<p>
tinyforms will automatically append each submission to your Google Sheets or Airtable document.
</p>
</div>
</article>
</div>
@@ -142,7 +135,7 @@
<br>
We take care of the storage for you.
<br>
Files are added as secure links to your spreadsheet.
Files are added as secure links to your spreadsheet.
</p>
</div>
<div class="column">
@@ -150,7 +143,7 @@
JavaScript/AJAX ready
</h3>
<p class="paragraph">
Use our JavaScript library or our API directly to submit data using JavaScript.
Use our JavaScript library or our API directly to submit data using JavaScript.
</p>
</div>
</div>