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

Experiment with typing cycler

Browse Source
This commit is contained in:
bumi 2020-04-14 14:01:50 +02:00
parent 833c1a5519
commit 4821227895
5 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/javascript/backend_typed.js Normal file
View File

@ -0,0 +1,13 @@
const Typed = require('typed.js');
document.addEventListener("turbolinks:load", function () {
new Typed('.backends-cycler', {
strings: ['Google Sheets', 'Airtable', 'Google Sheets', 'Airtable'], // smoother loops
loop: true,
typeSpeed: 100,
backSpeed: 40,
backDelay: 1400,
smartBackspace: true,
startDelay: 800,
onBegin: (typed) => { typed.currentElContent = typed.el.innerText; }
});
});

1
app/javascript/packs/application.js
View File

@ -11,6 +11,7 @@ require("channels")
require('burger_menu'); require('burger_menu');
require('tinyforms'); require('tinyforms');
require('demo'); require('demo');
require('backend_typed');
// Uncomment to copy all static images under ../images to the output folder and reference // Uncomment to copy all static images under ../images to the output folder and reference
// them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>) // them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)

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

@ -2,10 +2,10 @@
<div class="hero-body"> <div class="hero-body">
<div class="container"> <div class="container">
<h1 class="title is-family-secondary has-text-weight-bold"> <h1 class="title is-family-secondary has-text-weight-bold">
Welcome Tinyforms - the form backend for designers and developers
</h1> </h1>
<p class="subtitle is-size-6 has-text-white"> <p class="subtitle is-size-6 has-text-white">
Generate forms instantly Link your online forms to <span class="backends-cycler">Google Sheets</span> and receive form submissions in your favorit spreadsheet.
</p> </p>
</div> </div>
</div> </div>

3
package.json
View File

@ -8,7 +8,8 @@
"@rails/webpacker": "4.2.2", "@rails/webpacker": "4.2.2",
"bulma": "^0.8.1", "bulma": "^0.8.1",
"bulma-helpers": "^0.3.10", "bulma-helpers": "^0.3.10",
"turbolinks": "^5.2.0" "turbolinks": "^5.2.0",
"typed.js": "^2.0.11"
}, },
"version": "0.1.0", "version": "0.1.0",
"devDependencies": { "devDependencies": {

5
yarn.lock
View File

@ -7053,6 +7053,11 @@ type-is@~1.6.17, type-is@~1.6.18:
media-typer "0.3.0" media-typer "0.3.0"
mime-types "~2.1.24" mime-types "~2.1.24"
typed.js@^2.0.11:
version "2.0.11"
resolved "https://registry.yarnpkg.com/typed.js/-/typed.js-2.0.11.tgz#d298a91f959f11a3803bf48b841a6fadd29640d9"
integrity sha512-1ZORHalEyLob34q738mqmwp0pT6syMigB1SZuTItqdhovWBKFIt7I5uVALXAGQZCg2MCtihCt6uqkoqPJK+9iQ==
typedarray@^0.0.6: typedarray@^0.0.6:
version "0.0.6" version "0.0.6"
resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777" resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"