Add a way to pause the background animation #220

I currently set href to "" because I don't currently know how to interface with session variables directly through html tags. "Basic View" and "Standard View" have different lengths, so the footer shifts when the button is pressed. The paused background state is different from the paused state when the user once again switches to the tab after a period of time, where the triangles are all orange and regular. The session variable can also be renamed and used elsewhere to perhaps make the page less reactive, for example in displaying search results, to reduce lag.
When I use the following code the background doesn’t pause at all. However, when on click I set ‘backgroundPaused' to true, it does pause.

Template.backgroundPauseButton.events
  'click': (e, template) ->
    Session.set('backgroundPaused', not Session.get 'backgroundPaused')
    return # Make sure CoffeeScript does not return anything

On Jun 29, 2014, at 4:03 AM, Mitar <notifications@github.com> wrote:

> In client/templates/footer.html:
> 
> > @@ -9,14 +9,23 @@
> >        <li><a href="https://github.com/peerlibrary/peerlibrary/wiki/Public-API">API</a></li>
> >      </ul>
> >      <ul class="connect">
> > -      <li><a href="http://blog.peerlibrary.org">Blog</a></li>
> > -      <li><a href="https://twitter.com/PeerLibrary">Twitter</a></li>
> > -      <li><a href="http://lists.peerlibrary.org/lists/info/news" class="newsletter">Newsletter</a></li>
> > -      <li><a href="mailto:hello@peerlibrary.org">Contact</a></li>
> > +      <div>
> > +        <li>{{> backgroundPauseButton}}</li>
> > +      </div>
> > +      <div>
> So <li> should be a direct child of <ul> There should not bee any need that you put empty <div> around <li>.
> 
> —
> Reply to this email directly or view it on GitHub.
>