jekyll-wedding 0.3.0 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 1b59fc59961f71aee9b89182c2d5fbf9b1568fab
-  data.tar.gz: 12933c595f4fbbedf2af04193533b1a530c74c8e
+  metadata.gz: e3ecbe832a1ea3156a76ba9bae049e6281e5af59
+  data.tar.gz: 1ed894b80c1d1ec806c3cb1d6a191a28bd078c17
 SHA512:
-  metadata.gz: 42728550e04c25033d468dd2e9abce13dc9557381d8524831175a2fb5f1106f94d1490b1ddf2c3bedd8342ece8c2b956674eed148fda15d3d112d5d1a294379d
-  data.tar.gz: 1df351dea869cf79d0a6262cd3d957617ee74ec866d11c69b299e58c3b5aad44a4afa36b66f76da91278f9580a7d62292903be9b34d6d986cc96af5d5af70afc
+  metadata.gz: 455a126e6f3d176f578d4938ff086e91951611d16bcc99d2e5b07300c9fc62241204d5e441451d45dd16d31887bca5a30177dbbacee2ed979740fa0b1e5d5e14
+  data.tar.gz: 5ae9bd52f9ba157199c4ba437af276769ed7c706e292daeb0ca0d681f01579cc1d42c63c5a856faad5de6c410292761f9fef5254375313c5901706a803f0aa0a

data/_includes/counter.js

@@ -0,0 +1,44 @@
+var deadline = new Date('{{ site.data.index.counter }}');
+
+function getTimeRemaining(endtime) {
+  var t = Date.parse(new Date()) - Date.parse(endtime);
+  var seconds = Math.floor( (t/1000) % 60 );
+  var minutes = Math.floor( (t/1000/60) % 60 );
+  var hours = Math.floor( (t/(1000*60*60)) % 24 );
+  var days = Math.floor( t/(1000*60*60*24) );
+  return {
+    'total': t,
+    'days': days,
+    'hours': hours,
+    'minutes': minutes,
+    'seconds': seconds
+  };
+}
+
+function initializeClock(id, endtime) {
+  var clock = document.getElementById(id);
+  var daysSpan = clock.querySelector('.days');
+  var hoursSpan = clock.querySelector('.hours');
+  var minutesSpan = clock.querySelector('.minutes');
+  var secondsSpan = clock.querySelector('.seconds');
+
+  function updateClock() {
+    var t = getTimeRemaining(endtime);
+
+    daysSpan.innerHTML = t.days;
+    hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
+    minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
+    secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
+
+    if (t.total <= 0) {
+      clearInterval(timeinterval);
+    }
+  }
+
+  updateClock();
+  var timeinterval = setInterval(updateClock, 1000);
+}
+
+document.addEventListener("DOMContentLoaded", function(event) {
+  initializeClock('clockdiv', deadline)
+});

data/_includes/head.html

@@ -29,4 +29,8 @@
       location.href = '/';
     }
   </script>
+
+  <script>
+    {% include counter.js %}
+  </script>
 </head>

data/_layouts/home.html

@@ -26,6 +26,29 @@ layout: default
   </div>
 </div>
 
+<div class="row wedding-info">
+  <div class="col-sm-6 col-sm-offset-3 clock-container">
+    <div id="clockdiv">
+      <div>
+        <span class="days"></span>
+        <div class="smalltext">Tage</div>
+      </div>
+      <div>
+        <span class="hours"></span>
+        <div class="smalltext">Stunden</div>
+      </div>
+      <div>
+        <span class="minutes"></span>
+        <div class="smalltext">Minuten</div>
+      </div>
+      <div>
+        <span class="seconds"></span>
+        <div class="smalltext">Sekunden</div>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="row wedding-info">
   <div class="col-sm-6 col-sm-offset-3">
     <img class="landing-main-image" src="{{ site.data.index.image | relative_url }}" />

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-wedding
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.4.0
 platform: ruby
 authors:
 - Andreas Pfohl
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-08-05 00:00:00.000000000 Z
+date: 2017-08-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -61,6 +61,7 @@ extra_rdoc_files: []
 files:
 - LICENSE.txt
 - README.md
+- _includes/counter.js
 - _includes/head.html
 - _layouts/default.html
 - _layouts/home.html