Difference between revisions of "Template:METU HS Ankara/footer"

Line 112: Line 112:
 
<script src="http://kreatinmedya.com/demo/igem2018/assets/js/counter/init.js"></script>
 
<script src="http://kreatinmedya.com/demo/igem2018/assets/js/counter/init.js"></script>
  
 +
<script>
 +
/**
 +
* createIT main javascript file.
 +
*/
  
 +
var $devicewidth = (window.innerWidth > 0) ? window.innerWidth : screen.width;
 +
var $deviceheight = (window.innerHeight > 0) ? window.innerHeight : screen.height;
 +
var $htmlel = jQuery("html");
 +
var $bodyel = jQuery("body");
 +
var $navbarel = jQuery(".navbar");
 +
 +
/* ========================== */
 +
/* ==== HELPER FUNCTIONS ==== */
 +
 +
function validatedata($attr, $defaultValue) {
 +
    "use strict";
 +
    if ($attr !== undefined) {
 +
        return $attr
 +
    }
 +
    return $defaultValue;
 +
}
 +
 +
function parseBoolean(str, $defaultValue) {
 +
    "use strict";
 +
    if (str == 'true') {
 +
        return true;
 +
    } else if (str == "false") {
 +
        return false;
 +
    }
 +
    return $defaultValue;
 +
}
 +
 +
(function ($) {
 +
    "use strict";
 +
    if (document.getElementById('ct-js-wrapper')) {
 +
        var snapper = new Snap({
 +
            element: document.getElementById('ct-js-wrapper')
 +
        });
 +
 +
        snapper.settings({
 +
            disable: "left",
 +
            addBodyClasses: true
 +
        });
 +
    }
 +
 +
    $(document).ready(function () {
 +
 +
        if (jQuery.browser.mozilla){$htmlel.addClass('browser-mozilla') }
 +
        if (jQuery.browser.webkit){$htmlel.addClass('browser-webkit') }
 +
        if (jQuery.browser.msie){$htmlel.addClass('browser-msie') }
 +
        if (jQuery.browser.safari){$htmlel.addClass('browser-safari') }
 +
 +
        // Add Color // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 +
 +
        $(".ct-js-color").each(function () {
 +
            $(this).css("color", '#' + $(this).attr("data-color"))
 +
        })
 +
 +
 +
        // Snap Navigation in Mobile // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 +
 +
 +
        if ($devicewidth > 767 && document.getElementById('ct-js-wrapper')) {
 +
            snapper.disable();
 +
        }
 +
 +
        $(".navbar-toggle").click(function () {
 +
            if ($bodyel.hasClass('snapjs-right')) {
 +
                snapper.close();
 +
            } else {
 +
                snapper.open('right');
 +
            }
 +
        });
 +
 +
        $('.ct-menuMobile .ct-menuMobile-navbar .dropdown > a').click(function (e) {
 +
            return false; // iOS SUCKS
 +
        })
 +
        $('.ct-menuMobile .ct-menuMobile-navbar .dropdown > a').click(function (e) {
 +
            var $this = $(this);
 +
            if ($this.parent().hasClass('open')) {
 +
                $(this).parent().removeClass('open');
 +
            } else {
 +
                $('.ct-menuMobile .ct-menuMobile-navbar .dropdown.open').toggleClass('open');
 +
                $(this).parent().addClass('open');
 +
            }
 +
        })
 +
 +
        $('.ct-menuMobile .ct-menuMobile-navbar .onepage > a').click(function (e) {
 +
            snapper.close();
 +
        })
 +
 +
        // Animations Init // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 +
 +
        if ($().appear) {
 +
            if (device.mobile() || device.tablet()) {
 +
                $("body").removeClass("cssAnimate");
 +
            } else {
 +
 +
                $('.cssAnimate .animated').appear(function () {
 +
                    var $this = $(this);
 +
 +
                    $this.each(function () {
 +
                        if ($this.data('time') != undefined) {
 +
                            setTimeout(function () {
 +
                                $this.addClass('activate');
 +
                                $this.addClass($this.data('fx'));
 +
                            }, $this.data('time'));
 +
                        } else {
 +
                            $this.addClass('activate');
 +
                            $this.addClass($this.data('fx'));
 +
                        }
 +
                    });
 +
                }, {accX: 50, accY: -350});
 +
            }
 +
        }
 +
 +
        // Tooltips and Popovers // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 +
 +
        $("[data-toggle='tooltip']").tooltip();
 +
 +
        $("[data-toggle='popover']").popover({trigger: "hover", html: true});
 +
 +
        // Section Spy // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 +
 +
        if ($devicewidth > 480) {
 +
            $('.ct-js-fixOnScroll').waypoint('sticky', {
 +
                direction: 'down',
 +
                stuckClass: 'stuck',
 +
                wrapper: '<div class="sticky-wrapper" />'
 +
            });
 +
        }
 +
 +
        // Section Spy // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 +
 +
        if ($bodyel.hasClass("ct-js-enableWayPoints") && $deviceheight > 500) {
 +
            if ($(".ct-js-wayPoint").length > 0) {
 +
                var $sectionTitle_container = document.createElement('div');
 +
                $sectionTitle_container.id = 'ct-sectionTitle-fixed';
 +
                $sectionTitle_container.className = 'ct-sectionTitle-fixed';
 +
                document.getElementsByTagName('body')[0].appendChild($sectionTitle_container);
 +
                $sectionTitle_container = document.getElementById("ct-sectionTitle-fixed");
 +
                var $sectionTitle = $(".ct-sectionTitle-fixed");
 +
                $sectionTitle.addClass("is-inactive");
 +
 +
                $sectionTitle_container.innerHTML = '<div class="container">' + document.querySelectorAll('ct-js-wayPoint').innerHTML + '</div>';
 +
 +
                var $prevElement;
 +
 +
                $(".ct-js-wayPoint").waypoint({
 +
                    handler: function (direction) {
 +
                        if (direction === "down") {
 +
                            $sectionTitle.removeClass("is-inactive");
 +
                            $sectionTitle_container.innerHTML = '<div class="container">' + $(this)[0].innerHTML + '</div>';
 +
                        } else if (direction === "up") {
 +
                            if ($.waypoints('above').length != 1) {
 +
                                $prevElement = $(this).waypoint('prev');
 +
                                $sectionTitle_container.innerHTML = '<div class="container">' + $prevElement[0].innerHTML + '</div>';
 +
                            } else {
 +
                                $sectionTitle.addClass("is-inactive");
 +
                            }
 +
                        }
 +
                    }
 +
                });
 +
            }
 +
        }
 +
 +
        // Link Scroll to Section // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 +
 +
        function goToByScroll(id) {
 +
            $('html,body').animate({scrollTop: $(id).offset().top - 70}, 'slow');
 +
        }
 +
 +
        $(document).ready(function () {
 +
            $('body .ct-js-btnScroll').click(function () {
 +
                goToByScroll($(this).attr('href'));
 +
                return false;
 +
            });
 +
        });
 +
 +
        $('.ct-js-btnScrollUp').click(function (e) {
 +
            e.preventDefault();
 +
            $("body,html").animate({scrollTop: 0}, 1200);
 +
            console.log($navbarel);
 +
            $navbarel.find('.onepage').removeClass('active');
 +
            $navbarel.find('.onepage:first-child').addClass('active');
 +
            return false;
 +
        });
 +
 +
        // Navbar Search // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 +
        var $searchform = $(".ct-navbar-search");
 +
        $('#ct-js-navSearch').click(function (e) {
 +
            e.preventDefault();
 +
 +
            $(this).toggleClass('is-active');
 +
            $searchform.fadeToggle(250, function () {
 +
                if (($searchform).is(":visible")) {
 +
                    $searchform.find("[type=text]").focus();
 +
                }
 +
            });
 +
            return false;
 +
        })
 +
 +
        // Placeholder Fallback // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 +
 +
        if ($().placeholder) {
 +
            $("input[placeholder],textarea[placeholder]").placeholder();
 +
        }
 +
    })
 +
 +
    $(window).on('resize', function () {
 +
        if ($(window).width() < 768) {
 +
            snapper.enable();
 +
        } else {
 +
            snapper.disable();
 +
        }
 +
    })
 +
 +
    $(document).mouseup(function (e) {
 +
        var $searchform = $(".ct-navbar-search");
 +
 +
        if (!$('#ct-js-navSearch').is(e.target)) {
 +
            if (!$searchform.is(e.target) // if the target of the click isn't the container...
 +
                && $searchform.has(e.target).length === 0) // ... nor a descendant of the container
 +
            {
 +
                $searchform.hide();
 +
                $('#ct-js-navSearch').removeClass('is-active');
 +
            }
 +
        }
 +
    });
 +
 +
    $(window).load(function () {
 +
        // Masonry For Sidebar // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 +
 +
        if (jQuery().masonry && (jQuery(window).width() < 992) && (jQuery(window).width() > 767)) {
 +
 +
            jQuery('.ct-js-sidebar .row').masonry({
 +
                itemSelector: '.col-sm-6.col-md-12',
 +
                layoutMode: 'sloppyMasonry',
 +
                resizable: false, // disable normal resizing
 +
                // set columnWidth to a percentage of container width
 +
                masonry: {}
 +
            });
 +
        }
 +
    })
 +
 +
    $(window).scroll(function () {
 +
        var scroll = $(window).scrollTop();
 +
 +
        if (scroll > 400) {
 +
            jQuery('.ct-js-btnScrollUp').addClass('is-active');
 +
        } else {
 +
            jQuery('.ct-js-btnScrollUp').removeClass('is-active');
 +
        }
 +
 +
        // Navbar Height // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 +
 +
        if (($bodyel.hasClass("ct-navbar--fixedTop"))) {
 +
            if (scroll >= 100) {
 +
                if ($bodyel.hasClass("ct-js-navbarMakeSmaller")) {
 +
                    $navbarel.addClass("is-small");
 +
                }
 +
                if ($bodyel.hasClass("ct-navbar-isTransparent-toInverse") || $bodyel.hasClass("ct-navbar-isTransparent-toDefault")) {
 +
                    $navbarel.removeClass("ct-navbar--transparent");
 +
                }
 +
                if ($bodyel.hasClass("ct-navbar-isTransparent-toInverse")) {
 +
                    $navbarel.addClass("navbar-inverse");
 +
                }
 +
                if ($bodyel.hasClass("ct-navbar-isTransparent-toDefault")) {
 +
                    $navbarel.addClass("navbar-default");
 +
                }
 +
            } else {
 +
                if ($bodyel.hasClass("ct-js-navbarMakeSmaller")) {
 +
                    $navbarel.removeClass("is-small");
 +
                }
 +
                if ($bodyel.hasClass("ct-navbar-isTransparent-toDefault") || $bodyel.hasClass("ct-navbar-isTransparent-toInverse")) {
 +
                    $navbarel.removeClass("navbar-default");
 +
                    $navbarel.removeClass("navbar-inverse");
 +
                    $navbarel.addClass("ct-navbar--transparent");
 +
                }
 +
            }
 +
        }
 +
 +
        // fixed navbar
 +
        if ($bodyel.is(".navbar-fixed.with-topbar")) {
 +
            if (scroll >= 100) {
 +
                $bodyel.addClass("hide-topbar");
 +
                if (!($bodyel.is(".revert-to-transparent"))) {
 +
                    $bodyel.addClass("navbar-with-shadow");
 +
                }
 +
            } else {
 +
                $bodyel.removeClass("hide-topbar navbar-with-shadow");
 +
            }
 +
        }
 +
    })
 +
 +
})(jQuery);
 +
</script>
 
</html>
 
</html>

Revision as of 23:01, 29 August 2018