bridgetown_theme_single_page_opt_in 0.1.54 → 0.1.55

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 45923b0ef5238b63e6a6769358ec326432fce19b8078f407662a38802e7dd8bd
-  data.tar.gz: 631de7284998ebbe97f9e87eafc3b7c299cbb8012fd185bd90455bed256cbd87
+  metadata.gz: f1de560abda47476b85491a70710d4d85b06fabfc5cc95e766dc8f551b910c57
+  data.tar.gz: 6b7a5e94a79719475f5806c7051005f701a3dd422d8530e80d0b8d39a7f1d8c0
 SHA512:
-  metadata.gz: de1d91c68161a69ab9e57e28eeacbd34408e7cccc35f5b74ac4fa4a543753089f21458dbf4051d2010ada263ffa5f65d42765abc94b678eb4892e833b9701c54
-  data.tar.gz: 1bbab2b865c5d39a71fd911bf70a0922153024bb8a97451a42bbeaef61f5a6691d544c8248c025729318649ed0d2f90196b929bd39dbd6a8c0863a6be80542e4
+  metadata.gz: d867135171a29f75ebc02b3d0d78aa98d0d2983b6a2b6a850a9a1625ad4722b218b0c76c4c170a2d35933b90214aabae76428901637f8c42b9028f3c3fcd996a
+  data.tar.gz: 18ab097f3b83577d6259754fd0339e86b5ce9b9790f298a0132ff79e44cd9a598a2a496f16f19bd48760b75fb8d4e64636fa877e37a662303b57c75a1dc75be0

data/bridgetown.automation.rb

@@ -4,6 +4,130 @@ add_gem("dotenv")
 gsub_file("config/initializers.rb", /^((?!#.)end)/, "  init :bridgetown_theme_single_page_opt_in\nend")
 gsub_file("src/index.md", "layout: default", "layout: bridgetown_theme_single_page_opt_in/landing")
 
+class CountDown {
+    constructor(expirationTime, onRender, onComplete) {
+        this.setExpirationTime(expirationTime);
+
+        this.onRender = onRender;
+        this.onComplete = onComplete;
+    }
+
+    setExpirationTime(expirationTime) {
+        // get the current time
+        const currentTime = new Date().getTime();
+        // calculate the remaining time 
+        this.timeRemaining = expirationTime - currentTime;
+
+        this.timeRemaining <= 0 ?
+            this.complete() :
+            this.start();
+    }
+
+
+    complete() {
+        if (typeof this.onComplete === 'function') {
+            onComplete();
+        }
+    }
+    getTime() {
+        return {
+            days: Math.floor(this.timeRemaining / 1000 / 60 / 60 / 24),
+            hours: Math.floor(this.timeRemaining / 1000 / 60 / 60) % 24,
+            minutes: Math.floor(this.timeRemaining / 1000 / 60) % 60,
+            seconds: Math.floor(this.timeRemaining / 1000) % 60
+        };
+    }
+
+    update() {
+        if (typeof this.onRender === 'function') {
+            this.onRender(this.getTime());
+        }
+    }
+
+    start() {
+        // update the countdown
+        this.update();
+
+        //  setup a timer
+        const intervalId = setInterval(() => {
+            // update the timer  
+            this.timeRemaining -= 1000;
+
+            if (this.timeRemaining < 0) {
+                // call the callback
+                complete();
+
+                // clear the interval if expired
+                clearInterval(intervalId);
+            } else {
+                this.update();
+            }
+
+        }, 1000);
+    }
+}
+
+// Get the expiration 
+const getExpirationTime = () => {
+  const expiration = document.querySelector('.timer-expiration').innerHTML;
+    return Date.parse(expiration);
+};
+
+// select elements
+const app = document.querySelector('.countdown-row');
+const message = document.querySelector('.message');
+const heading = document.querySelector('h1');
+
+
+const format = (t) => {
+    return t < 10 ? '0' + t : t;
+};
+
+create_file "frontend/javascript/lander.js" do
+    "const render = (time) => {
+        app.innerHTML = `
+            <span class="countdown-section">
+              <span class="countdown-amount" style="color: rgb(0, 0, 0);">${format(time.days)}</span>
+              <span class="countdown-period" style="color: var(--pale-blue);">Days</span>
+            </span>
+            <span class="countdown-section">
+              <span class="countdown-amount" style="color: rgb(0, 0, 0);">${format(time.hours)}</span>
+              <span class="countdown-period" style="color: var(--pale-blue);">Hours</span>
+            </span>
+            <span class="countdown-section">
+              <span class="countdown-amount" style="color: rgb(0, 0, 0);">${format(time.minutes)}</span>
+              <span class="countdown-period" style="color: var(--pale-blue);">Minutes</span>
+            </span>
+            <span class="countdown-section">
+              <span class="countdown-amount" style="color: rgb(0, 0, 0);">${format(time.seconds)}</span>
+              <span class="countdown-period" style="color: var(--pale-blue);">Seconds</span>
+            </span>
+            `;
+    };
+
+
+    const showMessage = () => {
+        message.innerHTML = `Happy New Year!`;
+        app.innerHTML = '';
+        heading.style.display = 'none';
+    };
+
+    const hideMessage = () => {
+        message.innerHTML = '';
+        heading.style.display = 'block';
+    };
+
+    const complete = () => {
+        showMessage();
+    };
+
+    const countdownTimer = new CountDown(
+        getExpirationTime(),
+        render,
+        complete
+    );"
+end
+
 remove_file("src/_data/site_metadata.yml")
 create_file "src/_data/site_metadata.yml" do
   <<~YAML
@@ -125,11 +249,11 @@ end
 create_file "src/_data/event_details.yml" do
   <<~YAML
   opener: "LIVE, Seminar Begins: "
-  date: {{ (Time.now + 2 * 60).strftime('%Y/%m/%d %H:%M:%S %Z') }} 
+  date: (Time.now + 2 * 60).strftime('%Y/%m/%d %H:%M:%S %Z')
   timezone: EDT
-  seminar_date: {{ (Time.now + 2 * 60).strftime('%Y/%m/%d %H:%M:%S %Z') }} 
-  show_link_time: {{ (Time.now + 3 * 60).strftime('%Y/%m/%d %H:%M:%S %Z') }} 
-  close_cart_time: {{ (Time.now + 4 * 60).strftime('%Y/%m/%d %H:%M:%S %Z') }} 
+  seminar_date: (Time.now + 2 * 60).strftime('%Y/%m/%d %H:%M:%S %Z')
+  show_link_time: (Time.now + 3 * 60).strftime('%Y/%m/%d %H:%M:%S %Z')
+  close_cart_time: (Time.now + 4 * 60).strftime('%Y/%m/%d %H:%M:%S %Z')
   YAML
 end
 

data/lib/bridgetown_theme_single_page_opt_in/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module SinglePageOptInTheme
-  VERSION = "0.1.54"
+  VERSION = "0.1.55"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: bridgetown_theme_single_page_opt_in
 version: !ruby/object:Gem::Version
-  version: 0.1.54
+  version: 0.1.55
 platform: ruby
 authors:
 - graial