Added templates for demo

This commit is contained in:
2019-12-08 15:41:01 +05:30
parent 4eb0c4b933
commit 685ea00b05
2368 changed files with 371593 additions and 0 deletions

View File

@@ -0,0 +1,119 @@
"use strict";
/* Ajax Form Plugin V 1.0.1
* Send contact and newsletter form data to a server and waiting for its response.
* Compatible with jqery validator plugin
*/
(function ($) {
$.fn.initForm = function (options) {
var settings = $.extend({
type: 'post',
serverUrl: '#',
successClean: this.find('.form-success-clean'),
successGone: this.find('.form-success-gone'),
successInvisible: this.find('.form-success-invisible'),
successVisible: this.find('.form-success-visible'),
textFeedback: this.find('.form-text-feedback'),
}, options);
var $ajax = {
sendRequest: 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();
});
$.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: settings.serverUrl,
type: settings.type,
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
settings.successClean.val("");
settings.successInvisible.addClass('invisible');
settings.successGone.addClass('gone');
settings.successVisible.removeClass('invisible');
settings.successVisible.removeClass('gone');
console.log('Request sent successfully');
}
// Else the login credentials were invalid.
else {
//Ajax connexion reject an error a success, now handle response
settings.textFeedback.removeClass('gone');
settings.textFeedback.removeClass('invisible');
settings.textFeedback.html('Error when sending request.');
console.log('Could not process AJAX request to server');
}
},
/* show error message */
error: function (jqXHR, textStatus, errorThrown) {
//ajax error
settings.textFeedback.removeClass('gone');
settings.textFeedback.removeClass('invisible');
settings.textFeedback.html('Error when sending request.');
console.log('ajax error');
}
/* END EMAIL SENDING CALLBACK */
});
}
};
//if jquery validator plugin is enable, use it
if (jQuery.validator) {
jQuery.validator.setDefaults({
success: "valid"
});
this.validate({
rules: {
field: {
required: true,
email: true
}
}
});
}
this.submit(function (event) {
// prevent default submit
console.log('Send request');
event.preventDefault();
// use jquery validator plugin if it is enabled
if (jQuery.validator) {
if ($(this).valid()) {
$ajax.sendRequest(this);
}
}
else {
$ajax.sendRequest(this);
}
});
};
}(jQuery));
/* End of ajax */
// Make them as plugin

View File

@@ -0,0 +1,140 @@
"use strict";
/**
* downCount: Simple Countdown clock with offset
* Author: Sonny T. <hi@sonnyt.com>, sonnyt.com
*/
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/2017 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);
};
// start
var interval = setInterval(countdown, 333.333);
};
})(jQuery);

433
flux/flux-5/js/main.js Normal file
View File

@@ -0,0 +1,433 @@
'use strict';
// var mainDocument = $(document);
// init foundation
// $(document).foundation();
// Init all plugin when document is ready
$(document).on('ready', function () {
// 0. 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 || {});
var contextWindow = $(window);
var $root = $('html, body');
while (length--) {
method = methods[length];
// Only stub undefined methods.
if (!console[method]) {
console[method] = noop;
}
}
// 1. 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";
}
// Image block to Background image
var listImgBlock = $('.img-block');
for (var i = 0; i < listImgBlock.length; i++) {
var src = listImgBlock[i].getAttribute('src');
var divBlock = document.createElement("div");
divBlock.setAttribute("class", "img");
divBlock.style.backgroundImage = "url('" + src + "')";
divBlock.style.backgroundRepeat = "no-repeat";
divBlock.style.backgroundPosition = "center";
divBlock.style.backgroundSize = "cover";
$(listImgBlock[i]).after(divBlock);
listImgBlock[i].style.display = "none";
}
// Background color as data attribut
var listColor = $('.bg-color');
for (var i = 0; i < listColor.length; i++) {
var src = listColor[i].getAttribute('data-bgcolor');
listColor[i].style.backgroundColor = src;
}
// 2. Init Coutdown clock
try {
// check if clock is initialised
$('.clock-countdown').downCount({
date: $('.site-config').attr('data-date'),
offset: +10
});
}
catch (error) {
// Clock error : clock is unavailable
console.log("clock disabled/unavailable");
}
// 3. Show/hide menu when icon is clicked
var menuItems = $('.all-menu-wrapper .nav-link');
var menuIcon = $('.menu-icon, #navMenuIcon');
var menuBlock = $('.all-menu-wrapper');
var reactToMenu = $ ('.page-main, .navbar-sidebar, .page-cover')
var menuLinks = $(".navbar-mainmenu a, .navbar-sidebar a");
// Menu icon clicked
menuIcon.on('click', function () {
menuIcon.toggleClass('menu-visible');
menuBlock.toggleClass('menu-visible');
menuItems.toggleClass('menu-visible');
reactToMenu.toggleClass('menu-visible');
return false;
});
// Hide menu after a menu item clicked
menuLinks.on('click', function () {
menuIcon.removeClass('menu-visible');
menuBlock.removeClass('menu-visible');
menuItems.removeClass('menu-visible');
reactToMenu.removeClass('menu-visible');
return true;
});
// 4 Carousel Slider
// 4.a carousel-alpha demo
$('.carousel-slick-alpha-demo').slick({
dots: true
});
// carousel-fullscreen : fullscreen projects slider
new Swiper('.carousel-swiper-fullscreen-demo .swiper-container', {
pagination: '.carousel-swiper-fullscreen-demo .items-pagination',
paginationClickable: '.carousel-fullscreen-demo .items-pagination',
nextButton: '.carousel-swiper-fullscreen-demo .items-button-next',
prevButton: '.carousel-swiper-fullscreen-demo .items-button-prev',
loop: true,
grabCursor: true,
centeredSlides: false,
autoplay: 5000,
autoplayDisableOnInteraction: false,
slidesPerView: 2,
spaceBetween: 16,
effect: 'slide',
breakpoints: {
440: {
slidesPerView: 1,
spaceBetween: 0
}
}
});
// carousel-beta :projects list slider
new Swiper('.carousel-swiper-beta-demo .swiper-container', {
pagination: '.carousel-swiper-beta-demo .items-pagination',
paginationClickable: '.carousel-beta-demo .items-pagination',
nextButton: '.carousel-swiper-beta-demo .items-button-next',
prevButton: '.carousel-swiper-beta-demo .items-button-prev',
loop: true,
grabCursor: true,
centeredSlides: false,
autoplay: 5000,
autoplayDisableOnInteraction: false,
slidesPerView: 2,
spaceBetween: 0,
breakpoints: {
1024: {
slidesPerView: 2,
},
800: {
slidesPerView: 1,
spaceBetween: 0
},
640: {
slidesPerView: 1,
spaceBetween: 0
},
440: {
slidesPerView: 1,
spaceBetween: 0
}
}
});
// 4.1 Slideshow slider
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-show').vegas({
delay: 5000,
shuffle: true,
slides: imageSlides,
animation: ['kenburnsUp', 'kenburnsDown', 'kenburnsLeft', 'kenburnsRight']
});
// 5. Init video background
var videoBg = $('.video-container video, .video-container object');
// 6. Prepare content for animation
$('.section .content .anim.anim-wrapped').wrap("<span class='anim-wrapper'></span>");
// 7. Init fullPage.js plugin
var pageSectionDivs = $('.page-fullpage .section');
var headerLogo = $('.header-top .logo');
var bodySelector = $('body');
var sectionSelector = $('.section');
var headerContainer = $('.hh-header');
var slideElem = $('.slide');
var arrowElem = $('.p-footer .arrow-d');
var siteFooter = $('.page-footer');
var siteHeader = $('.page-header');
var siteHeaderFooter = $('.page-header,.page-footer,.section-footer');
var pageElem = $('.section');
var pageSections = [];
var pageAnchors = [];
var nextSectionDOM;
var nextSection;
var fpnavItem;
var mainPage = $('#mainpage');
var galleryPage = $('#gallerypage');
var sendEmailForm = $('.send_email_form');
var sendMessageForm = $('.send_message_form');
var scrollOverflow = true;
var css3 = true;
// disable scroll overflow on small device
if (contextWindow.width() < 601) {
scrollOverflow = false;
css3 = false;
}
if (contextWindow.height() < 480) {
scrollOverflow = false;
css3 = false;
}
// Get sections name
for (var i = 0; i < pageSectionDivs.length; i++) {
pageSections.push(pageSectionDivs[i]);
}
window.asyncEach(pageSections, function (pageSection, cb) {
var anchor = pageSection.getAttribute('data-section');
pageAnchors.push(anchor + "");
cb();
}, function (err) {
// Init plugin
if (mainPage.width()) {
// config fullpage.js
mainPage.fullpage({
menu: '#qmenu',
anchors: pageAnchors,
verticalCentered: false,
css3: css3,
navigation: true,
responsiveWidth: 1024,
responsiveHeight: 480,
scrollOverflow: true,
// scrollOverflow: scrollOverflow,
scrollOverflowOptions: {
// scrollbars: false,
click: false,
submit: true,
},
normalScrollElements: '.section .scrollable',
afterRender: function () {
// init parallax
var parallaxCover = document.getElementById('parallax-cover')
if (parallaxCover) {
if (contextWindow.width() > 1024) {
var parallaxInstance = new Parallax(parallaxCover);
}
}
// init sliders
// carousel-alpha : team about us
new Swiper('.carousel-swiper-alpha-demo .swiper-container', {
pagination: '.carousel-swiper-alpha-demo .items-pagination',
paginationClickable: '.carousel-alpha-demo .items-pagination',
nextButton: '.carousel-swiper-alpha-demo .items-button-next',
prevButton: '.carousel-swiper-alpha-demo .items-button-prev',
loop: true,
grabCursor: true,
centeredSlides: false,
autoplay: 5000,
autoplayDisableOnInteraction: false,
slidesPerView: 2,
spaceBetween: 16,
effect: 'slide',
breakpoints: {
440: {
slidesPerView: 1,
spaceBetween: 0
}
}
});
// Fix video background
videoBg.maximage('maxcover');
// Fix for internet explorer : adjust content height
// Detect IE 6-11
var isIE = /*@cc_on!@*/false || !!document.documentMode;
if (isIE) {
var contentColumns = $('.section .content .c-columns');
contentColumns.height(contextWindow.height())
for (var i = 0; i < contentColumns.length; i++) {
if (contentColumns[i].height <= contextWindow.height()) {
contentColumns[i].style.height = "100vh";
}
}
}
// init contact form
// Default server url
var newsletterServerUrl = './ajaxserver/serverfile.php';
var messageServerUrl = './ajaxserver/serverfile.php';
// Use form define action attribute
if (sendEmailForm.attr('action') && (sendEmailForm.attr('action')) != '') {
newsletterServerUrl = sendEmailForm.attr('action');
}
if (sendMessageForm.attr('action') && (sendMessageForm.attr('action') != '')) {
messageServerUrl = sendMessageForm.attr('action');
}
sendEmailForm.initForm({
serverUrl: newsletterServerUrl,
});
sendMessageForm.initForm({
serverUrl: messageServerUrl,
});
},
afterResize: function () {
var pluginContainer = $(this);
$.fn.fullpage.reBuild();
// uncomment below to force reload windows on screen resize
if (contextWindow.width() > 1023) {
location.reload();
}
},
onLeave: function (index, nextIndex, direction) {
// Behavior when a full page is leaved
arrowElem.addClass('gone');
pageElem.addClass('transition');
slideElem.removeClass('transition');
pageElem.removeClass('transition');
},
afterLoad: function (anchorLink, index) {
// Behavior after a full page is loaded
var pageCover = $('.page-cover');
if (index > 1 ){
if (!pageCover.hasClass('scrolled')) {
pageCover.addClass('scrolled');
}
if (!siteHeader.hasClass('fp-scrolled')) {
siteHeader.addClass('fp-scrolled');
}
if (!siteFooter.hasClass('fp-scrolled')) {
siteFooter.addClass('fp-scrolled');
}
} else {
pageCover.removeClass('scrolled');
siteHeader.removeClass('fp-scrolled');
siteFooter.removeClass('fp-scrolled');
}
var activeSection = $('.section.active');
var fpNav = $('#fp-nav');
if (!activeSection.hasClass('section-anim')) {
// uncomment below for onetime animation
activeSection.addClass('section-anim');
}
if (activeSection.hasClass('section-text-bright')) {
// uncomment below for onetime animation
siteHeaderFooter.addClass('text-bright');
fpNav.addClass('text-bright');
} else {
siteHeaderFooter.removeClass('text-bright');
fpNav.removeClass('text-bright');
}
if (activeSection.hasClass('section-text-dark')) {
// uncomment below for onetime animation
siteHeaderFooter.addClass('text-dark');
fpNav.addClass('text-dark');
} else {
siteHeaderFooter.removeClass('text-dark');
fpNav.removeClass('text-dark');
}
// hide or show clock
if (activeSection.hasClass('hide-clock')) {
headerContainer.addClass('gone');
} else {
headerContainer.removeClass('gone');
}
}
});
}
});
// Scroll to fullPage.js next/previous section
$('.scrolldown .down, .scroll.down').on('click', function () {
try {
// fullpage scroll
$.fn.fullpage.moveSectionDown();
} catch (error) {
// normal scroll
$root.animate({
scrollTop: window.innerHeight
}, 400, function () {
});
}
});
// Scroll to fullPage.js next/previous section
$('.scrolldown .up, .scroll.up').on('click', function () {
try {
// fullpage scroll
$.fn.fullpage.moveSectionUp();
} catch (error) {
// normal scroll
$root.animate({
scrollTop: window.innerHeight
}, 400, function () {
});
}
});
// 8. Hide some ui on scroll
var scrollHeight = $(document).height() - contextWindow.height();
contextWindow.on('scroll', function () {
var scrollpos = $(this).scrollTop();
var siteHeaderFooter = $('.page-footer, .page-header');
// if (scrollpos > 10 && scrollpos < scrollHeight - 100) {
if (scrollpos > 100) {
siteHeaderFooter.addClass("scrolled");
}
else {
siteHeaderFooter.removeClass("scrolled");
}
});
// 9. Page Loader : hide loader when all are loaded
contextWindow.on('load', function () {
$('#page-loader').addClass('p-hidden');
$('.section').addClass('anim');
});
// 10. cursor position
var shadowBall = $(".cursor-ball");
$(".body-page").mousemove(function(e) {
shadowBall.css("transform", "translateX(" + e.pageX + "px)");
// shadowBall.css("transform", "translate(" + e.pageX + "px," + e.pageY +"px)");
// shadowBall.posx.value = e.pageX;
// shadowBall.posy.value = e.pageY;
});
});

File diff suppressed because one or more lines are too long

1
flux/flux-5/js/slick/slick.min.js vendored Normal file

File diff suppressed because one or more lines are too long

4
flux/flux-5/js/vegas/vegas.min.css vendored Normal file

File diff suppressed because one or more lines are too long

786
flux/flux-5/js/vendor/all.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,8 @@
/*!
* fullPage 2.9.5
* https://github.com/alvarotrigo/fullPage.js
* MIT licensed
*
* Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
*/.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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 .3s ease-out;transition:all .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{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;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:hidden;position:relative}.fp-scroller{overflow:hidden}.iScrollIndicator{border:0!important}.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;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important}.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-nav ul li:hover a.active span,.fp-slidesNav ul li 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 .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -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;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .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}.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{height:auto!important}.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important}
/*# sourceMappingURL=jquery.fullpage.min.css.map */

File diff suppressed because one or more lines are too long

2
flux/flux-5/js/vendor/parallax.min.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

15
flux/flux-5/js/vendor/swiper.min.css vendored Normal file

File diff suppressed because one or more lines are too long