panphora

Template.DiscoverPage.helpers({
  currentTabIs: function (tabName) {
    return Template.instance().currentTabIs(tabName);
  },
  selectedIfCurrentTabIs: function (tabName) {
    if (Template.instance().currentTabIs(tabName)) {
      return 'selected';
    } else {
      return '';
    }

panphora

<template name="DiscoverPage">
  <div class="nav">
    <a class="tab-link {{selectedIfCurrentTabIs 'recent projects'}}" href="#" data-tab-name="recent projects">recent projects</a>
    <a class="tab-link {{selectedIfCurrentTabIs 'recent sketches'}}" href="#" data-tab-name="recent sketches">recent sketches</a>
  </div>
  {{#if currentTabIs 'recent projects'}}
    {{> RecentProjects }}
  {{/if}}
  {{#if currentTabIs 'recent sketches'}}
    {{> RecentSketches }}

panphora

Template.DiscoverPage.created = function () {
  this.currentTab = new ReactiveVar('recent projects');

  this.currentTabIs = function (tabName) {
    return tabName === Template.instance().currentTab.get();
  }  
};

panphora

Template.DiscoverPage.created = function () {
  this.currentTab = new ReactiveVar('recent projects');
};

panphora

meteor add reactive-var

panphora

a = ['https://dl.dropboxusercontent.com/u/3227675/thrivehive/my%20contacts/mockup2/my-contacts-list-view.png', 'https://dl.dropboxusercontent.com/u/3227675/thrivehive/my%20contacts/mockup2/my-contacts-list-view-alt.png','https://dl.dropboxusercontent.com/u/3227675/thrivehive/my%20contacts/mockup2/my-contacts-contact-view.png'];
a.forEach(function (link) { window.open(link, '_blank'); })

panphora

.footer-widgets {
  background-position: bottom left;
  padding-bottom: 280px;
}

panphora

var bringMeToast = function () {
  var d = new $.Deferred();
  setTimeout(function () {
    d.resolve()
  }, 2000);
  return d;
};

var bringMeASwartwouter = function () {
  var d = new $.Deferred();