We'd like to add animations between routes, possibly from one watch page to another (like when the user clicks on a video). Do we need to restructure in order to do this with liquid fire?
| LASAGNA | |
| Time: 2 hrs | |
| TACOS | |
| time: 20 mins | |
| Oatmeal Cookies |
| LASAGNA | |
| Time: 2 hrs | |
| image: http://images.media-allrecipes.com/userphotos/250x250/00/03/24/32427.jpg | |
| Ingredients: | |
| For sauce: | |
| 3 onions, chopped |
| (function() { | |
| var back_div, light_box, light_box_content, light_box_title, price_span; | |
| // store cart_qty and cart_total in a global object | |
| window.bounce = {}; | |
| // =================================== | |
| // *** Centered overlay with *** | |
| // *** semi-transparent background *** | |
| // =================================== |
| =Navigating= | |
| visit('/projects') | |
| visit(post_comments_path(post)) | |
| =Clicking links and buttons= | |
| click_link('id-of-link') | |
| click_link('Link Text') | |
| click_button('Save') | |
| click('Link Text') # Click either a link or a button | |
| click('Button Value') |
| (function() { | |
| var d = new Date(); | |
| if (d.getMonth() == 9 && d.getDate() == 31) { | |
| var img = new Image(); | |
| img.onload = function() { | |
| var ms = 2000//Math.random() * 1000 + 500; | |
| img.style.maxWidth = window.innerHeight; | |
| setTimeout(function(img) { | |
| showScaryPic(img) |
| def to_money(num) | |
| money_string = (num * 100).round.to_s | |
| dollars = money_string[0...-2] | |
| cents = money_string[-2..-1] | |
| i = -4 | |
| comma_separated_dollars = dollars | |
| while i.abs < dollars.length + 1 | |
| comma_separated_dollars.insert(i,',') | |
| i -= 4 |
