jackmakesthings

<hr>

jackmakesthings

<div id="page">
<div id="sidebar">
<a class="logo" href="#">Home</a>
  <nav>
    
    <ul class="main-nav">
      <li><a href="#shows" title="Shows">Shows</a></li>
      <li><a href="#about" title="About">About</a></li>
      <li><a href="#attend" title="Attend">Attend</a></li>
      <li><a href="#exhibit" title="Exhibit">Exhibit</a></li>

jackmakesthings

var delta;
    dragThreshold = 0.15;// "percentage" to drag before engaging
    dragStart = null;	 // used to determine touch / drag distance
    percentage = 0,
    target,
    previousTarget;

function touchStart(event) {

	if (dragStart !== null) { return; }

jackmakesthings

<div id="press" class="module-block">
  <div class="module-block__inner">
    <h1>Press</h1>
    <h2>Recent Articles</h2>
    <div class="module-block__inner-content main-press">
      <figure class="ss-icon">
        <img src="http://fillmurray.com/100/115" alt="">
        <figcaption><a href="#">test link</a></figcaption>
      </figure>

jackmakesthings

<div id="press" class="module-block">
  <div class="module-block__inner">
    <h1>Press</h1>
    <h2>Recent Articles</h2>
    <div class="module-block__inner-content main-press">
      <figure class="ss-icon">
        <img src="http://fillmurray.com/100/115" alt="">
        <figcaption><a href="#">test link</a></figcaption>
      </figure>

jackmakesthings

<div class="timeline-block">

	<ol class="timeline">

		<li class="timeline-item timeline-item-minor right">
			<p>2000: Founding of Industry Ventures (now $1bn manager)</p>
		</li>

		<li class="timeline-item timeline-item-major">
			2000: $40M AUM

jackmakesthings

<?php
// this would require some data structure, you'd have the jobs in there as variables;
// i set them up here as if they're arrays but objects would be fine too


foreach($jobs as $job) : ?>

<div class="row career-block">
	<div class="col-md-9 career-description">
		<h1><?php echo $job['title']; ?></h1>

jackmakesthings

Things that might come in handy again later.

jackmakesthings

.tab { display:none; background: #ccc; padding:10px; }
.tab.show { display: block; }

jackmakesthings

var myNamespace = (function () {
 
  var myPrivateVar, myPrivateMethod;
 
  // A private counter variable
  myPrivateVar = 0;
 
  // A private function which logs any arguments
  myPrivateMethod = function( foo ) {
      console.log( foo );