|
|
(9 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
| <!-- JavaScript libraries --> | | <!-- JavaScript libraries --> |
− | <script src="//raw.githubusercontent.com/GartenChoi/KUAS/master/template/lib/jquery/jquery.min.js"></script> | + | <script src="http://kuas2018.cf/template/lib/jquery/jquery.min.js"></script> |
− | <script src="//raw.githubusercontent.com/GartenChoi/KUAS/master/template/lib/jquery/jquery-migrate.min.js"></script> | + | <script src="http://kuas2018.cf/template/lib/jquery/jquery-migrate.min.js"></script> |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/js/bootstrap.min.js"></script> | | <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/js/bootstrap.min.js"></script> |
− | <script src="//raw.githubusercontent.com/GartenChoi/KUAS/master/template/lib/easing/easing.min.js"></script> | + | <script src="http://kuas2018.cf/template/lib/easing/easing.min.js"></script> |
− | <script src="//raw.githubusercontent.com/GartenChoi/KUAS/master/template/lib/superfish/hoverIntent.js"></script> | + | <script src="http://kuas2018.cf/template/lib/superfish/hoverIntent.js"></script> |
− | <script src="//raw.githubusercontent.com/GartenChoi/KUAS/master/template/lib/superfish/superfish.min.js"></script> | + | <script src="http://kuas2018.cf/template/lib/superfish/superfish.min.js"></script> |
− | <script src="//raw.githubusercontent.com/GartenChoi/KUAS/master/template/lib/wow/wow.min.js"></script> | + | <script src="http://kuas2018.cf/template/lib/wow/wow.min.js"></script> |
− | <script src="//raw.githubusercontent.com/GartenChoi/KUAS/master/template/lib/waypoints/waypoints.min.js"></script> | + | <script src="http://kuas2018.cf/template/lib/waypoints/waypoints.min.js"></script> |
− | <script src="//raw.githubusercontent.com/GartenChoi/KUAS/master/template/lib/counterup/counterup.min.js"></script> | + | <script src="http://kuas2018.cf/template/lib/counterup/counterup.min.js"></script> |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> | | <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> |
− | <script src="//raw.githubusercontent.com/GartenChoi/KUAS/master/template/lib/isotope/isotope.pkgd.min.js"></script> | + | <script src="http://kuas2018.cf/template/lib/isotope/isotope.pkgd.min.js"></script> |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.10.0/js/lightbox.min.js"></script> | | <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.10.0/js/lightbox.min.js"></script> |
− | <script src="//raw.githubusercontent.com/GartenChoi/KUAS/master/template/lib/touchSwipe/jquery.touchSwipe.min.js"></script> | + | <script src="http://kuas2018.cf/template/lib/touchSwipe/jquery.touchSwipe.min.js"></script> |
− | <!-- Contact Form JavaScript File -->
| + | |
| | | |
− | <!-- Template Main Javascript File --> | + | <!-- my script--> |
| + | <script src="http://kuas2018.cf/template/main.js"></script> |
| + | |
| + | <!-- Channel Plugin Scripts --> |
| <script> | | <script> |
− | jQuery(document).ready(function( $ ) {
| + | window.channelPluginSettings = { |
| + | "pluginKey": "d4a613df-9550-46b1-abe4-e0c534fe4791", //please fill with your plugin key |
| + | }; |
| + | (function() { |
| | | |
− | // Back to top button
| + | console.clear(); |
− | $(window).scroll(function() {
| + | console.log("%cDesigned by JW Choi", "background: rgba(66,139,202,0.7); color: #ffffff; font-size: x-large"); |
− | if ($(this).scrollTop() > 100) {
| + | console.log("%cDeveloped by JW Choi", "background: rgba(66,139,202,0.7); color: #ffffff; font-size: x-large"); |
− | $('.back-to-top').fadeIn('slow');
| + | console.log("%cjedo0328@gmail.com", "background: rgba(66,139,202,0.7); color: #ffffff; font-size: large"); |
− | } else {
| + | |
− | $('.back-to-top').fadeOut('slow');
| + | |
− | }
| + | |
− | });
| + | |
− | $('.back-to-top').click(function(){
| + | |
− | $('html, body').animate({scrollTop : 0},1500, 'easeInOutExpo');
| + | |
− | return false;
| + | |
− | });
| + | |
| | | |
− | // Initiate the wowjs animation library
| + | var metaTag=document.createElement('meta'); |
− | new WOW().init();
| + | metaTag.name = "viewport" |
| + | metaTag.content = "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" |
| + | document.getElementsByTagName('head')[0].appendChild(metaTag); |
| | | |
− | // Initiate superfish on nav menu
| + | var w = window; |
− | $('.nav-menu').superfish({
| + | if (w.ChannelIO) { |
− | animation: { | + | return (window.console.error || window.console.log || function(){})('ChannelIO script included twice.'); |
− | opacity: 'show' | + | } |
− | },
| + | var d = window.document; |
− | speed: 400
| + | var ch = function() { |
− | });
| + | ch.c(arguments); |
− | | + | }; |
− | // Mobile Navigation
| + | ch.q = []; |
− | if ($('#nav-menu-container').length) {
| + | ch.c = function(args) { |
− | var $mobile_nav = $('#nav-menu-container').clone().prop({
| + | ch.q.push(args); |
− | id: 'mobile-nav'
| + | }; |
− | });
| + | w.ChannelIO = ch; |
− | $mobile_nav.find('> ul').attr({
| + | function l() { |
− | 'class': '',
| + | if (w.ChannelIOInitialized) { |
− | 'id': ''
| + | return; |
− | });
| + | |
− | $('body').append($mobile_nav); | + | |
− | $('body').prepend('<button type="button" id="mobile-nav-toggle"><i class="fa fa-bars"></i></button>'); | + | |
− | $('body').append('<div id="mobile-body-overly"></div>');
| + | |
− | $('#mobile-nav').find('.menu-has-children').prepend('<i class="fa fa-chevron-down"></i>'); | + | |
− | | + | |
− | $(document).on('click', '.menu-has-children i', function(e) {
| + | |
− | $(this).next().toggleClass('menu-item-active'); | + | |
− | $(this).nextAll('ul').eq(0).slideToggle();
| + | |
− | $(this).toggleClass("fa-chevron-up fa-chevron-down");
| + | |
− | }); | + | |
− | | + | |
− | $(document).on('click', '#mobile-nav-toggle', function(e) { | + | |
− | $('body').toggleClass('mobile-nav-active');
| + | |
− | $('#mobile-nav-toggle i').toggleClass('fa-times fa-bars');
| + | |
− | $('#mobile-body-overly').toggle();
| + | |
− | }); | + | |
− | | + | |
− | $(document).click(function(e) {
| + | |
− | var container = $("#mobile-nav, #mobile-nav-toggle"); | + | |
− | if (!container.is(e.target) && container.has(e.target).length === 0) {
| + | |
− | if ($('body').hasClass('mobile-nav-active')) {
| + | |
− | $('body').removeClass('mobile-nav-active');
| + | |
− | $('#mobile-nav-toggle i').toggleClass('fa-times fa-bars');
| + | |
− | $('#mobile-body-overly').fadeOut();
| + | |
− | }
| + | |
− | }
| + | |
− | }); | + | |
− | } else if ($("#mobile-nav, #mobile-nav-toggle").length) {
| + | |
− | $("#mobile-nav, #mobile-nav-toggle").hide(); | + | |
− | }
| + | |
− | | + | |
− | // Smooth scroll for the menu and links with .scrollto classes
| + | |
− | $('.nav-menu a, #mobile-nav a, .scrollto, .cta-btn').on('click', function() {
| + | |
− | if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
| + | |
− | var target = $(this.hash);
| + | |
− | if (target.length) { | + | |
− | var top_space = 0;
| + | |
− | | + | |
− | if ($('#header').length) {
| + | |
− | top_space = $('#header').outerHeight();
| + | |
− | | + | |
− | if( ! $('#header').hasClass('header-fixed') ) {
| + | |
− | top_space = top_space - 20;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | $('html, body').animate({
| + | |
− | scrollTop: target.offset().top - top_space
| + | |
− | }, 1500, 'easeInOutExpo');
| + | |
− | | + | |
− | if ($(this).parents('.nav-menu').length) {
| + | |
− | $('.nav-menu .menu-active').removeClass('menu-active');
| + | |
− | $(this).closest('li').addClass('menu-active');
| + | |
− | }
| + | |
− | | + | |
− | if ($('body').hasClass('mobile-nav-active')) {
| + | |
− | $('body').removeClass('mobile-nav-active');
| + | |
− | $('#mobile-nav-toggle i').toggleClass('fa-times fa-bars');
| + | |
− | $('#mobile-body-overly').fadeOut();
| + | |
− | }
| + | |
− | return false; | + | |
| } | | } |
| + | w.ChannelIOInitialized = true; |
| + | var s = document.createElement('script'); |
| + | s.type = 'text/javascript'; |
| + | s.async = true; |
| + | s.src = 'https://cdn.channel.io/plugin/ch-plugin-web.js'; |
| + | s.charset = 'UTF-8'; |
| + | var x = document.getElementsByTagName('script')[0]; |
| + | x.parentNode.insertBefore(s, x); |
| } | | } |
− | });
| + | if (document.readyState === 'complete') { |
− | | + | l(); |
− | // Header scroll class
| + | } else if (window.attachEvent) { |
− | $(window).scroll(function() {
| + | window.attachEvent('onload', l); |
− | if ($(this).scrollTop() > 100) { | + | |
− | $('#header').addClass('header-scrolled'); | + | |
| } else { | | } else { |
− | $('#header').removeClass('header-scrolled'); | + | window.addEventListener('DOMContentLoaded', l, false); |
| + | window.addEventListener('load', l, false); |
| } | | } |
− | }); | + | })(); |
− | | + | |
− | // Intro carousel
| + | |
− | var introCarousel = $(".carousel");
| + | |
− | var introCarouselIndicators = $(".carousel-indicators");
| + | |
− | introCarousel.find(".carousel-inner").children(".carousel-item").each(function(index) {
| + | |
− | (index === 0) ?
| + | |
− | introCarouselIndicators.append("<li data-target='#introCarousel' data-slide-to='" + index + "' class='active'></li>") :
| + | |
− | introCarouselIndicators.append("<li data-target='#introCarousel' data-slide-to='" + index + "'></li>");
| + | |
− | | + | |
− | $(this).css("background-image", "url('" + $(this).children('.carousel-background').children('img').attr('src') +"')");
| + | |
− | $(this).children('.carousel-background').remove();
| + | |
− | });
| + | |
− | | + | |
− | $(".carousel").swipe({
| + | |
− | swipe: function(event, direction, distance, duration, fingerCount, fingerData) {
| + | |
− | if (direction == 'left') $(this).carousel('next');
| + | |
− | if (direction == 'right') $(this).carousel('prev');
| + | |
− | },
| + | |
− | allowPageScroll:"vertical"
| + | |
− | });
| + | |
− | | + | |
− | // Skills section
| + | |
− | $('#skills').waypoint(function() {
| + | |
− | $('.progress .progress-bar').each(function() {
| + | |
− | $(this).css("width", $(this).attr("aria-valuenow") + '%');
| + | |
− | });
| + | |
− | }, { offset: '80%'} );
| + | |
− | | + | |
− | // jQuery counterUp (used in Facts section)
| + | |
− | $('[data-toggle="counter-up"]').counterUp({
| + | |
− | delay: 10,
| + | |
− | time: 1000
| + | |
− | });
| + | |
− | | + | |
− | // Porfolio isotope and filter
| + | |
− | var portfolioIsotope = $('.portfolio-container').isotope({
| + | |
− | itemSelector: '.portfolio-item',
| + | |
− | layoutMode: 'fitRows'
| + | |
− | });
| + | |
− | | + | |
− | $('#portfolio-flters li').on( 'click', function() {
| + | |
− | $("#portfolio-flters li").removeClass('filter-active');
| + | |
− | $(this).addClass('filter-active');
| + | |
− | | + | |
− | portfolioIsotope.isotope({ filter: $(this).data('filter') });
| + | |
− | });
| + | |
− | | + | |
− | // Clients carousel (uses the Owl Carousel library)
| + | |
− | $(".clients-carousel").owlCarousel({
| + | |
− | autoplay: true,
| + | |
− | dots: true,
| + | |
− | loop: true,
| + | |
− | responsive: { 0: { items: 2 }, 768: { items: 4 }, 900: { items: 6 }
| + | |
− | }
| + | |
− | });
| + | |
− | | + | |
− | // Testimonials carousel (uses the Owl Carousel library)
| + | |
− | $(".testimonials-carousel").owlCarousel({
| + | |
− | autoplay: true,
| + | |
− | dots: true,
| + | |
− | loop: true,
| + | |
− | items: 1
| + | |
− | });
| + | |
− |
| + | |
− | });
| + | |
| </script> | | </script> |
| + | <!-- End Channel Plugin --> |
| </html> | | </html> |