new template
@@ -1,97 +0,0 @@
|
||||
/* All that I added for styles */
|
||||
.logo {
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
#countdown {
|
||||
margin: 120px 0 100px 0;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
color: #bdbdbd;
|
||||
}
|
||||
.time-factor {
|
||||
margin: 0;
|
||||
padding: 1em;
|
||||
|
||||
flex: 0 0 120px;
|
||||
border-right: 1px solid #b2ebf2;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-width: 120px;
|
||||
}
|
||||
.right-most {
|
||||
border: none;
|
||||
}
|
||||
.number-text {
|
||||
font-size: 2em;
|
||||
color: #1e4d92;
|
||||
}
|
||||
|
||||
.join-paragraph {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
.hero-cta {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: stretch;
|
||||
}
|
||||
.email-input {
|
||||
margin-right: 5px;
|
||||
padding: 5px 10px;
|
||||
border: none;
|
||||
min-width: 250px;
|
||||
box-shadow: 0 8px 24px rgba(32, 43, 54, 0.12);
|
||||
}
|
||||
#popup {
|
||||
position: fixed;
|
||||
top: 30px;
|
||||
margin-top: 1em;
|
||||
left: 50%;
|
||||
margin-right: -50%;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 2;
|
||||
background-color: rgb(49, 49, 49);
|
||||
color: white;
|
||||
font-size: 0.8em;
|
||||
padding: 0.2em 0.7em;
|
||||
border-radius: 3px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hero-media video {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.slideshow-container {
|
||||
box-shadow: 0 8px 24px rgba(32, 43, 54, 0.12);
|
||||
}
|
||||
.mySlides {
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.sponsor {
|
||||
min-height: 40px;
|
||||
max-width: 200px;
|
||||
max-height: 100px;
|
||||
/* max-width: 200px;
|
||||
height: 80px; */
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
background: #0f8a9d;
|
||||
background: linear-gradient(57deg, #00c6a7 0%, #1e4d92 100%);
|
||||
/* -webkit-transform-origin: 0; */
|
||||
transform-origin: 0;
|
||||
/* -webkit-transform: skewY(-12deg); */
|
||||
/* transform: skewY(-12deg); */
|
||||
}
|
||||
.email-me {
|
||||
font-size: 1.5em;
|
||||
color: white;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<svg width="96" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8 .256 6 6H0l4.89 3.828-1.922 5.916L8 12.088l5.032 3.656-1.922-5.916L16 6zm20-.256L28 0l-2 5.744h-6l4.89 3.828-1.922 5.916L28 11.832l5.032 3.656-1.922-5.916L36 5.744zm20 0L48 0l-2 5.744h-6l4.89 3.828-1.922 5.916L48 11.832l5.032 3.656-1.922-5.916L56 5.744zm20 0L68 0l-2 5.744h-6l4.89 3.828-1.922 5.916L68 11.832l5.032 3.656-1.922-5.916L76 5.744zm20 0L88 0l-2 5.744h-6l4.89 3.828-1.922 5.916L88 11.832l5.032 3.656-1.922-5.916L96 5.744z" fill="#FFAF66" fill-rule="evenodd"/></svg>
|
||||
|
After Width: | Height: | Size: 555 B |
@@ -0,0 +1 @@
|
||||
<svg width="155" height="150" xmlns="http://www.w3.org/2000/svg"><path d="M125.021 116.892c-3.91.4-3.578-3.818-6.752-5.087-.762 3.623 3.566 5.749 5.604 9.563-.005 1.363-2.583-2.317-3.578-3.118 5.544 7.779 10.346 13.841 12.67 22.009-5.008-2.103-6.346-6.18-10.553-7.644-.892-.531.187 1.69-.875 1.198-13.11-11.482-26.44-21.81-37.365-36-5.626-7.295-12.28-16.66-19.876-24.081-.676-.251-2.028.946-3.292.702-5.786-6.768-11.614-11.624-19.272-18.675-9.226-8.485-22.233-12.038-31.28-19.392C2.587 29.95-1.981 24.27.84 13.326c.39-1.07.94-.899 1.661-1.053L.865 10.369c3.178 4.066 3.84-5.521 7.061-8.215 6.451-5.405 12.763.737 17.744 3.458 2.003 1.089 2.428 1.458 4.367 3.556 3.047 3.298 8.538 4.889 12.951 7.479 6.952 4.085 13.718 9.716 19.735 15.825 21.874 22.268 41.941 49.524 55.387 73.436-1.199.359-.35.417-.883 1.193 3.025 2.803 5.101 6.215 7.794 9.791m2.105 8.657c-2.605-.15-4.1-5.584-1.356-2.152.599.747.618 1.88 1.356 2.152M155 150c-2.026-.036-2.568-2.66-4.567-4.08 2.414-.775 3.368 2.92 4.567 4.08m-4.052-4.95c-1.2.359-1.718-1.548-2.65-2.074 1.939-1.376 1.75 1.592 2.65 2.073m-4.049-4.95c-2.978-2.926-.577 1.074 1.53 1.605-.503-.5-1.007-1.093-1.53-1.605" fill="#5743DF" fill-rule="evenodd"/></svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 572 KiB |
@@ -0,0 +1 @@
|
||||
<svg width="48" height="48" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect fill="#E5E1FF" width="48" height="48" rx="2"/><path d="M27 14H13a.945.945 0 0 0-1 1v3a.945.945 0 0 0 1 1h14a.945.945 0 0 0 1-1v-3a.945.945 0 0 0-1-1z" fill="#7E6EE6"/><path d="M27 22H13a.945.945 0 0 0-1 1v3a.945.945 0 0 0 1 1h14a.945.945 0 0 0 1-1v-3a.945.945 0 0 0-1-1z" fill="#A59AEE"/><path d="M27 30H13a.945.945 0 0 0-1 1v3a.945.945 0 0 0 1 1h14a.945.945 0 0 0 1-1v-3a.945.945 0 0 0-1-1zm8-16h-3a.945.945 0 0 0-1 1v19a.945.945 0 0 0 1 1h3a.945.945 0 0 0 1-1V15a.945.945 0 0 0-1-1z" fill="#7E6EE6"/></g></svg>
|
||||
|
After Width: | Height: | Size: 616 B |
@@ -0,0 +1 @@
|
||||
<svg width="48" height="48" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect fill="#FFD5D5" width="48" height="48" rx="2"/><path d="M13 12h7v8h-8v-7a1 1 0 0 1 1-1z" fill="#F66"/><path fill="#F99" d="M20 20h8v8h-8z"/><path d="M28 12h7a1 1 0 0 1 1 1v7h-8v-8zM12 28h8v8h-7a1 1 0 0 1-1-1v-7zm16 0h8v7a1 1 0 0 1-1 1h-7v-8z" fill="#F66"/></g></svg>
|
||||
|
After Width: | Height: | Size: 369 B |
@@ -0,0 +1 @@
|
||||
<svg width="48" height="48" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect fill="#BDFDF6" width="48" height="48" rx="2"/><path d="M35 14h-3a.945.945 0 0 0-1 1v19a.945.945 0 0 0 1 1h3a.945.945 0 0 0 1-1V15a.945.945 0 0 0-1-1zm-18.998.002h-3a.945.945 0 0 0-1 1v19a.945.945 0 0 0 1 1h3a.945.945 0 0 0 1-1v-19a.945.945 0 0 0-1-1z" fill="#2FD8C6"/><path fill="#85E8DE" d="M20 22h8v5h-8zm0-8h8v5h-8zm0 16h8v5h-8z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 448 B |
@@ -0,0 +1 @@
|
||||
<svg width="48" height="48" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect fill="#FFEAD7" width="48" height="48" rx="2"/><path fill="#FFCA99" d="M20 20h8v8h-8z"/><path d="M28 12h7a1 1 0 0 1 1 1v7h-8v-8zM12 28h8v8h-7a1 1 0 0 1-1-1v-7z" fill="#FFAF66"/></g></svg>
|
||||
|
After Width: | Height: | Size: 290 B |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 11 KiB |
@@ -0,0 +1 @@
|
||||
<svg width="800" height="450" viewBox="0 0 800 450" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="0%" y1="50%" x2="99.139%" y2="50%" id="a"><stop stop-color="#6B7A90" stop-opacity=".72" offset="0%"/><stop stop-color="#6B7A90" stop-opacity=".24" offset="100%"/></linearGradient><linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="b"><stop stop-color="#6B7A90" stop-opacity=".72" offset="0%"/><stop stop-color="#6B7A90" stop-opacity=".32" offset="100%"/></linearGradient><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="c"><stop stop-color="#A59AEE" stop-opacity=".8" offset="0%"/><stop stop-color="#7E6EE6" offset="100%"/></linearGradient><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="d"><stop stop-color="#6B7A90" offset="0%"/><stop stop-color="#6B7A90" stop-opacity="0" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><rect width="800" height="450" rx="2" fill="#252E3B"/><path d="M0 0h572v40H0z" fill="url(#a)" fill-opacity=".8" transform="translate(204 24)"/><path fill="#818FA0" opacity=".08" d="M204 347h572v79H204z"/><path fill="#59687C" d="M238 371h8v8h-8zm0 24h8v8h-8z"/><path fill="#7E6EE6" d="M262 373h164v4H262z"/><path fill="#59687C" d="M442 373h32v4h-32zm128 0h32v4h-32z"/><path fill="#7E6EE6" d="M262 397h48v4h-48z"/><path fill="#59687C" d="M326 397h102v4H326z"/><path fill="#7E6EE6" d="M660 397h32v4h-32z"/><path fill-opacity=".8" fill="url(#b)" d="M34 33h24v176H34zm80 35h24v141h-24z" transform="translate(204 88)"/><path fill="url(#c)" d="M154 159h24v50h-24zM74 88h24v121H74z" transform="translate(204 88)"/><path fill-opacity=".8" fill="url(#b)" d="M194 121h24v88h-24zm80-12h24v100h-24z" transform="translate(204 88)"/><path fill="url(#c)" d="M314 48h24v161h-24z" transform="translate(204 88)"/><path fill-opacity=".8" fill="url(#b)" d="M354 109h24v100h-24zm80-61h24v161h-24zm80 76h24v85h-24z" transform="translate(204 88)"/><path fill="url(#c)" d="M394 135h24v74h-24zm80-39h24v113h-24zM234 68h24v141h-24z" transform="translate(204 88)"/><path fill="#4A5667" opacity=".24" d="M204 321h572v2H204z"/><path fill="#7E6EE6" d="M720 88h24v4h-24z"/><path fill="#59687C" d="M688 88h24v4h-24zm64 0h24v4h-24z"/><path d="M2 0h178v450H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z" fill-opacity=".8" fill="url(#d)"/><g transform="translate(20 12)"><circle fill="#F66" cx="4" cy="4" r="4"/><circle fill="#FFAF66" cx="20" cy="4" r="4"/><circle fill="#5AE0D2" cx="36" cy="4" r="4"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 8.0 KiB |
|
After Width: | Height: | Size: 16 KiB |
@@ -0,0 +1 @@
|
||||
<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M0 0h32v8H0z"/><path id="b" d="M12 24h20v8H12z"/><path id="c" d="M0 12h8v8H0z"/><path id="d" d="M12 12h8v8h-8z"/></defs><g fill="none" fill-rule="evenodd"><use fill="#A59AEE" xlink:href="#a"/><use fill="#7E6EE6" xlink:href="#b"/><use fill-opacity=".87" fill="#5AE0D2" xlink:href="#c"/><use fill="#85E8DE" xlink:href="#d"/></g></svg>
|
||||
|
After Width: | Height: | Size: 460 B |
|
Before Width: | Height: | Size: 6.7 KiB |
|
Before Width: | Height: | Size: 6.4 KiB |
|
Before Width: | Height: | Size: 1.8 MiB |
|
Before Width: | Height: | Size: 581 KiB |
|
Before Width: | Height: | Size: 5.1 MiB |
|
Before Width: | Height: | Size: 3.8 MiB |
|
Before Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 144 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 246 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 9.7 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 13 KiB |
@@ -1,68 +0,0 @@
|
||||
$(document).ready(function() {
|
||||
// popup when they try to log in or signup
|
||||
$('#login, #signup, .social-media-icons').click(function() {
|
||||
$('#popup')
|
||||
.text('Coming Soon!')
|
||||
.slideDown()
|
||||
.delay(4000)
|
||||
.slideUp();
|
||||
});
|
||||
|
||||
// email submission
|
||||
$('#email-form').submit(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
$.ajax({
|
||||
url: 'https://ucharify-api.herokuapp.com/api/users/landing',
|
||||
type: 'post',
|
||||
data: $('#email-form').serialize(),
|
||||
success: function(data) {
|
||||
//whatever you wanna do after the form is successfully submitted
|
||||
$('#popup')
|
||||
.text('Added to list! Thank you for joining!')
|
||||
.slideDown()
|
||||
.delay(4000)
|
||||
.slideUp();
|
||||
},
|
||||
error: function(error) {
|
||||
$('#popup')
|
||||
.text('Email invalid or exists')
|
||||
.slideDown()
|
||||
.delay(3000)
|
||||
.slideUp();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Countdown
|
||||
$('#countdown').countdown('2019/03/15', function(event) {
|
||||
$(this).text(event.strftime('%D days %H:%M:%S'));
|
||||
var $this = $(this).html(
|
||||
event.strftime(`
|
||||
<div class="time-factor"><span class="number-text">%w</span><span>weeks</span></div>
|
||||
<div class="time-factor"><span class="number-text">%d</span><span>days</span></div>
|
||||
<div class="time-factor"><span class="number-text">%H</span><span>hr</span></div>
|
||||
<div class="time-factor"><span class="number-text">%M</span><span>min</span></div>
|
||||
<div class="time-factor right-most"><span class="number-text">%S</span><span>sec</span></div>
|
||||
`)
|
||||
);
|
||||
});
|
||||
|
||||
// Slideshow main
|
||||
var myIndex = 0;
|
||||
carousel();
|
||||
|
||||
function carousel() {
|
||||
var i;
|
||||
var x = document.getElementsByClassName('mySlides');
|
||||
for (i = 0; i < x.length; i++) {
|
||||
x[i].style.display = 'none';
|
||||
}
|
||||
myIndex++;
|
||||
if (myIndex > x.length) {
|
||||
myIndex = 1;
|
||||
}
|
||||
x[myIndex - 1].style.display = 'block';
|
||||
setTimeout(carousel, 4000); // Change image every 2 seconds
|
||||
}
|
||||
});
|
||||
@@ -1,246 +0,0 @@
|
||||
/*!
|
||||
* The Final Countdown for jQuery v2.2.0 (http://hilios.github.io/jQuery.countdown/)
|
||||
* Copyright (c) 2016 Edson Hilios
|
||||
*
|
||||
* Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||||
* this software and associated documentation files (the "Software"), to deal in
|
||||
* the Software without restriction, including without limitation the rights to
|
||||
* use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
||||
* the Software, and to permit persons to whom the Software is furnished to do so,
|
||||
* subject to the following conditions:
|
||||
*
|
||||
* The above copyright notice and this permission notice shall be included in all
|
||||
* copies or substantial portions of the Software.
|
||||
*
|
||||
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
||||
* FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||||
* COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
||||
* IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
||||
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
*/
|
||||
(function(factory) {
|
||||
"use strict";
|
||||
if (typeof define === "function" && define.amd) {
|
||||
define([ "jquery" ], factory);
|
||||
} else {
|
||||
factory(jQuery);
|
||||
}
|
||||
})(function($) {
|
||||
"use strict";
|
||||
var instances = [], matchers = [], defaultOptions = {
|
||||
precision: 100,
|
||||
elapse: false,
|
||||
defer: false
|
||||
};
|
||||
matchers.push(/^[0-9]*$/.source);
|
||||
matchers.push(/([0-9]{1,2}\/){2}[0-9]{4}( [0-9]{1,2}(:[0-9]{2}){2})?/.source);
|
||||
matchers.push(/[0-9]{4}([\/\-][0-9]{1,2}){2}( [0-9]{1,2}(:[0-9]{2}){2})?/.source);
|
||||
matchers = new RegExp(matchers.join("|"));
|
||||
function parseDateString(dateString) {
|
||||
if (dateString instanceof Date) {
|
||||
return dateString;
|
||||
}
|
||||
if (String(dateString).match(matchers)) {
|
||||
if (String(dateString).match(/^[0-9]*$/)) {
|
||||
dateString = Number(dateString);
|
||||
}
|
||||
if (String(dateString).match(/\-/)) {
|
||||
dateString = String(dateString).replace(/\-/g, "/");
|
||||
}
|
||||
return new Date(dateString);
|
||||
} else {
|
||||
throw new Error("Couldn't cast `" + dateString + "` to a date object.");
|
||||
}
|
||||
}
|
||||
var DIRECTIVE_KEY_MAP = {
|
||||
Y: "years",
|
||||
m: "months",
|
||||
n: "daysToMonth",
|
||||
d: "daysToWeek",
|
||||
w: "weeks",
|
||||
W: "weeksToMonth",
|
||||
H: "hours",
|
||||
M: "minutes",
|
||||
S: "seconds",
|
||||
D: "totalDays",
|
||||
I: "totalHours",
|
||||
N: "totalMinutes",
|
||||
T: "totalSeconds"
|
||||
};
|
||||
function escapedRegExp(str) {
|
||||
var sanitize = str.toString().replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1");
|
||||
return new RegExp(sanitize);
|
||||
}
|
||||
function strftime(offsetObject) {
|
||||
return function(format) {
|
||||
var directives = format.match(/%(-|!)?[A-Z]{1}(:[^;]+;)?/gi);
|
||||
if (directives) {
|
||||
for (var i = 0, len = directives.length; i < len; ++i) {
|
||||
var directive = directives[i].match(/%(-|!)?([a-zA-Z]{1})(:[^;]+;)?/), regexp = escapedRegExp(directive[0]), modifier = directive[1] || "", plural = directive[3] || "", value = null;
|
||||
directive = directive[2];
|
||||
if (DIRECTIVE_KEY_MAP.hasOwnProperty(directive)) {
|
||||
value = DIRECTIVE_KEY_MAP[directive];
|
||||
value = Number(offsetObject[value]);
|
||||
}
|
||||
if (value !== null) {
|
||||
if (modifier === "!") {
|
||||
value = pluralize(plural, value);
|
||||
}
|
||||
if (modifier === "") {
|
||||
if (value < 10) {
|
||||
value = "0" + value.toString();
|
||||
}
|
||||
}
|
||||
format = format.replace(regexp, value.toString());
|
||||
}
|
||||
}
|
||||
}
|
||||
format = format.replace(/%%/, "%");
|
||||
return format;
|
||||
};
|
||||
}
|
||||
function pluralize(format, count) {
|
||||
var plural = "s", singular = "";
|
||||
if (format) {
|
||||
format = format.replace(/(:|;|\s)/gi, "").split(/\,/);
|
||||
if (format.length === 1) {
|
||||
plural = format[0];
|
||||
} else {
|
||||
singular = format[0];
|
||||
plural = format[1];
|
||||
}
|
||||
}
|
||||
if (Math.abs(count) > 1) {
|
||||
return plural;
|
||||
} else {
|
||||
return singular;
|
||||
}
|
||||
}
|
||||
var Countdown = function(el, finalDate, options) {
|
||||
this.el = el;
|
||||
this.$el = $(el);
|
||||
this.interval = null;
|
||||
this.offset = {};
|
||||
this.options = $.extend({}, defaultOptions);
|
||||
this.instanceNumber = instances.length;
|
||||
instances.push(this);
|
||||
this.$el.data("countdown-instance", this.instanceNumber);
|
||||
if (options) {
|
||||
if (typeof options === "function") {
|
||||
this.$el.on("update.countdown", options);
|
||||
this.$el.on("stoped.countdown", options);
|
||||
this.$el.on("finish.countdown", options);
|
||||
} else {
|
||||
this.options = $.extend({}, defaultOptions, options);
|
||||
}
|
||||
}
|
||||
this.setFinalDate(finalDate);
|
||||
if (this.options.defer === false) {
|
||||
this.start();
|
||||
}
|
||||
};
|
||||
$.extend(Countdown.prototype, {
|
||||
start: function() {
|
||||
if (this.interval !== null) {
|
||||
clearInterval(this.interval);
|
||||
}
|
||||
var self = this;
|
||||
this.update();
|
||||
this.interval = setInterval(function() {
|
||||
self.update.call(self);
|
||||
}, this.options.precision);
|
||||
},
|
||||
stop: function() {
|
||||
clearInterval(this.interval);
|
||||
this.interval = null;
|
||||
this.dispatchEvent("stoped");
|
||||
},
|
||||
toggle: function() {
|
||||
if (this.interval) {
|
||||
this.stop();
|
||||
} else {
|
||||
this.start();
|
||||
}
|
||||
},
|
||||
pause: function() {
|
||||
this.stop();
|
||||
},
|
||||
resume: function() {
|
||||
this.start();
|
||||
},
|
||||
remove: function() {
|
||||
this.stop.call(this);
|
||||
instances[this.instanceNumber] = null;
|
||||
delete this.$el.data().countdownInstance;
|
||||
},
|
||||
setFinalDate: function(value) {
|
||||
this.finalDate = parseDateString(value);
|
||||
},
|
||||
update: function() {
|
||||
if (this.$el.closest("html").length === 0) {
|
||||
this.remove();
|
||||
return;
|
||||
}
|
||||
var hasEventsAttached = $._data(this.el, "events") !== undefined, now = new Date(), newTotalSecsLeft;
|
||||
newTotalSecsLeft = this.finalDate.getTime() - now.getTime();
|
||||
newTotalSecsLeft = Math.ceil(newTotalSecsLeft / 1e3);
|
||||
newTotalSecsLeft = !this.options.elapse && newTotalSecsLeft < 0 ? 0 : Math.abs(newTotalSecsLeft);
|
||||
if (this.totalSecsLeft === newTotalSecsLeft || !hasEventsAttached) {
|
||||
return;
|
||||
} else {
|
||||
this.totalSecsLeft = newTotalSecsLeft;
|
||||
}
|
||||
this.elapsed = now >= this.finalDate;
|
||||
this.offset = {
|
||||
seconds: this.totalSecsLeft % 60,
|
||||
minutes: Math.floor(this.totalSecsLeft / 60) % 60,
|
||||
hours: Math.floor(this.totalSecsLeft / 60 / 60) % 24,
|
||||
days: Math.floor(this.totalSecsLeft / 60 / 60 / 24) % 7,
|
||||
daysToWeek: Math.floor(this.totalSecsLeft / 60 / 60 / 24) % 7,
|
||||
daysToMonth: Math.floor(this.totalSecsLeft / 60 / 60 / 24 % 30.4368),
|
||||
weeks: Math.floor(this.totalSecsLeft / 60 / 60 / 24 / 7),
|
||||
weeksToMonth: Math.floor(this.totalSecsLeft / 60 / 60 / 24 / 7) % 4,
|
||||
months: Math.floor(this.totalSecsLeft / 60 / 60 / 24 / 30.4368),
|
||||
years: Math.abs(this.finalDate.getFullYear() - now.getFullYear()),
|
||||
totalDays: Math.floor(this.totalSecsLeft / 60 / 60 / 24),
|
||||
totalHours: Math.floor(this.totalSecsLeft / 60 / 60),
|
||||
totalMinutes: Math.floor(this.totalSecsLeft / 60),
|
||||
totalSeconds: this.totalSecsLeft
|
||||
};
|
||||
if (!this.options.elapse && this.totalSecsLeft === 0) {
|
||||
this.stop();
|
||||
this.dispatchEvent("finish");
|
||||
} else {
|
||||
this.dispatchEvent("update");
|
||||
}
|
||||
},
|
||||
dispatchEvent: function(eventName) {
|
||||
var event = $.Event(eventName + ".countdown");
|
||||
event.finalDate = this.finalDate;
|
||||
event.elapsed = this.elapsed;
|
||||
event.offset = $.extend({}, this.offset);
|
||||
event.strftime = strftime(this.offset);
|
||||
this.$el.trigger(event);
|
||||
}
|
||||
});
|
||||
$.fn.countdown = function() {
|
||||
var argumentsArray = Array.prototype.slice.call(arguments, 0);
|
||||
return this.each(function() {
|
||||
var instanceNumber = $(this).data("countdown-instance");
|
||||
if (instanceNumber !== undefined) {
|
||||
var instance = instances[instanceNumber], method = argumentsArray[0];
|
||||
if (Countdown.prototype.hasOwnProperty(method)) {
|
||||
instance[method].apply(instance, argumentsArray.slice(1));
|
||||
} else if (String(method).match(/^[$A-Z_][0-9A-Z_$]*$/i) === null) {
|
||||
instance.setFinalDate.call(instance, method);
|
||||
instance.start();
|
||||
} else {
|
||||
$.error("Method %s does not exist on jQuery.countdown".replace(/\%s/gi, method));
|
||||
}
|
||||
} else {
|
||||
new Countdown(this, argumentsArray[0], argumentsArray[1]);
|
||||
}
|
||||
});
|
||||
};
|
||||
});
|
||||
@@ -1,34 +1 @@
|
||||
!(function() {
|
||||
const e = document.documentElement;
|
||||
if (
|
||||
(e.classList.remove('no-js'),
|
||||
e.classList.add('js'),
|
||||
document.body.classList.contains('has-animations'))
|
||||
) {
|
||||
const e = (window.sr = ScrollReveal());
|
||||
e.reveal(
|
||||
'.hero-title, .hero-paragraph, .join-paragraph, .hero-cta, #countdown',
|
||||
{
|
||||
duration: 1e3,
|
||||
distance: '40px',
|
||||
easing: 'cubic-bezier(0.5, -0.01, 0, 1.005)',
|
||||
origin: 'bottom',
|
||||
interval: 150
|
||||
}
|
||||
),
|
||||
e.reveal('.feature, .pricing-table', {
|
||||
duration: 600,
|
||||
distance: '40px',
|
||||
easing: 'cubic-bezier(0.5, -0.01, 0, 1.005)',
|
||||
interval: 100,
|
||||
origin: 'bottom',
|
||||
viewFactor: 0.5
|
||||
}),
|
||||
e.reveal('.feature-extended-image', {
|
||||
duration: 600,
|
||||
scale: 0.9,
|
||||
easing: 'cubic-bezier(0.5, -0.01, 0, 1.005)',
|
||||
viewFactor: 0.5
|
||||
});
|
||||
}
|
||||
})();
|
||||
!function(){const e=document,t=e.documentElement,i=e.body,n=window.sr=ScrollReveal({mobile:!1});t.classList.remove("no-js"),t.classList.add("js"),window.addEventListener("load",function(){i.classList.add("is-loaded")}),i.classList.contains("has-animations")&&window.addEventListener("load",function(){n.reveal(".features .section-title, .features-illustration, .feature",{delay:300,duration:600,distance:"60px",easing:"cubic-bezier(0.215, 0.61, 0.355, 1)",origin:"bottom",viewFactor:.2,interval:150}),n.reveal(".feature-extended:nth-child(odd) .feature-extended-body, .feature-extended:nth-child(even) .feature-extended-image",{duration:600,distance:"40px",easing:"cubic-bezier(0.215, 0.61, 0.355, 1)",origin:"right",viewFactor:.5}),n.reveal(".feature-extended:nth-child(even) .feature-extended-body, .feature-extended:nth-child(odd) .feature-extended-image",{duration:600,distance:"40px",easing:"cubic-bezier(0.215, 0.61, 0.355, 1)",origin:"left",viewFactor:.5}),n.reveal(".pricing-table, .testimonial, .cta-inner",{duration:600,distance:"60px",easing:"cubic-bezier(0.215, 0.61, 0.355, 1)",origin:"bottom",viewFactor:.5,interval:150})})}();
|
||||