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

 
(15 intermediate revisions by one other user not shown)
Line 3: Line 3:
 
     <div class="container ct-u-paddingBoth50">
 
     <div class="container ct-u-paddingBoth50">
 
         <div class="row ct-u-borderLeft">
 
         <div class="row ct-u-borderLeft">
             <div class="col-sm-12 col-md-4 ct-u-paddingBoth20">
+
             <div class="col-sm-12 col-md-8 ct-u-paddingBoth20 spon">
                 <p>
+
                 <ul>
                    <img src="./assets/images/content/logo2.png" alt="Orlando Logo">
+
                  <li><img width="150" src="https://static.igem.org/mediawiki/2018/7/74/T--METU_HS_Ankara--idt.jpg" alt=""></li>
                    <br>
+
                  <li><img width="150" src="https://static.igem.org/mediawiki/2018/0/0c/T--METU_HS_Ankara--math.jpg" alt=""></li>
                    <br>
+
                  <li><img width="150" src="https://static.igem.org/mediawiki/2018/0/02/T--METU_HS_Ankara--gen.jpg" alt=""></li>
                    Duis nec nulla turpis. Nulla lacinia laoreet odio, non lacinia nis felimml malesuada vel. Aenean
+
                  <li><img width="150" src="https://static.igem.org/mediawiki/parts/8/8a/T--METU_HS_Ankara_viya_logo.jpeg" alt=""></li>
                    malesuada fermentum bibendum. Quisque fringilla fermentum magna, sit amet ornare.
+
                  <li><img width="150" src="https://static.igem.org/mediawiki/2018/3/30/T--METU_HS_Ankara--nano.jpg" alt=""></li>
                 </p>
+
                  <li><img width="150" src="https://static.igem.org/mediawiki/2018/0/06/T--METU_HS_Ankara--btech.jpg" alt=""></li>
 +
                  <li><img width="150" src="https://static.igem.org/mediawiki/2018/3/3a/T--METU_HS_Ankara--sponbio.jpg" alt=""></li>
 +
                  <li><img width="150" src="https://static.igem.org/mediawiki/2018/4/4d/T--METU_HS_Ankara--odtu.jpg" alt=""></li>
 +
                 </ul>
 
             </div>
 
             </div>
 +
           
 
             <div class="col-sm-6 col-md-4 ct-u-paddingBoth30">
 
             <div class="col-sm-6 col-md-4 ct-u-paddingBoth30">
 
+
                 <h5 class="text-uppercase ct-fw-600"><i class="fa fa-dot-circle-o"></i> contact Us</h5>
                 <div class="widget">
+
                 <br>
                    <div class="widget-inner">
+
                 <span class="text-uppercase ct-fw-600">email</span>
                        <h5 class="text-uppercase"><i class="fa fa-dot-circle-o"></i> Lorem Ipsum</h5>
+
                        <ul>
+
                            <li>
+
                                <a href="#">Project - Description</a>
+
                            </li>
+
                            <li>
+
                                <a href="#">Project - Parts</a>
+
                            </li>
+
                            <li>
+
                                <a href="#">Project - Lorem Ipsum</a>
+
                            </li>
+
                        </ul>
+
                    </div>
+
                 </div>
+
            </div>
+
            <div class="col-sm-6 col-md-4 ct-u-paddingBoth30">
+
                 <h5 class="text-uppercase ct-fw-600"><i class="fa fa-dot-circle-o"></i> Lorem Ipsum</h5>
+
 
                 <br>
 
                 <br>
                 <span class="h3 ct-fw-800"><span class="ct-u-colorDarkerGray">+90</span> 532.211.11.11</span>
+
                 <a href="mailto:metuhsigemteam@gmail.com" class="text-lowercase ct-u-underline ct-fw-600">metuhsigemteam@gmail.com</a>
 
                 <br>
 
                 <br>
                 <span class="text-uppercase ct-fw-600">Metu HS Igem Ankara</span>
+
                 <span class="text-uppercase ct-fw-600">instagram</span>
 
                 <br>
 
                 <br>
                 <a href="mailto:office@orlando.me" class="text-uppercase ct-u-underline ct-fw-600">inancgok@gmail.com</a>
+
                 <a href="#" class="text-lowercase ct-u-underline ct-fw-600">@metuhsigem</a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 46: Line 33:
 
             <div class="row">
 
             <div class="row">
 
                 <div class="col-sm-6">
 
                 <div class="col-sm-6">
                     <p>COPYRIGHT © <a href="http://www.google.pl/">METU HS IGEM</a> 2018</p>
+
                     <p>COPYRIGHT © <a href="https://2018.igem.org/Team:METU_HS_Ankara">METU HS IGEM</a> 2018</p>
 
                 </div>
 
                 </div>
 
                 <div class="col-sm-6">
 
                 <div class="col-sm-6">
Line 53: Line 40:
 
                             <ul>
 
                             <ul>
 
                                 <li>
 
                                 <li>
                                    <a href="#" data-toggle="tooltip" data-placement="top" title="Pinterest"><i
+
                                     <a href="https://www.instagram.com/metuhsigem/" target="_blank" data-toggle="tooltip" data-placement="top" title="Instagram"><i class="fab fa-instagram"></i></a>
                                            class="fa fa-fw fa-pinterest"></i></a>
+
                                </li>
+
                                <li>
+
                                    <a href="#" data-toggle="tooltip" data-placement="top" title="Instagram"><i
+
                                            class="fa fa-fw fa-instagram"></i></a>
+
                                </li>
+
                                <li>
+
                                     <a href="https://www.facebook.com/createITpl" data-toggle="tooltip"
+
                                      data-placement="top" title="Facebook"><i class="fa fa-fw fa-facebook-square"></i></a>
+
                                </li>
+
                                <li>
+
                                    <a href="https://twitter.com/createitpl" data-toggle="tooltip" data-placement="top"
+
                                      title="Twitter"><i class="fa fa-fw fa-twitter"></i></a>
+
                                </li>
+
                                <li>
+
                                    <a href="#" data-toggle="tooltip" data-placement="top" title="LinkedIn"><i
+
                                            class="fa fa-fw fa-linkedin"></i></a>
+
 
                                 </li>
 
                                 </li>
 
                             </ul>
 
                             </ul>
Line 84: Line 54:
 
</div>
 
</div>
  
 +
</div>
  
 +
<!-- JavaScripts -->
 +
<script type="text/javascript" src="https://2018.igem.org/Template:METU_HS_Ankara/JS/Jquery?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Template:METU_HS_Ankara/JS/BootstrapJS?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Template:METU_HS_Ankara/JS/Placeholder?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Template:METU_HS_Ankara/JS/Easing?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Template:METU_HS_Ankara/JS/Device?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Template:METU_HS_Ankara/JS/Browser?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Template:METU_HS_Ankara/JS/Snap?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Template:METU_HS_Ankara/JS/Appear?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Template:METU_HS_Ankara/JS/WayPoints?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Template:METU_HS_Ankara/JS/WayPointsSticky?action=raw&ctype=text/javascript"></script>
  
<script src="http://kreatinmedya.com/demo/igem2018/assets/js/jquery.min.js"></script>
+
<script type="text/javascript" src="https://2018.igem.org/Template:METU_HS_Ankara/JS/MainJS?action=raw&ctype=text/javascript"></script>
<script src="http://kreatinmedya.com/demo/igem2018/assets/bootstrap/js/bootstrap.min.js"></script>
+
<script src="http://kreatinmedya.com/demo/igem2018/assets/js/jquery.placeholder.min.js"></script>
+
 
+
<script src="http://kreatinmedya.com/demo/igem2018/assets/js/jquery.easing.1.3.js"></script>
+
<script src="http://kreatinmedya.com/demo/igem2018/assets/js/device.min.js"></script>
+
<script src="http://kreatinmedya.com/demo/igem2018/assets/js/jquery.browser.min.js"></script>
+
<script src="http://kreatinmedya.com/demo/igem2018/assets/js/snap.min.js"></script>
+
<script src="http://kreatinmedya.com/demo/igem2018/assets/js/jquery.appear.js"></script>
+
<script src="http://kreatinmedya.com/demo/igem2018/assets/js/waypoints.min.js"></script>
+
<script src="http://kreatinmedya.com/demo/igem2018/assets/js/waypoints-sticky.min.js"></script>
+
 
+
<script src="http://kreatinmedya.com/demo/igem2018/assets/js/main.js"></script>
+
 
+
<script src="http://kreatinmedya.com/demo/igem2018/assets/js/ct-mediaSection/jquery.stellar.min.js"></script>
+
<script src="http://kreatinmedya.com/demo/igem2018/assets/js/ct-mediaSection/init.js"></script>
+
 
+
<script src="http://kreatinmedya.com/demo/igem2018/assets/js/charts/Chart.min.js"></script>
+
<script src="http://kreatinmedya.com/demo/igem2018/assets/js/charts/init.js"></script>
+
 
+
<script src="http://kreatinmedya.com/demo/igem2018/assets/js/flexslider/jquery.flexslider-min.js"></script>
+
<script src="http://kreatinmedya.com/demo/igem2018/assets/js/flexslider/init.js"></script>
+
 
+
<script src="http://kreatinmedya.com/demo/igem2018/assets/js/counter/jquery.countTo.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)) {
+
<script type="text/javascript" src="https://2018.igem.org/Template:METU_HS_Ankara/JS/Stellar?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Template:METU_HS_Ankara/JS/Init?action=raw&ctype=text/javascript"></script>
  
            jQuery('.ct-js-sidebar .row').masonry({
+
<script type="text/javascript" src="https://2018.igem.org/Template:METU_HS_Ankara/JS/Chart?action=raw&ctype=text/javascript"></script>
                itemSelector: '.col-sm-6.col-md-12',
+
<script type="text/javascript" src="https://2018.igem.org/Template:METU_HS_Ankara/JS/Chartinit?action=raw&ctype=text/javascript"></script>
                layoutMode: 'sloppyMasonry',
+
                resizable: false, // disable normal resizing
+
                // set columnWidth to a percentage of container width
+
                masonry: {}
+
            });
+
        }
+
    })
+
  
    $(window).scroll(function () {
+
<script type="text/javascript" src="https://2018.igem.org/Template:METU_HS_Ankara/JS/StoryJS?action=raw&ctype=text/javascript"></script>
        var scroll = $(window).scrollTop();
+
<script type="text/javascript" src="https://2018.igem.org/Template:METU_HS_Ankara/JS/TimelineINIT?action=raw&ctype=text/javascript"></script>
  
        if (scroll > 400) {
+
<script type="text/javascript" src="https://2018.igem.org/Template:METU_HS_Ankara/JS/FlexSlider?action=raw&ctype=text/javascript"></script>
            jQuery('.ct-js-btnScrollUp').addClass('is-active');
+
<script type="text/javascript" src="https://2018.igem.org/Template:METU_HS_Ankara/JS/FlexSliderinit?action=raw&ctype=text/javascript"></script>
        } else {
+
            jQuery('.ct-js-btnScrollUp').removeClass('is-active');
+
        }
+
  
        // Navbar Height // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
+
<script type="text/javascript" src="https://2018.igem.org/Template:METU_HS_Ankara/JS/CountTo?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Template:METU_HS_Ankara/JS/CountToinit?action=raw&ctype=text/javascript"></script>
  
        if (($bodyel.hasClass("ct-navbar--fixedTop"))) {
+
<script type="text/javascript" src="https://2018.igem.org/Template:METU_HS_Ankara/JS/PortfolioInit?action=raw&ctype=text/javascript"></script>
            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>

Latest revision as of 17:59, 7 November 2018