lukegalea · December 22, 2015 20:19 · lukegalea · Sep 11, 2013
diff --git a/A-Pen-by-Luke-Galea.markdown b/A-Pen-by-Luke-Galea.markdown
diff --git a/index.html b/index.html
 <div class="before">
  <div class="daysBefore"> 
    It's 
    <span class="days"></span>
    days before
  </div>
  
  <div class="hoursBefore">  
    It's 
    <span class="hours"></span>
    hours before
  </div>
 </div>

 <div class="open">
  It's open
 </div>
diff --git a/script.js b/script.js
 $(function() {
  
  var daysAway, hoursAway, launchDate, now, isLaunched;
  
  launchDate = moment("09-17-2013 10:00 +5", "MM-DD-YYYY HH:mm Z");
  now = moment();
  daysAway = launchDate.diff(now, 'days');
  hoursAway = launchDate.diff(now, 'hours');
  isLaunched = now.isAfter(launchDate);
  
  $('.days').text(daysAway);
  $('.hours').text(hoursAway);
  
  $('.before').toggle(!isLaunched);
  $('.open').toggle(isLaunched);
  
  $('.daysBefore').toggle(hoursAway > 24);
  $('.hoursBefore').toggle(hoursAway <= 24);
  
 });
diff --git a/style.css b/style.css
 .hidden {
  display: none;
 }
	$(function() {

	var daysAway, hoursAway, launchDate, now, isLaunched;

	launchDate = moment("09-17-2013 10:00 +5", "MM-DD-YYYY HH:mm Z");
	now = moment();
	daysAway = launchDate.diff(now, 'days');
	hoursAway = launchDate.diff(now, 'hours');
	isLaunched = now.isAfter(launchDate);

	$('.days').text(daysAway);
	$('.hours').text(hoursAway);

	$('.before').toggle(!isLaunched);
	$('.open').toggle(isLaunched);

	$('.daysBefore').toggle(hoursAway > 24);
	$('.hoursBefore').toggle(hoursAway <= 24);

	});