|
|
@@ -2,178 +2,96 @@ new WOW().init();
|
|
|
|
|
|
jQuery(document).ready(function($) {
|
|
|
|
|
|
-$(window).bind('load', function() {
|
|
|
- $('#loader').fadeOut(700);
|
|
|
-});
|
|
|
+ $(window).bind('load', function() {
|
|
|
+ $('#loader').fadeOut(2000);
|
|
|
+ });
|
|
|
|
|
|
-$(function () {
|
|
|
- $('[data-toggle="tooltip"]').tooltip()
|
|
|
-})
|
|
|
+ $(function () {
|
|
|
+ $('[data-toggle="tooltip"]').tooltip()
|
|
|
+ })
|
|
|
|
|
|
+ var person = localStorage.getItem('person');
|
|
|
|
|
|
-var person = localStorage.getItem('person');
|
|
|
+ $('.nav-toggle').on('touchstart click', function(e) {
|
|
|
+ e.preventDefault();
|
|
|
+ $( this ).toggleClass( 'active' );
|
|
|
+ });
|
|
|
|
|
|
+ $(function dw_hidenav() {
|
|
|
+ var headerHeight = $('.navbar').height();
|
|
|
+ $(window).on('scroll', { previousTop: 0 },
|
|
|
+ function() {
|
|
|
+ var currentTop = $(window).scrollTop();
|
|
|
+ if (currentTop < this.previousTop) {
|
|
|
+ if (currentTop > 0 && $('.navbar').hasClass('fixed')) {
|
|
|
+ $('.navbar').addClass('visible');
|
|
|
+ $('.site-title a').removeClass('light');
|
|
|
+ } else {
|
|
|
+ $('.navbar').removeClass('visible fixed');
|
|
|
+ $('.site-title a').addClass('light');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ $('.navbar').removeClass('visible');
|
|
|
+ if (currentTop > headerHeight && !$('.navbar').hasClass('fixed')) $('.navbar').addClass('fixed');
|
|
|
+ }
|
|
|
+ this.previousTop = currentTop;
|
|
|
+ }
|
|
|
+ );
|
|
|
+ });
|
|
|
|
|
|
-/*============================================
|
|
|
- Navigation
|
|
|
-==============================================*/
|
|
|
|
|
|
-$('.nav-toggle').on('touchstart click', function(e) {
|
|
|
- e.preventDefault();
|
|
|
- $( this ).toggleClass( 'active' );
|
|
|
-});
|
|
|
|
|
|
-//$('#nav').affix({
|
|
|
- //offset: {top: $('.intro').height()-$('.navbar').height()}
|
|
|
- //});
|
|
|
-
|
|
|
-$(function dw_hidenav() {
|
|
|
- var headerHeight = $('.navbar').height();
|
|
|
- $(window).on('scroll', { previousTop: 0 },
|
|
|
- function() {
|
|
|
- var currentTop = $(window).scrollTop();
|
|
|
- if (currentTop < this.previousTop) {
|
|
|
- if (currentTop > 0 && $('.navbar').hasClass('fixed')) {
|
|
|
- $('.navbar').addClass('visible');
|
|
|
- $('.site-title a').removeClass('light');
|
|
|
- } else {
|
|
|
- $('.navbar').removeClass('visible fixed');
|
|
|
- $('.site-title a').addClass('light');
|
|
|
- }
|
|
|
- }
|
|
|
- else {
|
|
|
- $('.navbar').removeClass('visible');
|
|
|
- if (currentTop > headerHeight && !$('.navbar').hasClass('fixed')) $('.navbar').addClass('fixed');
|
|
|
- }
|
|
|
- this.previousTop = currentTop;
|
|
|
- }
|
|
|
- );
|
|
|
-});
|
|
|
|
|
|
|
|
|
-/*============================================
|
|
|
- Carousel
|
|
|
-==============================================*/
|
|
|
-
|
|
|
-$('#caro-lead').carousel({
|
|
|
- interval: 5777,
|
|
|
- wrap: true,
|
|
|
- pause: false
|
|
|
-});
|
|
|
|
|
|
-function dw_caro(){
|
|
|
- $('#caro-lead').carousel({
|
|
|
- interval: 5777,
|
|
|
- wrap: true,
|
|
|
- pause: false
|
|
|
- });
|
|
|
var vidout = document.getElementById('tv');
|
|
|
vidout.play();
|
|
|
-}
|
|
|
-
|
|
|
-$('#caro-lead').on('slide.bs.carousel', function(event) {
|
|
|
- $('.carousel-caption').fadeIn(600);
|
|
|
- var consta = $(event.target);
|
|
|
- setTimeout(function() {
|
|
|
- if (consta.find('.item.active').data('id') === 1) {
|
|
|
- $('#tv').removeClass('unblur').addClass('blur');
|
|
|
- var anistars = new DrawFillSVG({elementId: 'sites'});
|
|
|
- anistars.replay();
|
|
|
- $('#tv').delay(100).queue(function(pauseit){
|
|
|
- var vidin = document.getElementById('tv');
|
|
|
- vidin.pause();
|
|
|
- pauseit();
|
|
|
- });
|
|
|
- }
|
|
|
- if (consta.find('.item.active').data('id') === 2) {
|
|
|
- $('#tv').removeClass('unblur').addClass('blur');
|
|
|
- var anibrain = new DrawFillSVG({elementId: 'brain'});
|
|
|
- anibrain.replay();
|
|
|
- $('#tv').delay(100).queue(function(pauseit){
|
|
|
- var vidin = document.getElementById('tv');
|
|
|
- vidin.pause();
|
|
|
- pauseit();
|
|
|
- });
|
|
|
- }
|
|
|
- if (consta.find('.item.active').data('id') === 3) {
|
|
|
- $('.leader').delay(100).queue(function(closeit){
|
|
|
- dw_caro_hide();
|
|
|
- closeit();
|
|
|
- });
|
|
|
- }
|
|
|
- }, 10);
|
|
|
-});
|
|
|
|
|
|
-function dw_caro_hide(){
|
|
|
- $('.leader').fadeTo(500,0, function() {
|
|
|
-
|
|
|
- $('#caro-lead').carousel('pause');
|
|
|
- })
|
|
|
-}
|
|
|
-
|
|
|
-$('#caro-lead').on('slid.bs.carousel', function() {
|
|
|
- $('.carousel-caption').fadeOut(600);
|
|
|
- $('#tv').delay(3200).queue(function(playit){
|
|
|
- $('#tv').addClass('unblur').removeClass('blur');
|
|
|
- var vidout = document.getElementById('tv');
|
|
|
- vidout.play();
|
|
|
- playit();
|
|
|
- });
|
|
|
-});
|
|
|
|
|
|
-$('.caro-grad').appear();
|
|
|
-$('.caro-grad').one('appear', dw_appear);
|
|
|
-function dw_appear() {
|
|
|
- $('#caro').carousel({
|
|
|
- interval: 5555,
|
|
|
- wrap: false,
|
|
|
- pause: false
|
|
|
- });
|
|
|
- var anima = new DrawFillSVG({elementId: 'sv'});
|
|
|
- anima.replay();
|
|
|
-};
|
|
|
+ $('#caro-lead').carousel({
|
|
|
+ interval: 5777,
|
|
|
+ wrap: true
|
|
|
+ });
|
|
|
|
|
|
-$(document).bind('keyup', function(e) {
|
|
|
- if(e.which === 39){
|
|
|
- //$('#caro-lead').carousel('next');
|
|
|
- $('#caro').carousel('next');
|
|
|
- }
|
|
|
- else if(e.which === 37){
|
|
|
- //$('#caro-lead').carousel('prev');
|
|
|
- $('#caro').carousel('prev');
|
|
|
- }
|
|
|
-});
|
|
|
+ $('#caro-lead').on('slid.bs.carousel', function(event) {
|
|
|
+ var consta = $('#caro-lead li.active');
|
|
|
+ console.log('target: ' + consta.data('target') + ' value: ' + consta.data('value') + ' slide-to: ' + consta.data('slideTo'));
|
|
|
+ $('.carousel-caption').fadeIn(600);
|
|
|
+ setTimeout(function() {
|
|
|
+ if (consta.data('slideTo') === 0) {
|
|
|
|
|
|
+ }
|
|
|
+ if (consta.data('slideTo') === 1) {
|
|
|
|
|
|
+ }
|
|
|
+ if (consta.data('slideTo') === 2) {
|
|
|
|
|
|
-/*============================================
|
|
|
- SVG Animate
|
|
|
-==============================================*/
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, 10);
|
|
|
+ });
|
|
|
|
|
|
-$('#caro').on('slid.bs.carousel', function() {
|
|
|
- $('.active .animac').removeClass('hide-svg fade-svg');
|
|
|
- var animac = new DrawFillSVG({elementId: 'svg-mac'});
|
|
|
- var animac1 = new DrawFillSVG({elementId: 'svg-imac'});
|
|
|
- var animac2 = new DrawFillSVG({elementId: 'svg'});
|
|
|
- animac.replay();
|
|
|
- animac1.replay();
|
|
|
- animac2.replay();
|
|
|
-});
|
|
|
+ function dw_caro_hide(){
|
|
|
+ $('.leader').fadeTo(500,0, function() {
|
|
|
+ $('#caro-lead').carousel('pause');
|
|
|
+ })
|
|
|
+ }
|
|
|
|
|
|
-$('#caro').on('slide.bs.carousel', function() {
|
|
|
- $('.active #svg-imac.bg').attr('class', 'svg screen');
|
|
|
- $('.active .animac').addClass('fade-svg').delay(1000).queue(function(hideit){
|
|
|
- $(this).addClass('hide-svg');
|
|
|
- hideit();
|
|
|
- });
|
|
|
-});
|
|
|
+ $(document).bind('keyup', function(e) {
|
|
|
+ if(e.which === 39){
|
|
|
+ $('#caro-lead').carousel('next');
|
|
|
+ }
|
|
|
+ else if(e.which === 37){
|
|
|
+ $('#caro-lead').carousel('prev');
|
|
|
+ }
|
|
|
+ });
|
|
|
|
|
|
-$('#caro').on('slid.bs.carousel', function() {
|
|
|
- $('.active #svg-imac.screen').delay(2500).queue(function(screenit){
|
|
|
- $(this).attr('class', 'bg');
|
|
|
- screenit();
|
|
|
+ $('#caro-lead').on('slid.bs.carousel', function() {
|
|
|
+ $('.active .animac').removeClass('hide-svg fade-svg');
|
|
|
+ var animac = new DrawFillSVG({elementId: 'brain'});
|
|
|
+ animac.replay();
|
|
|
});
|
|
|
-});
|
|
|
|
|
|
|
|
|
/*============================================
|
