Skip to content

Instantly share code, notes, and snippets.

@bennewton999
Created October 21, 2014 01:03
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bennewton999/be3bee456903007ff797 to your computer and use it in GitHub Desktop.
Save bennewton999/be3bee456903007ff797 to your computer and use it in GitHub Desktop.
non scrolling famo.us surface HTML
<fa-app style="height:100%">
<fa-scroll-view fa-pipe-from="eventHandler">
<fa-modifier fa-size="[undefined, true]">
<fa-view fa-index="0">
<fa-surface fa-pipe-to="eventHandler" fa-size="[undefined, true]">
<div surface-height id="test">
<div ng-include="'partials/navbar'"></div>
<div class="masthead jumbotron">
<div class="container">
<h2>See What's Vital <em>to You</em> in <em>Real Time</em></h2>
<a class="btn btn-primary btn-lg btn-outline-inverse" href="/signup">Sign Up for a Free Trial</a>
<p>Joseph Van of <a href="http://iconagram.com/" target="_blank">Iconagram.com</a> uses Vital Wall to see what icons people are looking at on his site. With it, he knows immediately what is popular and can share that info with his users by embedding a wall on Iconagram's home page.</p>
<div class="device-mockup imac">
<div class="device">
<div class="screen">
<p data-height="100%" data-theme-id="0" data-slug-hash="2" data-wall="2" class='vitalwall vital-embed'>See the VitalWall <a href='http://staging-sqtmp3dxdz.elasticbeanstalk.com/wall/2'>Iconagram</a> by Joseph Van (<a href='link to joseph?'>@joseph</a>) on <a href='http://vitalwall.com'>VitalWall</a></p>
</div>
</div>
</div>
<a class="btn btn-primary btn-lg btn-outline-inverse" href="/signup">Sign Up for a Free Trial</a>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-4">
<h2>What is Vital Wall?</h2>
<p>VitalWall is a simple way to track virtually anything you want on your website. Google Analytics is great to see what happened on your website yesterday, but in today's world, you need to know what is happening right now so you can respond.</p>
</div>
<div class="col-sm-4">
<h2>What can I track?</h2>
<p>Anything! You can track as much or as little as you want. You can pass a name of a customer as they log in, a product as it is viewed, even a picture and link! Use it to make "window shopping" possible in your ecommerce store. Pass images of what products are being looked at <em>right now</em>!</p>
</div>
<div class="col-sm-4">
<h2>How hard is it?</h2>
<p>It's simple. Simply add a script tag to your page and an attribute to the element you want to track. You can customize your experience too by passing whole html elements to your wall making for a unique tracking experience to your site.</p>
</div>
</div>
</div>
<div id="pricing" class="container" ng-include="'partials/prices'"></div>
<a class="btn btn-primary btn-lg btn-outline-inverse" href="/signup">Sign Up for a Free Trial</a>
<div ng-include="'partials/footer'"></div>
</div>
</fa-surface>
</fa-view>
</fa-modifier>
</fa-scroll-view>
</fa-app>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment