If you want to do this the easy way then the Animation FX Action that ships with the Monarch template is based on the animate and wow.js frameworks and allows you to animate elements on the page as they come into view; http://www.freewaystyle.com/monarch/
This is just one of three Actions that currently only ship with this template.
I’ve a responsive version of the template for Freeway 7 about 60% done. Some of the content (the Simple Buttons Action items for example) need a little more thought to work with responsive layouts and require a few modifications to the Action to adjust at each breakpoint.
Until that happens it shouldn’t be a major undertaking to adapt the existing template to a flexible and responsive layout. You should be able to make it responsive yourself by changing the currently fixed width items to ‘Fixed (%)’, the width to 100% and the max-width to 960px (see screen grab below). This will make sure the elements will flex to the width of the browser (or container) but not grow beyond their maximum size. From here you can then change items on an item by item basis at each breakpoint using the new Media types setting in Freeway 7 to control how they display in the browser. https://dl.dropboxusercontent.com/u/795566/freewaystyle/monarch.png
On 9 Apr 2015, at 21:59, Doty wrote:
I like your Monarch template a lot! How tricky would it be to convert it to a responsive design? I see that it is inline, so I’m thinking it’s pretty feasible. But I’d like to hear your thoughts.
ending up in adding a class to the item I’d like to animate via item extended dialogue such as:
class="animated fadeInRight delay-500ms"
This all works above the fold. For things behind it, JS is required.
I haven’t wrapped this in a screencast so far. I’ll do - but if it will be only available in the lounge. There I can much better have an eye on my subscribers - teaching them the “how to” but also giving them the fair words of warning without influencing the public at large.