Difference between revisions of "Team:CCU Taiwan"

 
(35 intermediate revisions by one other user not shown)
Line 10: Line 10:
 
     <script>
 
     <script>
  
−
    window.onscroll = function() {scrollFunction()};
 
  
−
    function myFunction() {
+
$(document).ready(function(){
−
        var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
+
  // Add smooth scrolling to all links
−
        var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
+
  $("a").on('click', function(event) {
−
        var scrolled = (winScroll / height) * 100;
+
−
        document.getElementById("myBar").style.height = scrolled + "%";
+
−
    }
+
  
−
     $(window).on('scroll', function() {
+
     // Make sure this.hash has a value before overriding default behavior
−
        if ($(window).scrollTop()) {
+
    if (this.hash !== "") {
−
            $('.container').css('background', '#808080');
+
      // Prevent default anchor click behavior
−
            $('nav ul li ul').css('background', '#808080');
+
      event.preventDefault();
−
            $('nav').css('opacity', '1');
+
 
−
         } else {
+
      // Store hash
−
            $('.container').css('background', '#000000');
+
      var hash = this.hash;
−
            $('nav ul li ul').css('background', '#000000');
+
 
−
            $('nav').css('opacity', '1');
+
      // Using jQuery's animate() method to add smooth page scroll
−
        }
+
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
−
     });
+
      $('html, body').animate({
−
    $(document).ready(function() {
+
         scrollTop: $(hash).offset().top
−
        $('#fullPage').fullpage({
+
      }, 800, function(){
−
            anchors: ['page1', 'page2', 'page3', 'page4', 'page5'],
+
 
−
            scrollingSpeed: 800,
+
        // Add hash (#) to URL when done scrolling (default click behavior)
−
            navigation: true,
+
        window.location.hash = hash;
−
        });
+
      });
−
    });
+
     } // End if
 +
  });
 +
});
 +
 
 +
 
 +
 
 +
 
 +
$(document).ready(function() {
 +
$('#fullpage').fullpage({
 +
autoScrolling: false,
 +
fitToSection: false
 +
});
 +
});
 
     $(document).ready(function(){
 
     $(document).ready(function(){
 
 
Line 79: Line 87:
 
</head>
 
</head>
 
  <header>
 
  <header>
−
                      <nav>
+
        <nav>
 
             <div class="container">
 
             <div class="container">
 
                 <ul class="front">
 
                 <ul class="front">
Line 92: Line 100:
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Medal"><li class="list" id="home3">Medals</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Medal"><li class="list" id="home3">Medals</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Judge"><li class="list" id="home4">For Judges</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Judge"><li class="list" id="home4">For Judges</li></a>
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Achievements"><li class="list" id="home5">Achievements</li></a>
 
                         </ul>
 
                         </ul>
 
                     </li>
 
                     </li>
Line 130: Line 139:
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Entrepreneurship"><li class="list" id="human_practice3">Entrepreneurship</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Entrepreneurship"><li class="list" id="human_practice3">Entrepreneurship</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/engaging_experts"><li class="list" id="human_practice4">Engaging Experts</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/engaging_experts"><li class="list" id="human_practice4">Engaging Experts</li></a>
−
<a href="https://2018.igem.org/Team:CCU_Taiwan/Intergrate"><li class="list" id="human_practice5">Intergrated HP</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Integrate"><li class="list" id="human_practice5">Integrated HP</li></a>
 
                         </ul>
 
                         </ul>
 
                     </li>
 
                     </li>
Line 145: Line 154:
 
             </div>
 
             </div>
 
         </nav>
 
         </nav>
−
 
 
     </header>
 
     </header>
 
<body>
 
<body>
Line 151: Line 159:
  
 
<div id="fullpage">
 
<div id="fullpage">
−
    <div class="section" id="section0">
+
<div class="section " id="section0">
−
            <center><a href="#secondPage" data-menuanchor="secondPage" class="scroll-down">
+
<div class="slide">
 +
<center><a href="#abnew" data-menuanchor="secondPage" class="scroll-down">
 
       <img src="https://static.igem.org/mediawiki/2018/e/e1/T--CCU_Taiwan--CCUdown_button.png" width="65" hieght="60">
 
       <img src="https://static.igem.org/mediawiki/2018/e/e1/T--CCU_Taiwan--CCUdown_button.png" width="65" hieght="60">
 
           </a></center>
 
           </a></center>
−
 
+
<video id="homelogo" loop muted data-autoplay>
−
        <video id="homelogo" loop muted data-autoplay>
+
 
               <source src="https://static.igem.org/mediawiki/2018/0/00/T--CCU_Taiwan--CCUfinallogo.mp4" type="video/mp4">
 
               <source src="https://static.igem.org/mediawiki/2018/0/00/T--CCU_Taiwan--CCUfinallogo.mp4" type="video/mp4">
 
               <source src="https://static.igem.org/mediawiki/2018/4/46/T--CCU_Taiwan--CCUfinallogo.webm" type="video/webm">
 
               <source src="https://static.igem.org/mediawiki/2018/4/46/T--CCU_Taiwan--CCUfinallogo.webm" type="video/webm">
 
             </video>
 
             </video>
−
    </div>
+
</div>
−
    <div class="section fp-auto-height" id="section1">
+
</div>
−
       
+
</div>
−
        <img src="https://static.igem.org/mediawiki/2018/4/40/T--CCU_Taiwan--CCUNewAbstract1.jpg" width="100%" hieght="auto">
+
−
    </div>
+
  
−
    <div class="section fp-auto-height" id="section2">
 
−
       
 
−
        <img src="https://static.igem.org/mediawiki/2018/d/d7/T--CCU_Taiwan--CCUNewAbstract3.jpg" width="100%" hieght="auto">
 
−
    </div>
 
  
−
    <div class="section fp-auto-height" id="section3">
+
<div class="wrap" id="abnew">
−
       
+
  <img src="https://static.igem.org/mediawiki/2018/d/d1/T--CCU_Taiwan--CCUPOLMER4564.jpg" width="100%" hieght="100%">
−
        <img src="https://static.igem.org/mediawiki/2018/5/5a/T--CCU_Taiwan--CCUNewAbstract2.jpg" width="100%" hieght="auto">
+
</div>
−
    </div>
+
  
−
    <div class="section fp-auto-height" id="section4">
+
<footer class="footer">
−
       
+
            <a href="http://huitong.com.tw">
−
        <img src="https://static.igem.org/mediawiki/2018/f/f2/T--CCU_Taiwan--CCUNewAbstract4.jpg" width="100%" hieght="auto">
+
              <img id="BSlogo" src="https://static.igem.org/mediawiki/2018/0/07/T--CCU_Taiwan--CCUP1.png" align="bottom">
−
    </div>
+
            </a>
  
−
    <div class="section fp-auto-height" id="section5">
+
            <a href="https://www.facebook.com/ccuigemteam/?ref=br_rs">
−
       
+
            <img id="CCUTEAMlogo" src="https://static.igem.org/mediawiki/2018/e/e3/T--CCU_Taiwan--CCUP2.png" align="bottom">
−
        <img src="https://static.igem.org/mediawiki/2018/7/79/T--CCU_Taiwan--CCUNewAbstract5.jpg" width="100%" hieght="auto">
+
            </a>
−
    </div>
+
  
−
    <div class="section fp-auto-height" id="section6">
+
            <a href="http://ewww.ccu.edu.tw/">
−
       
+
            <img id="CCUlogo" src="https://static.igem.org/mediawiki/2018/8/89/T--CCU_Taiwan--CCUP3.png" align="bottom">
−
        <img src="https://static.igem.org/mediawiki/2018/c/c2/T--CCU_Taiwan--CCUNewAbstract6.jpg" width="100%" hieght="auto">
+
            </a>
 +
</footer>
  
−
    </div>
 
−
</div>
 
  
 
<script type="text/javascript" src="https://2018.igem.org/Team:CCU_Taiwan/fullpagejs1"></script>
 
<script type="text/javascript" src="https://2018.igem.org/Team:CCU_Taiwan/fullpagejs1"></script>
Line 206: Line 205:
 
     popup.classList.toggle("show");
 
     popup.classList.toggle("show");
 
}
 
}
−
 
−
 
−
 
−
afterLoad: function(anchorLink, index) {
 
−
    if (index == 5) {
 
−
        $('#fp-nav').hide();
 
−
    }
 
−
}
 
−
 
−
onLeave: function(index, nextIndex, direction) {
 
−
    if(index == 5) {
 
−
        $('#fp-nav').show();
 
−
    }
 
−
}
 
−
 
−
function pagination() {
 
−
 
−
  var offset = $(document).scrollTop();
 
−
  var windowHeight = $(window).height();
 
−
  var $body = $('body');
 
−
 
−
  switch (true) {
 
−
    case (offset > (windowHeight * 3.75)):
 
−
      $body.removeClass().addClass('page-5');
 
−
      break;
 
−
    case (offset > (windowHeight * 2.75)):
 
−
      $body.removeClass().addClass('page-4');
 
−
      break;
 
−
    case (offset > (windowHeight * 1.75)):
 
−
      $body.removeClass().addClass('page-3');
 
−
      break;
 
−
    case (offset > (windowHeight * .75)):
 
−
      $body.removeClass().addClass('page-2');
 
−
      break;
 
−
    default:
 
−
      $body.removeClass().addClass('page-1');
 
−
  }
 
−
}
 
−
 
−
pagination();
 
−
 
−
$(document).on('scroll', pagination);
 
−
 
−
$(document).on('click', 'a[href^="#"]', function(e) {
 
−
    e.preventDefault();
 
−
    $('html, body').animate({
 
−
        scrollTop: $($.attr(this, 'href')).offset().top
 
−
    }, 500);
 
−
});
 
−
 
  
  

Latest revision as of 08:56, 1 December 2018