From 8a4b1a0c92312bc26e92976e0cfa3d9f09dd606f Mon Sep 17 00:00:00 2001
From: rscnt <rascnt@gmail.com>
Date: Tue, 22 Sep 2015 04:14:31 -0600
Subject: [PATCH] digitalglarus: iframe and counter

---
 .../static/digitalglarus/js/digital.glarus.js | 21 +++++++++++++++++++
 .../templates/digitalglarus/base.html         |  1 +
 .../templates/digitalglarus/letscowork.html   |  6 +++---
 3 files changed, 25 insertions(+), 3 deletions(-)
 create mode 100644 digitalglarus/static/digitalglarus/js/digital.glarus.js

diff --git a/digitalglarus/static/digitalglarus/js/digital.glarus.js b/digitalglarus/static/digitalglarus/js/digital.glarus.js
new file mode 100644
index 00000000..6849993d
--- /dev/null
+++ b/digitalglarus/static/digitalglarus/js/digital.glarus.js
@@ -0,0 +1,21 @@
+function day_diff(d1, d2) {
+    var one_day=1000*60*60*24;
+    var date1_ms = d1.getTime();
+    var date2_ms = d2.getTime();
+    var difference_ms = date2_ms - date1_ms;
+    return Math.round(difference_ms/one_day);
+}
+
+$(function(){
+    //  $progressbar = $("#progressbar"),
+    //	$progressbarLabel = $("progressbar-label"),
+    //	$progrssbarLabelDays = $("progrssbar-label-days"),
+    var date_start = new Date(2015, 8, 22),
+	date_end = new Date(2015, 11, 31),
+	current_date = new Date(),
+	total_days = 100,
+	days_pass = day_diff(date_start, current_date),
+	$date  = $("#date-quantity"),
+	days_to_go = total_days - days_pass;
+    $date.html(days_to_go.toString());
+});
diff --git a/digitalglarus/templates/digitalglarus/base.html b/digitalglarus/templates/digitalglarus/base.html
index 481482f0..43256d2f 100644
--- a/digitalglarus/templates/digitalglarus/base.html
+++ b/digitalglarus/templates/digitalglarus/base.html
@@ -105,6 +105,7 @@
 
     <!-- Bootstrap Core JavaScript -->
     <script src="{% static 'digitalglarus/js/bootstrap.min.js' %}"></script>
+    <script src="{% static 'digitalglarus/js/digital.glarus.js' %}"></script>
 
     <!-- Script to Activate the Carousel -->
     <script>
diff --git a/digitalglarus/templates/digitalglarus/letscowork.html b/digitalglarus/templates/digitalglarus/letscowork.html
index 9dd374d4..518e1224 100644
--- a/digitalglarus/templates/digitalglarus/letscowork.html
+++ b/digitalglarus/templates/digitalglarus/letscowork.html
@@ -6,15 +6,15 @@
 <div class="row">
   <div class="box">
     <div class="col-lg-12 text-center">
-      <h1>Our crowdfunding campaign launches on the 22nd of September 2015!</h1>
+      <h1> <span id="date-quantity">99</span> days to go! </h1>
     </div>
-    <div class="clearfix"></div>
   </div>
+  <div class="clearfix"></div>
 </div>
 <div class="row">
   <div class="box">
     <div class="col-lg-12">
-      <iframe width="980" height="400" src="//www.100-days.net/en/projekt-iframe/start-digital-glarus" class="center-block" frameborder="0" scrolling="auto"></iframe>
+      <iframe width="980" height="600" src="//www.100-days.net/de/projekt-iframe/start-digital-glarus" frameborder="0" scrolling="auto" class="center-block"></iframe>
     </div>
   </div>
 </div>