Added templates for demo

timex/timex-9/js/form_script.js

@@ -0,0 +1,166 @@
+"use strict";
+/*
+ *Your Ajax Server Here if it was not defined in html site-config element, 
+ * use internal url (such as './ajaxserver/server.php') or 
+ * external URL such as:  url: 'http://www.example.com/avenir/ajaxserver/server.php'
+ * depending to your requirements
+ */
+var email_server_url = './ajaxserver/serverfile.php';
+var message_server_url = './ajaxserver/serverfile.php';
+//Check if action attribute (which indicates server) of form tag is set, then choose it (low 
+if($('.send_email_form').attr('action') && ($('.send_email_form').attr('action')) != ''){
+    email_server_url = $('.send_email_form').attr('action');
+}
+
+if($('.send_message_form').attr('action') && ($('.send_message_form').attr('action') != '')){
+    message_server_url = $('.send_message_form').attr('action');
+}
+
+
+
+$(function () {
+
+    var $ajax = {
+        sendEmail: function (p) {
+            var form_fill = $(p);
+
+            // Get the form data.
+            var form_inputs = form_fill.find(':input');
+            var form_data = {};
+            form_inputs.each(function () {
+                form_data[this.name] = $(this).val(); 
+            });
+            console.log(form_data);
+//            var form_data = $(form_fill).serialize();
+//            form_data['email'] = $('#email-sub').val(); 
+            $.ajax(
+                {
+                    /*
+                     *Your Ajax Server Here, 
+                     * use internal url (such as './ajaxserver/server.php') or 
+                     * external URL such as:  url: 'http://www.example.com/avenir/ajaxserver/server.php'
+                     * depending to your requirements
+                     */
+                    url: email_server_url,
+                    // url: $('.send_email_form').attr('action'),
+                    type: 'get',
+                    data: form_data,
+                    dataType: 'json',
+
+                    /* CALLBACK FOR SENDING EMAIL GOEAS HERE */
+                    success: function (data) {
+                        //Ajax connexion was a success, now handle response
+                        if (data && !data.error) {
+                            // Hide for if no error
+                            $('.invite').addClass('invisible');
+                            $('.send_email_form .email_f').addClass('invisible');
+                            $('.send_email_form .email_b').addClass('invisible');
+                            $('.send_email_form .fields').addClass('invisible');
+                            $('.send_email_form .email-ok').removeClass('invisible');
+                        }
+                        // Else the login credentials were invalid.
+                        else {
+                           //Ajax connexion reject an error a success, now handle response
+                            console.log('Could not process AJAX request to server');
+                        }
+                    },
+                    /* show error message */
+                    error: function (jqXHR, textStatus, errorThrown) {
+                        //ajax error
+                        console.log('ajax error');
+                        
+                    }
+                    /* END EMAIL SENDING CALLBACK */
+                });
+        },
+            
+        sendMessage:function (p) {
+            var form_fill = $(p);
+
+            // Get the form data.
+            var form_inputs = form_fill.find(':input');
+            var form_data = {};
+            form_inputs.each(function () {
+                form_data[this.name] = $(this).val(); 
+            });
+            console.log(form_data);
+            
+            $.ajax(
+                {
+                    /*
+                     *Your Ajax Server Here, 
+                     * use internal url (such as './ajaxserver/server.php') or 
+                     * external URL such as:  url: 'http://www.example.com/avenir/ajaxserver/server.php'
+                     * depending to your requirements
+                     */
+                    url: message_server_url,
+                    // url: $('.send_message_form').attr('action'),
+                    type: 'get',
+                    data: form_data,
+                    dataType: 'json',
+
+                    /* CALLBACK FOR SENDING EMAIL GOEAS HERE */
+                    success: function (data) {
+
+                        // If the returned login value successful.
+                        if (data && !data.error) {
+
+                           // notify user that message has been sent
+  $('.send_message_form input').val("");
+  $('.send_message_form textarea').val("");
+  $('.message-ok').removeClass('invisible');
+                        }
+                        // Else the login credentials were invalid.
+                        else {
+                            /* show validation error */
+                            $('.message').html(data.error);
+                        }
+                    },
+                    /* show error message */
+                    error: function (jqXHR, textStatus, errorThrown) {
+                        $('.message').html('Error when sending email.');
+                    }
+                    /* END EMAIL SENDING CALLBACK */
+            });
+        }
+    };
+
+    /* delegate submit event via ajax */
+    jQuery.validator.setDefaults({
+	  success: "valid"
+	});
+	$( ".send_email_form" ).validate({
+	  rules: {
+		field: {
+		  required: true,
+		  email: true
+		}
+	  }
+	});
+	$( ".send_message_form" ).validate({
+	  rules: {
+		field: {
+		  required: true,
+		  email: true
+		}
+	  }
+	});
+	$('.send_email_form').submit(function (event) {
+		if($(this).valid()){
+			event.preventDefault();
+	//        console.log('request sent to server');
+	//		alert('request sent to server');
+			$ajax.sendEmail(this);
+		}
+    });
+	 $('.send_message_form').submit(function (event) {
+		 if($(this).valid()){
+			event.preventDefault();
+	//        console.log('message should be sent');
+	//		alert('message should be sent');
+			$ajax.sendMessage(this);
+		 }
+    });
+    
+});
+

timex/timex-9/js/jquery.downCount.js

@@ -0,0 +1,160 @@
+"use strict";
+/**
+ * downCount: Simple Countdown clock with offset
+ * Author: Sonny T. <hi@sonnyt.com>, sonnyt.com
+ */
+$(".alt-clock .clock-place").append("<div class='clock-container' > <header class='c-logo-top'> <img class='logo' src='./img/logo_only.png' alt='Logo image'> </header> <div class='c-metric c-layout'> <div class='c-dot-small'> <div class='rot30 c-rect-s c-rect'> <div class='c-mes'></div> </div> <div class='rot60 c-rect-s c-rect'> <div class='c-mes'></div> </div> <div class='rot120 c-rect-s c-rect'> <div class='c-mes'></div> </div> <div class='rot150 c-rect-s c-rect'> <div class='c-mes'></div> </div> <div class='rot210 c-rect-s c-rect'> <div class='c-mes'></div> </div> <div class='rot240 c-rect-s c-rect'> <div class='c-mes'></div> </div> <div class='rot300 c-rect-s c-rect'> <div class='c-mes'></div> </div> <div class='rot330 c-rect-s c-rect'> <div class='c-mes'></div> </div> </div> <div class='c-minsec-number'> <div class='c-top c-num'>00</div> <div class='c-right c-num'>15</div> <div class='c-bottom c-num'>30</div> <div class='c-left c-num'>45</div> </div> </div> <div class='c-minute-bg c-layout'> <div class='c-circle'></div> </div> <div class='c-minute c-layout '> <div class='c-circle'></div> <div class='c-dot'></div> </div> <div class='c-second-bg c-layout'> <div class='c-circle'></div> </div> <div class='c-second c-layout '> <div class='c-circle'></div> <div class='c-dot'></div> </div> <div class='c-layout c-separator'> <div class='c-fill'> </div> </div> <div class='c-hour c-layout'> <span class='number hours'>00</span> <span class='metric'>h</span> </div> <div class='c-day c-layout'> <span class='number days'>000</span> <span class='metric'>days</span> </div> </div>");
+
+if($(".alt-clock .clock-place").attr('data-logosrc') 
+   && $(".alt-clock .clock-place").attr('data-logosrc') != ""){
+	var imgUrlSrc = $(".alt-clock .clock-place").attr('data-logosrc');
+	$(".alt-clock .clock-place .logo").attr("src",imgUrlSrc) ;
+//	$(".alt-clock .clock-place .logo").attr("src") = $(".alt-clock .clock-place").attr('data-logosrc');
+}
+
+(function ($) {
+
+    $.fn.downCount = function (options, callback) {
+        var settings = $.extend({
+                date: null,
+                offset: null
+            }, options);
+
+        // Throw error if date is not set
+        if (!settings.date) {
+            $.error('Date is not defined.');
+        }
+
+        // Throw error if date is set incorectly
+        if (!Date.parse(settings.date)) {
+            $.error('Incorrect date format, it should look like this, 12/24/2012 12:00:00.');
+        }
+
+        // Save container
+        var container = this;
+
+        /**
+         * Change client's local date to match offset timezone
+         * @return {Object} Fixed Date object.
+         */
+        
+        var secCount = -1;
+        var minCount = -1;
+            
+        var timeZone = +0;  
+        if($('.site-config').attr('data-date-timezone') && ($('.site-config').attr('data-date-timezone') != '')){
+            timeZone = $('.site-config').attr('data-date-timezone');
+        }
+        
+        var currentDate = function () {
+            // get client's current date
+            var date = new Date();
+            
+            // turn date to utc
+//            var utc = date.getTime() + (date.getTimezoneOffset() * 60000) - (360000*100);
+            var utc = date.getTime() + (date.getTimezoneOffset() * 60000) - (360000*100) +(360000*10)*timeZone;
+           
+//            var utc = date.getTime() + (date.getTimezoneOffset() * 60000);
+
+            // set new Date object
+            var new_date = new Date(utc + (3600000*settings.offset))
+            
+            return new_date;
+        };
+
+        /**
+         * Main downCount function that calculates everything
+         */
+        function countdown () {
+            var target_date = new Date(settings.date), // set target date
+                current_date = currentDate(); // get fixed current date
+
+            // difference of dates
+            var difference = target_date - current_date;
+
+            // if difference is negative than it's pass the target date
+            if (difference < 0) {
+                // stop timer
+                clearInterval(interval);
+
+                if (callback && typeof callback === 'function') callback();
+
+                return;
+            }
+
+            // basic math variables
+//            var _second = 1000,
+            var _second = 1000,
+                _minute = _second * 60,
+                _hour = _minute * 60,
+                _day = _hour * 24;
+			var _centi = _second / 100;
+
+            // calculate dates
+            var days = Math.floor(difference / _day),
+                hours = Math.floor((difference % _day) / _hour),
+                minutes = Math.floor((difference % _hour) / _minute),
+                seconds = Math.floor((difference % _minute) / _second),
+                centis = Math.floor((difference % _minute) / _centi );
+
+                // fix dates so that it will show two digets
+                days = (String(days).length >= 2) ? days : '0' + days;
+                hours = (String(hours).length >= 2) ? hours : '0' + hours;
+                minutes = (String(minutes).length >= 2) ? minutes : '0' + minutes;
+                seconds = (String(seconds).length >= 2) ? seconds : '0' + seconds;
+
+            // based on the date change the refrence wording
+            var ref_days = (days === 1) ? 'day' : 'days',
+                ref_hours = (hours === 1) ? 'hour' : 'hours',
+                ref_minutes = (minutes === 1) ? 'minute' : 'minutes',
+                ref_seconds = (seconds === 1) ? 'second' : 'seconds';
+            if(centis == 0){
+                centis = 6000;
+            }
+			if(seconds == 0){
+                seconds = 60;
+            }
+            if(seconds%60 == 0){                
+                secCount--;
+            }
+            
+            if(minutes == 0){
+                minutes = 60;
+            }
+            if((minutes%60 == 0) && (seconds == 59)){                
+                minCount--;
+            }
+
+            // set to DOM class or css according to position
+            container.find('.days').text(days);
+            container.find('.hours').text(hours);            
+            container.find('.minutes').text(minutes);            
+            container.find('.seconds').text(seconds);            
+			
+            container.find('.days_ref').text(ref_days);
+            container.find('.hours_ref').text(ref_hours);
+            container.find('.minutes_ref').text(ref_minutes);
+            container.find('.seconds_ref').text(ref_seconds);
+			
+			var minRot = (360*minCount) + minutes*6 + 'deg';
+            var secRot = (360*secCount) + seconds*6 + 'deg';
+            container.find('.c-minute').css({'transform':'rotate('+minRot+')','-webkit-transform':'rotate('+minRot+')','-ms-transform':'rotate('+minRot+')','-moz-transform':'rotate('+minRot+')'});
+            container.find('.c-second').css({'transform':'rotate('+secRot+')','-webkit-transform':'rotate('+secRot+')','-ms-transform':'rotate('+secRot+')','-moz-transform':'rotate('+secRot+')'});
+
+			// set knob value 
+			
+            $(".second .knob").val(centis).trigger("change");
+		};
+        
+        // start
+//        var interval = setInterval(countdown, 1000);
+//        var interval = setInterval(countdown, 1000*0.1);
+		if($(".clock-container").length || $(".alt-clock").length ){
+			var interval = setInterval(countdown, 250*1);
+		}
+		else{
+			var interval = setInterval(countdown, 250*1);
+		}
+    };
+
+})(jQuery);

timex/timex-9/js/main.js

@@ -0,0 +1,213 @@
+"use strict";
+/* 0. Initialization */
+// Get height on Window resized
+$(window).on('resize',function(){
+    var slideHeight = $('.slick-track').innerHeight();
+	return false;
+});
+
+
+// Smooth scroll <a> links 
+var $root = $('html, body');
+$('a.s-scroll').on('click',function() {
+    var href = $.attr(this, 'href');
+    $root.animate({
+        scrollTop: $(href).offset().top
+    }, 500, function () {
+        window.location.hash = href;
+    });
+    return false;
+});
+
+// Page Loader : hide loader when all are loaded
+$(window).load(function(){
+    $('#page-loader').addClass('hidden');
+});
+
+
+/* 1. Clock attribute */
+
+var dateReadableText = 'Upcoming date';
+    if($('.site-config').attr('data-date-readable') && ($('.site-config').attr('data-date-readable') != '')){
+        $('.timeout-day').text('');
+        dateReadableText = $('.site-config').attr('data-date-readable');        
+        $('.timeout-day').text(dateReadableText);
+    }
+$('.clock-countdown').downCount({
+    date: $('.site-config').attr('data-date'),
+    offset: +10
+}, function () {
+    //callback here if finished
+    //alert('YES, done!');
+    var zerodayText = 'An upcoming date';
+    if($('.site-config').attr('data-zeroday-text') && ($('.site-config').attr('data-zeroday-text') != '')){
+        $('.timeout-day').text('');
+        zerodayText = $('.site-config').attr('data-zeroday-text'); 
+    }
+    $('.timeout-day').text(zerodayText);
+});
+
+
+/* 2. Background for page / section */
+
+var background = '#ccc';
+var backgroundMask = 'rgba(255,255,255,0.92)';
+var backgroundVideoUrl = 'none';
+
+/* Background image as data attribut */
+var list = $('.bg-img');
+
+for (var i = 0; i < list.length; i++) {
+	var src = list[i].getAttribute('data-image-src');
+	list[i].style.backgroundImage = "url('" + src + "')";
+	list[i].style.backgroundRepeat = "no-repeat";
+	list[i].style.backgroundPosition = "center";
+	list[i].style.backgroundSize = "cover";
+}
+
+/* Background color as data attribut */
+var list = $('.bg-color');
+for (var i = 0; i < list.length; i++) {
+	var src = list[i].getAttribute('data-bgcolor');
+	list[i].style.backgroundColor = src;
+}
+
+/* Background slide show Background variables  */
+var imageList = $('.slide-show .img');
+var imageSlides = [];
+for (var i = 0; i < imageList.length; i++) {
+	var src = imageList[i].getAttribute('data-src');
+	imageSlides.push({src: src});
+}
+
+
+/* Slide Background variables */
+var isSlide = false;
+var slideElem = $('.slide');
+var arrowElem = $('.p-footer .arrow-d');
+var pageElem = $('.page');
+
+/* 3. Init all plugin on load */
+$(document).ready(function() {
+	/* Init console to avoid error */
+	var method;
+    var noop = function () {};
+    var methods = [
+        'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',
+        'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',
+        'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd',
+        'timeStamp', 'trace', 'warn'
+    ];
+    var length = methods.length;
+    var console = (window.console = window.console || {});
+
+    while (length--) {
+        method = methods[length];
+
+        // Only stub undefined methods.
+        if (!console[method]) {
+            console[method] = noop;
+        }
+    }
+	
+	/* Init Slidesow background */
+	 $('.slide-show').vegas({
+        delay: 5000,
+        shuffle: true,
+        slides: imageSlides,
+    	//transition: [ 'zoomOut', 'burn' ],
+		animation: [ 'kenburnsUp', 'kenburnsDown', 'kenburnsLeft', 'kenburnsRight' ]
+    });
+	
+	/* Init video background */
+	$('.video-container video, .video-container object').maximage('maxcover');
+	
+	/* Init youtube video background */
+	if(backgroundVideoUrl != 'none'){
+        
+        //disable video background for smallscreen
+        if($(window).width() > 640){
+          $.okvideo({ source: backgroundVideoUrl,
+                    adproof: true
+                    });
+        }
+    }
+	
+	/** Init fullpage.js */
+    $('#mainpage').fullpage({
+		menu: '#qmenu',
+		anchors: ['home',  'register', 'about-us', 'contact'],
+//        verticalCentered: false,
+//        resize : false,
+//		responsive: 900,
+		scrollOverflow: true,
+        css3: false,
+        navigation: true,
+		onLeave: function(index, nextIndex, direction){
+			arrowElem.addClass('gone');
+			pageElem.addClass('transition');
+//			$('.active').removeClass('transition');
+			slideElem.removeClass('transition');
+			isSlide = false;
+		},
+        afterLoad: function(anchorLink, index){
+			arrowElem.removeClass('gone');
+			pageElem.removeClass('transition');
+			if(isSlide){
+				slideElem.removeClass('transition');
+			}
+		},
+		
+        afterRender: function(){}
+    });
+});
+
+
+
+// Email validation text, uncomment below to use them
+/*
+// Email registration 
+var email_reg_elem = document.getElementById("reg-email");
+email_reg_elem.oninvalid = function(e) {
+	e.target.setCustomValidity("");
+	if (!e.target.validity.valid) {
+		e.target.setCustomValidity("This email field cannot be left blank");
+	}
+};
+email_reg_elem.oninput = function(e) {
+	e.target.setCustomValidity("");
+};
+// email message
+var email_message_elem = document.getElementById("mes-email");
+email_message_elem.oninvalid = function(e) {
+	e.target.setCustomValidity("");
+	if (!e.target.validity.valid) {
+		e.target.setCustomValidity("This email field cannot be left blank");
+	}
+};
+// name message
+email_message_elem.oninput = function(e) {
+	e.target.setCustomValidity("");
+};
+var name_message_elem = document.getElementById("mes-name");
+name_message_elem.oninvalid = function(e) {
+	e.target.setCustomValidity("");
+	if (!e.target.validity.valid) {
+		e.target.setCustomValidity("This name field cannot be left blank");
+	}
+};
+// text message
+name_message_elem.oninput = function(e) {
+	e.target.setCustomValidity("");
+};
+var text_message_elem = document.getElementById("mes-text");
+text_message_elem.oninvalid = function(e) {
+	e.target.setCustomValidity("");
+	if (!e.target.validity.valid) {
+		e.target.setCustomValidity("This text field cannot be left blank");
+	}
+};
+text_message_elem.oninput = function(e) {
+	e.target.setCustomValidity("");
+};
+*/

timex/timex-9/js/vendor/jquery.fullPage.css

@@ -0,0 +1,202 @@
+/**
+ * fullPage 2.6.0
+ * https://github.com/alvarotrigo/fullPage.js
+ * MIT licensed
+ *
+ * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
+ */
+html, body {
+    margin: 0;
+    padding: 0;
+    overflow:hidden;
+
+    /*Avoid flicker on slides transitions for mobile phones #336 */
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+#superContainer {
+    height: 100%;
+    position: relative;
+
+    /* Touch detection for Windows 8 */
+    -ms-touch-action: none;
+
+    /* IE 11 on Windows Phone 8.1*/
+    touch-action: none;
+}
+.fp-section {
+    position: relative;
+    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
+    -moz-box-sizing: border-box; /* <=28 */
+    box-sizing: border-box;
+}
+.fp-slide {
+    float: left;
+}
+.fp-slide, .fp-slidesContainer {
+    height: 100%;
+    display: block;
+}
+.fp-slides {
+    z-index:1;
+    height: 100%;
+    overflow: hidden;
+    position: relative;
+    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
+    transition: all 0.3s ease-out;
+}
+.fp-section.fp-table, .fp-slide.fp-table {
+    display: table;
+    table-layout:fixed;
+    width: 100%;
+}
+.fp-tableCell {
+    display: table-cell;
+    vertical-align: middle;
+    width: 100%;
+    height: 100%;
+}
+.fp-slidesContainer {
+    float: left;
+    position: relative;
+}
+.fp-controlArrow {
+    position: absolute;
+    z-index: 4;
+    top: 50%;
+    cursor: pointer;
+    width: 0;
+    height: 0;
+    border-style: solid;
+    margin-top: -38px;
+    -webkit-transform: translate3d(0,0,0);
+    -ms-transform: translate3d(0,0,0);
+    transform: translate3d(0,0,0);
+}
+.fp-controlArrow.fp-prev {
+    left: 15px;
+    width: 0;
+    border-width: 38.5px 34px 38.5px 0;
+    border-color: transparent #fff transparent transparent;
+}
+.fp-controlArrow.fp-next {
+    right: 15px;
+    border-width: 38.5px 0 38.5px 34px;
+    border-color: transparent transparent transparent #fff;
+}
+.fp-scrollable {
+    overflow: scroll;
+}
+.fp-notransition {
+    -webkit-transition: none !important;
+    transition: none !important;
+}
+#fp-nav {
+    position: fixed;
+    z-index: 100;
+    margin-top: -32px;
+    top: 50%;
+    opacity: 1;
+    -webkit-transform: translate3d(0,0,0);
+}
+#fp-nav.right {
+    right: 17px;
+}
+#fp-nav.left {
+    left: 17px;
+}
+.fp-slidesNav{
+    position: absolute;
+    z-index: 4;
+    left: 50%;
+    opacity: 1;
+}
+.fp-slidesNav.bottom {
+    bottom: 17px;
+}
+.fp-slidesNav.top {
+    top: 17px;
+}
+#fp-nav ul,
+.fp-slidesNav ul {
+  margin: 0;
+  padding: 0;
+}
+#fp-nav ul li,
+.fp-slidesNav ul li {
+    display: block;
+    width: 14px;
+    height: 13px;
+    margin: 7px;
+    position:relative;
+}
+.fp-slidesNav ul li {
+    display: inline-block;
+}
+#fp-nav ul li a,
+.fp-slidesNav ul li a {
+    display: block;
+    position: relative;
+    z-index: 1;
+    width: 100%;
+    height: 100%;
+    cursor: pointer;
+    text-decoration: none;
+}
+#fp-nav ul li a.active span,
+.fp-slidesNav ul li a.active span,
+#fp-nav ul li:hover a.active span,
+.fp-slidesNav ul li:hover a.active span{
+    height: 12px;
+    width: 12px;
+    margin: -6px 0 0 -6px;
+    border-radius: 100%;
+ }
+#fp-nav ul li a span,
+.fp-slidesNav ul li a span {
+    border-radius: 50%;
+    position: absolute;
+    z-index: 1;
+    height: 4px;
+    width: 4px;
+    border: 0;
+    background: #333;
+    left: 50%;
+    top: 50%;
+    margin: -2px 0 0 -2px;
+    -webkit-transition: all 0.1s ease-in-out;
+    -moz-transition: all 0.1s ease-in-out;
+    -o-transition: all 0.1s ease-in-out;
+    transition: all 0.1s ease-in-out;
+}
+#fp-nav ul li:hover a span,
+.fp-slidesNav ul li:hover a span{
+    width: 10px;
+    height: 10px;
+    margin: -5px 0px 0px -5px;
+}
+#fp-nav ul li .fp-tooltip {
+    position: absolute;
+    top: -2px;
+    color: #fff;
+    font-size: 14px;
+    font-family: arial, helvetica, sans-serif;
+    white-space: nowrap;
+    max-width: 220px;
+    overflow: hidden;
+    display: block;
+    opacity: 0;
+    width: 0;
+}
+#fp-nav ul li:hover .fp-tooltip,
+#fp-nav.fp-show-active a.active + .fp-tooltip {
+    -webkit-transition: opacity 0.2s ease-in;
+    transition: opacity 0.2s ease-in;
+    width: auto;
+    opacity: 1;
+}
+#fp-nav ul li .fp-tooltip.right {
+    right: 20px;
+}
+#fp-nav ul li .fp-tooltip.left {
+    left: 20px;
+}