reorganized code

_website/project-files/js/functions.js

@@ -0,0 +1,173 @@
+// ========== Scroll Top ========== //
+$(window).scroll(function(){
+    if ($(this).scrollTop() > 140) {
+        $('.scrolltop').fadeIn();
+    } else {
+        $('.scrolltop').fadeOut();
+    }
+});
+
+$(document).ready(function() {
+    $('.scrolltop').on('click', function(e) {
+        $('body,html').animate({scrollTop: 0}, 800);
+    }); 
+});
+
+// ========== Smooth Scrolling ========== //
+$(document).ready(function() {
+  $('a[href^="#"]').click(function() {
+      var href = $.attr(this, 'href');
+
+      $('html, body').animate({
+          scrollTop: $(href).offset().top
+      }, 800, function () {
+          window.location.hash = href;
+      });
+
+      return false;
+  });
+});
+
+
+
+// ========== Sticky Nav ========== //
+window.onscroll = function() {myFunction()};
+
+  var navbar = document.getElementById("nav");
+  var sticky = navbar.offsetTop;
+
+  function myFunction() {
+    if (window.pageYOffset >= sticky) {
+      navbar.classList.add("sticky")
+    } else {
+      navbar.classList.remove("sticky");
+    }
+  }
+
+
+
+
+
+
+// ========== Responsive Menu ========== //
+/* Set Nav Arrows */
+$(document).ready(function() {
+  $('.sub-menu').parent().addClass('haschildren');
+});
+
+$(document).ready(function() {
+    "use strict";
+
+    var mobileWidth = 768,
+        isMobile    = null,
+        pull        = $('a#pull'),
+        menu        = $('nav'),
+        topMenuItems = $('nav > ul > li > .trigger'),
+        menuHeight  = menu.height();
+
+    $(pull).on('click', function(e) {
+        e.preventDefault();
+        menu.slideToggle();
+        $(this).toggleClass('pull_active');
+    });
+
+    var handleResize = function(){
+        var check = $(window).width() < mobileWidth;
+
+        if(check !== isMobile){
+            if (check) {
+                topMenuItems.on('click', function(event){
+                    var target = $(event.target),
+                        subMenu = target.siblings('.sub-menu');
+
+                    // Close all other Submenus
+                    $('nav .sub-menu').slideUp();
+                    $('nav .sub-menu').parent().removeClass("submenu_open");
+
+
+                    if(subMenu.length){
+                        event.preventDefault();
+
+                        if (target.parent().hasClass("submenu_open")){
+                          subMenu.slideUp();
+                          target.parent().removeClass("submenu_open");
+
+                        } else {
+                          if (subMenu.hasClass("level2")){
+                            $('.level2').each(function() {
+                                $(this).slideUp();
+                                $(this).parent().removeClass("submenu_open");
+
+                            });
+                          } else if (subMenu.hasClass("level3")){
+                            $('.level3').each(function() {
+                                $(this).slideUp();
+                                $(this).parent().removeClass("submenu_open");
+
+                            });
+                          }
+                          target.parent().addClass("submenu_open");
+                          subMenu.slideDown();
+                        }
+                        // subMenu.slideToggle();
+                        
+                    }
+                });
+            } else {
+                $('nav#mainmenu>ul>li>a').on('mouseover', function(e) {
+                      $(this).parent().addClass('submenu_open');
+                  });
+                $('nav#mainmenu>ul>li').on('mouseleave', function(e) {
+                      $(this).removeClass('submenu_open');
+                  });
+            }
+
+            isMobile = check;
+        }
+    };
+
+    $(window).resize(handleResize);
+    handleResize();
+});
+
+
+// ========== IMG 2 BG ========== //
+function img2bg() {
+
+    $('.img2bg').each(function(i, elem){
+      $(elem).css({
+        display : 'none'
+      });
+      // var new_element = document.createElement("div");
+      $(elem).parent().css({
+        backgroundSize : 'cover',
+        backgroundImage : 'url("' + $(elem).attr('src') + '")',
+        backgroundPosition : 'top center',
+      });
+      
+    });
+}
+
+$(document).ready(function(){img2bg();});
+
+
+// ========== Responsive Pictures ========== //
+function setPictureResponsive() {
+
+    var screenwidth = $(window).width();
+    var o = 'landscape';
+    if (screenwidth>768){
+        o = 'landscape';
+    }
+    else {o = 'portrait';}
+
+    $('img.picture').each(function() {
+        var $this = $(this);
+        var img_src = $this.data(o);
+        this.src = img_src;
+
+    });
+}
+
+$(document).ready(function(){setPictureResponsive();});
+$(window).resize(setPictureResponsive);

_website/project-files/js/preloader.js

@@ -0,0 +1,6 @@
+$('#preloader').fadeIn('fast'); 
+$(window).on('load', function() {
+    $('.spinner').fadeOut();
+    $('#preloader').delay(350).fadeOut('slow'); 
+    $('body').delay(350).css({'overflow':'visible'});
+});

_website/project-files/js/slick/fonts/slick.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by Fontastic.me</metadata>
+<defs>
+<font id="slick" horiz-adv-x="512">
+<font-face font-family="slick" units-per-em="512" ascent="480" descent="-32"/>
+<missing-glyph horiz-adv-x="512" />
+
+<glyph unicode="&#8594;" d="M241 113l130 130c4 4 6 8 6 13 0 5-2 9-6 13l-130 130c-3 3-7 5-12 5-5 0-10-2-13-5l-29-30c-4-3-6-7-6-12 0-5 2-10 6-13l87-88-87-88c-4-3-6-8-6-13 0-5 2-9 6-12l29-30c3-3 8-5 13-5 5 0 9 2 12 5z m234 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph unicode="&#8592;" d="M296 113l29 30c4 3 6 7 6 12 0 5-2 10-6 13l-87 88 87 88c4 3 6 8 6 13 0 5-2 9-6 12l-29 30c-3 3-8 5-13 5-5 0-9-2-12-5l-130-130c-4-4-6-8-6-13 0-5 2-9 6-13l130-130c3-3 7-5 12-5 5 0 10 2 13 5z m179 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph unicode="&#8226;" d="M475 256c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph unicode="&#97;" d="M475 439l0-128c0-5-1-9-5-13-4-4-8-5-13-5l-128 0c-8 0-13 3-17 11-3 7-2 14 4 20l40 39c-28 26-62 39-100 39-20 0-39-4-57-11-18-8-33-18-46-32-14-13-24-28-32-46-7-18-11-37-11-57 0-20 4-39 11-57 8-18 18-33 32-46 13-14 28-24 46-32 18-7 37-11 57-11 23 0 44 5 64 15 20 9 38 23 51 42 2 1 4 3 7 3 3 0 5-1 7-3l39-39c2-2 3-3 3-6 0-2-1-4-2-6-21-25-46-45-76-59-29-14-60-20-93-20-30 0-58 5-85 17-27 12-51 27-70 47-20 19-35 43-47 70-12 27-17 55-17 85 0 30 5 58 17 85 12 27 27 51 47 70 19 20 43 35 70 47 27 12 55 17 85 17 28 0 55-5 81-15 26-11 50-26 70-45l37 37c6 6 12 7 20 4 8-4 11-9 11-17z"/>
+</font></defs></svg>

_website/project-files/js/slick/slick-custom.js

@@ -0,0 +1,13 @@
+$(document).ready(function(){
+    $('.slider').slick({
+      slidesToShow: 1,
+      slidesToScroll: 1,
+      arrows: $('.slider').data('arrows'),
+      autoplay:$('.slider').data('autoplay'),
+      dots:$('.slider').data('dots'),
+      fade:$('.slider').data('fade'),
+      speed: 1000,
+      autoplaySpeed:5000,
+      adaptiveHeight:false
+    });
+});

_website/project-files/js/slick/slick-theme.css

@@ -0,0 +1,204 @@
+@charset 'UTF-8';
+/* Slider */
+.slick-loading .slick-list
+{
+    background: #fff url('./ajax-loader.gif') center center no-repeat;
+}
+
+/* Icons */
+@font-face
+{
+    font-family: 'slick';
+    font-weight: normal;
+    font-style: normal;
+
+    src: url('./fonts/slick.eot');
+    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
+}
+/* Arrows */
+.slick-prev,
+.slick-next
+{
+    font-size: 0;
+    line-height: 0;
+
+    position: absolute;
+    top: 50%;
+
+    display: block;
+
+    width: 20px;
+    height: 20px;
+    padding: 0;
+    -webkit-transform: translate(0, -50%);
+    -ms-transform: translate(0, -50%);
+    transform: translate(0, -50%);
+
+    cursor: pointer;
+
+    color: transparent;
+    border: none;
+    outline: none;
+    background: transparent;
+}
+.slick-prev:hover,
+.slick-prev:focus,
+.slick-next:hover,
+.slick-next:focus
+{
+    color: transparent;
+    outline: none;
+    background: transparent;
+}
+.slick-prev:hover:before,
+.slick-prev:focus:before,
+.slick-next:hover:before,
+.slick-next:focus:before
+{
+    opacity: 1;
+}
+.slick-prev.slick-disabled:before,
+.slick-next.slick-disabled:before
+{
+    opacity: .25;
+}
+
+.slick-prev:before,
+.slick-next:before
+{
+    font-family: 'slick';
+    font-size: 20px;
+    line-height: 1;
+
+    opacity: .75;
+    color: white;
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.slick-prev
+{
+    left: -25px;
+}
+[dir='rtl'] .slick-prev
+{
+    right: -25px;
+    left: auto;
+}
+.slick-prev:before
+{
+    content: '←';
+}
+[dir='rtl'] .slick-prev:before
+{
+    content: '→';
+}
+
+.slick-next
+{
+    right: -25px;
+}
+[dir='rtl'] .slick-next
+{
+    right: auto;
+    left: -25px;
+}
+.slick-next:before
+{
+    content: '→';
+}
+[dir='rtl'] .slick-next:before
+{
+    content: '←';
+}
+
+/* Dots */
+.slick-dotted.slick-slider
+{
+    margin-bottom: 30px;
+}
+
+.slick-dots
+{
+    position: absolute;
+    bottom: -25px;
+
+    display: block;
+
+    width: 100%;
+    padding: 0;
+    margin: 0;
+
+    list-style: none;
+
+    text-align: center;
+}
+.slick-dots li
+{
+    position: relative;
+
+    display: inline-block;
+
+    width: 20px;
+    height: 20px;
+    margin: 0 5px;
+    padding: 0;
+
+    cursor: pointer;
+}
+.slick-dots li button
+{
+    font-size: 0;
+    line-height: 0;
+
+    display: block;
+
+    width: 20px;
+    height: 20px;
+    padding: 5px;
+
+    cursor: pointer;
+
+    color: transparent;
+    border: 0;
+    outline: none;
+    background: transparent;
+}
+.slick-dots li button:hover,
+.slick-dots li button:focus
+{
+    outline: none;
+}
+.slick-dots li button:hover:before,
+.slick-dots li button:focus:before
+{
+    opacity: 1;
+}
+.slick-dots li button:before
+{
+    font-family: 'slick';
+    font-size: 6px;
+    line-height: 20px;
+
+    position: absolute;
+    top: 0;
+    left: 0;
+
+    width: 20px;
+    height: 20px;
+
+    content: '•';
+    text-align: center;
+
+    opacity: .25;
+    color: black;
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+.slick-dots li.slick-active button:before
+{
+    opacity: .75;
+    color: black;
+}

_website/project-files/js/slick/slick.css

@@ -0,0 +1,117 @@
+/* Slider */
+.slick-slider
+{
+    position: relative;
+
+    display: block;
+    box-sizing: border-box;
+
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+
+    -webkit-touch-callout: none;
+    -khtml-user-select: none;
+    -ms-touch-action: pan-y;
+        touch-action: pan-y;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.slick-list
+{
+    position: relative;
+
+    display: block;
+    overflow: hidden;
+
+    margin: 0;
+    padding: 0;
+}
+.slick-list:focus
+{
+    outline: none;
+}
+.slick-list.dragging
+{
+    cursor: pointer;
+    cursor: hand;
+}
+
+.slick-slider .slick-track,
+.slick-slider .slick-list
+{
+    -webkit-transform: translate3d(0, 0, 0);
+       -moz-transform: translate3d(0, 0, 0);
+        -ms-transform: translate3d(0, 0, 0);
+         -o-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+}
+
+.slick-track
+{
+    position: relative;
+    top: 0;
+    left: 0;
+
+    display: block;
+}
+.slick-track:before,
+.slick-track:after
+{
+    display: table;
+
+    content: '';
+}
+.slick-track:after
+{
+    clear: both;
+}
+.slick-loading .slick-track
+{
+    visibility: hidden;
+}
+
+.slick-slide
+{
+    display: none;
+    float: left;
+
+    height: 100%;
+    min-height: 1px;
+}
+[dir='rtl'] .slick-slide
+{
+    float: right;
+}
+.slick-slide img
+{
+    display: block;
+}
+.slick-slide.slick-loading img
+{
+    display: none;
+}
+.slick-slide.dragging img
+{
+    pointer-events: none;
+}
+.slick-initialized .slick-slide
+{
+    display: block;
+}
+.slick-loading .slick-slide
+{
+    visibility: hidden;
+}
+.slick-vertical .slick-slide
+{
+    display: block;
+
+    height: auto;
+
+    border: 1px solid transparent;
+}
+.slick-arrow.slick-hidden {
+    display: none;
+}