Difference between revisions of "Team:CCU Taiwan"

 
(47 intermediate revisions by 2 users 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 90: Line 98:
 
                             <a href="https://2018.igem.org/Team:CCU_Taiwan/Team"><li class="list" id="home1">Team</li></a>
 
                             <a href="https://2018.igem.org/Team:CCU_Taiwan/Team"><li class="list" id="home1">Team</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Attributions"><li class="list" id="home2">Attributions</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Attributions"><li class="list" id="home2">Attributions</li></a>
−
<a href="https://2018.igem.org/Team:CCU_Taiwan/Medal"><li class="list" id="home2">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="home3">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 100: Line 109:
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Results"><li class="list" id="project3">Results</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Results"><li class="list" id="project3">Results</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Demonstrate"><li class="list" id="project4">Demonstration</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Demonstrate"><li class="list" id="project4">Demonstration</li></a>
−
<a href="https://2018.igem.org/Team:CCU_Taiwan/InterLab "><li class="list" id="project5">InterLab</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/InterLab"><li class="list" id="project5">InterLab</li></a>
 
</ul>
 
</ul>
 
</li>
 
</li>
 
                     <li class="title" style="cursor:pointer;" id="Parts"><img class="img_title" src="https://static.igem.org/mediawiki/2018/1/17/T--CCU_Taiwan--part.png"></img><a>Parts</a>
 
                     <li class="title" style="cursor:pointer;" id="Parts"><img class="img_title" src="https://static.igem.org/mediawiki/2018/1/17/T--CCU_Taiwan--part.png"></img><a>Parts</a>
 
                         <ul class="sub" id="sub_parts" style="cursor:default;">
 
                         <ul class="sub" id="sub_parts" style="cursor:default;">
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Parts"><li class="list" id="parts1">Overview</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Basic_Part"><li class="list" id="parts1">Basic Part</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Basic_Part"><li class="list" id="parts1">Basic Part</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Composite_Part"><li class="list" id="parts2">Composite Part</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Composite_Part"><li class="list" id="parts2">Composite Part</li></a>
−
<a href="https://2018.igem.org/Team:CCU_Taiwan/Improve"><li class="list" id="parts3">Improved Part</li></a>
 
 
                         </ul>
 
                         </ul>
 
                     </li>
 
                     </li>
Line 113: Line 122:
 
                         <ul class="sub" id="sub_modeling" style="cursor:default;">
 
                         <ul class="sub" id="sub_modeling" style="cursor:default;">
 
                             <a href="https://2018.igem.org/Team:CCU_Taiwan/Model"><li class="list" id="model1">Overview</li></a>
 
                             <a href="https://2018.igem.org/Team:CCU_Taiwan/Model"><li class="list" id="model1">Overview</li></a>
−
                             <a href="https://2018.igem.org/Team:CCU_Taiwan/Binding"><li class="list" id="model2">Binding</li></a>
+
                             <a href="https://2018.igem.org/Team:CCU_Taiwan/Binding"><li class="list" id="model2">Binding Model</li></a>
−
<a href="https://2018.igem.org/Team:CCU_Taiwan/Polymer"><li class="list" id="model3">Polymer</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Polymer"><li class="list" id="model3">Polymer Model</li></a>
 
                         </ul>
 
                         </ul>
 
                     </li>
 
                     </li>
Line 126: Line 135:
 
    <li class="title" style="cursor:pointer;" id="Human_Practice"><img class="img_title" src="https://static.igem.org/mediawiki/2018/9/96/T--CCU_Taiwan--humanpractice.png"></img><a>HP</a>
 
    <li class="title" style="cursor:pointer;" id="Human_Practice"><img class="img_title" src="https://static.igem.org/mediawiki/2018/9/96/T--CCU_Taiwan--humanpractice.png"></img><a>HP</a>
 
                         <ul class="sub" id="sub_human_practice" style="cursor:default;">
 
                         <ul class="sub" id="sub_human_practice" style="cursor:default;">
−
                             <a href="https://2018.igem.org/Team:CCU_Taiwan/Human_Practices"><li class="list" id="human_practice1">Overview</li></a>
+
                             <a href="https://2018.igem.org/Team:CCU_Taiwan/Human_Practices"><li class="list" id="human_practice1">Human Practice</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Public_Engagement"><li class="list" id="human_practice2">Public Engagement</li></a>
 
<a href="https://2018.igem.org/Team:CCU_Taiwan/Public_Engagement"><li class="list" id="human_practice2">Public Engagement</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/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>
  
  
−
<div>
+
<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>
−
       
+
−
        <img src="https://static.igem.org/mediawiki/2018/0/0c/T--CCU_Taiwan--CCUNewAbstract.jpg" width="100%" hieght="auto">
+
−
    </div>
+
−
   
+
 
</div>
 
</div>
  
  
 +
<div class="wrap" id="abnew">
 +
  <img src="https://static.igem.org/mediawiki/2018/d/d1/T--CCU_Taiwan--CCUPOLMER4564.jpg" width="100%" hieght="100%">
 +
</div>
  
 +
<footer class="footer">
 +
            <a href="http://huitong.com.tw">
 +
              <img  id="BSlogo" src="https://static.igem.org/mediawiki/2018/0/07/T--CCU_Taiwan--CCUP1.png" align="bottom">
 +
            </a>
 +
 +
            <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">
 +
            </a>
 +
 +
            <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">
 +
            </a>
 +
</footer>
 +
 +
 +
<script type="text/javascript" src="https://2018.igem.org/Team:CCU_Taiwan/fullpagejs1"></script>
 +
<script type="text/javascript">
 +
    var myFullpage = new fullpage('#fullpage', {
 +
        sectionsColor: ['#FFFFFF', '#FFFFFF', '#FFFFFF', '#FFFFFF', '#FFFFFF','#FFFFFF', '#FFFFFF'],
 +
        anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', '5thpage','6thpage', 'lastPage'],
 +
        menu: '#menu',
 +
        lazyLoad: true
 +
    });
  
 
function myFunction() {
 
function myFunction() {
Line 175: Line 205:
 
     popup.classList.toggle("show");
 
     popup.classList.toggle("show");
 
}
 
}
 +
  
 
</script>
 
</script>

Latest revision as of 08:56, 1 December 2018