Difference between revisions of "Team:CCU Taiwan"

 
(4 intermediate revisions by one other user not shown)
Line 87: Line 87:
 
</head>
 
</head>
 
  <header>
 
  <header>
−
                      <nav>
+
        <nav>
 
             <div class="container">
 
             <div class="container">
 
                 <ul class="front">
 
                 <ul class="front">
Line 100: 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 138: 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 153: Line 154:
 
             </div>
 
             </div>
 
         </nav>
 
         </nav>
−
 
 
     </header>
 
     </header>
 
<body>
 
<body>
Line 170: Line 170:
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
 
−
 
−
<div class="pagecontainer">
 
−
  <section class="small">
 
−
    <div class="box reveal"><img src="https://static.igem.org/mediawiki/2018/b/b8/T--CCU_Taiwan--CCUABbB2.jpg" width="100%" hieght="100%"></div>
 
−
    <div class="box reveal"></div>
 
−
    <div class="box reveal"></div>
 
−
    <div class="box reveal"></div>
 
−
  </section>
 
 
</div>
 
</div>
  
  
 
<div class="wrap" id="abnew">
 
<div class="wrap" id="abnew">
−
   <img src="https://static.igem.org/mediawiki/2018/a/ab/T--CCU_Taiwan--CCUCCUCCUABNEW132132.png" width="100%" hieght="100%">
+
   <img src="https://static.igem.org/mediawiki/2018/d/d1/T--CCU_Taiwan--CCUPOLMER4564.jpg" width="100%" hieght="100%">
 
</div>
 
</div>
  
Line 214: Line 205:
 
     popup.classList.toggle("show");
 
     popup.classList.toggle("show");
 
}
 
}
−
 
−
var rafId = null;
 
−
var delay = 400;
 
−
var lTime = 0;
 
−
 
−
function scroll() {
 
−
  var scrollTop = $(window).scrollTop();
 
−
  var height = $(window).height()
 
−
  var visibleTop = scrollTop + height;
 
−
  $('.reveal').each(function() {
 
−
    var $t = $(this);
 
−
    if ($t.hasClass('reveal_visible')) { return; }
 
−
    var top = $t.offset().top;
 
−
    if (top <= visibleTop) {
 
−
      if (top + $t.height() < scrollTop) {
 
−
        $t.removeClass('reveal_pending').addClass('reveal_visible');
 
−
      } else {
 
−
        $t.addClass('reveal_pending');
 
−
        if (!rafId) requestAnimationFrame(reveal); 
 
−
      }
 
−
    }
 
−
  });
 
−
}
 
−
function reveal() {
 
−
  rafId = null;
 
−
  var now = performance.now();
 
−
 
 
−
  if (now - lTime > delay) {
 
−
    lTime = now;
 
−
    var $ts = $('.reveal_pending');
 
−
    $($ts.get(0)).removeClass('reveal_pending').addClass('reveal_visible'); 
 
−
  }
 
−
 
 
−
 
 
−
  if ($('.reveal_pending').length >= 1) rafId = requestAnimationFrame(reveal);
 
−
}
 
−
 
−
$(scroll);
 
−
$(window).scroll(scroll);
 
−
$(window).click(function() {
 
−
  $('.reveal').removeClass('reveal_visible').removeClass('reveal_pending');
 
−
  lTime = performance.now() + 500;
 
−
  var top = $(window).scrollTop();
 
−
  $(window).scrollTop(top === 0 ? 1 : top-1);
 
−
});
 
−
 
−
 
  
  

Latest revision as of 08:56, 1 December 2018