Difference between revisions of "Team:Cambridge-JIC"

Line 72: Line 72:
 
$(window).on("scroll", function(){
 
$(window).on("scroll", function(){
 
     var i=0;
 
     var i=0;
     $("section").each(function(){
+
     $("section.dotslide").each(function(){
 
         if($(this).offset().top <= $(window).scrollTop() + ($(window).height()/3)) {
 
         if($(this).offset().top <= $(window).scrollTop() + ($(window).height()/3)) {
 
             $(".sidebar-item").css("background", "none")
 
             $(".sidebar-item").css("background", "none")
Line 93: Line 93:
  
 
function scrollsection(id) {
 
function scrollsection(id) {
$("html, body").animate({ scrollTop: $($("section").get(id)).offset().top-70 }, 1000);
+
$("html, body").animate({ scrollTop: $($("section.dotslide").get(id)).offset().top-70 }, 1000);
 
}
 
}
 
</script>
 
</script>
Line 101: Line 101:
  
  
<section id="intro" style="background-color: #fff; padding-top:0">
+
<section id="intro" style="background-color: #fff; padding-top:0" class="dotslide">
 
     <div class="slide" style="background-image: url(//2015.igem.org/wiki/images/f/f2/CamJIC-Home_Home.png)" data-mobimg="url(//2015.igem.org/wiki/images/f/f8/CamJIC-Logo2.png);padding-bottom:256px;">
 
     <div class="slide" style="background-image: url(//2015.igem.org/wiki/images/f/f2/CamJIC-Home_Home.png)" data-mobimg="url(//2015.igem.org/wiki/images/f/f8/CamJIC-Logo2.png);padding-bottom:256px;">
 
         <div style="width: 40%; margin: 450px 530px;"></div>
 
         <div style="width: 40%; margin: 450px 530px;"></div>
Line 108: Line 108:
 
</section>
 
</section>
  
<!--<section style="background-color: #9ecda3">
+
<!--<section style="background-color: #9ecda3" class="dotslide">
 
     <div class="slide" style="background-image:url(//2015.igem.org/wiki/images/d/db/CamJIC-Panel-Abstract.png); padding-bottom:100px;">
 
     <div class="slide" style="background-image:url(//2015.igem.org/wiki/images/d/db/CamJIC-Panel-Abstract.png); padding-bottom:100px;">
 
         <div style="width: 78%; margin: 50px; font-size: 20px;">
 
         <div style="width: 78%; margin: 50px; font-size: 20px;">
Line 122: Line 122:
 
       <div class="downarrow" style="margin-top:-256px;"></div>
 
       <div class="downarrow" style="margin-top:-256px;"></div>
 
</section>
 
</section>
<section style="background-color: #ffa8a3">
+
<section style="background-color: #ffa8a3" class="dotslide">
 
     <div class="slide" style="background-image:url(//2015.igem.org/wiki/images/b/b5/CamJIC-Panel-3.png)">
 
     <div class="slide" style="background-image:url(//2015.igem.org/wiki/images/b/b5/CamJIC-Panel-3.png)">
 
         <div style="padding-right: 50px; padding-left: 170px; padding-top: 60px; font-size: 20px;" class="padleft">
 
         <div style="padding-right: 50px; padding-left: 170px; padding-top: 60px; font-size: 20px;" class="padleft">
Line 138: Line 138:
 
       <div class="downarrow" style="margin-top:-256px;"></div>
 
       <div class="downarrow" style="margin-top:-256px;"></div>
 
</section>
 
</section>
<section style="background-color: #bbbbbb">
+
<section style="background-color: #bbbbbb" class="dotslide">
 
     <div class="slide" style="background-image:url(//2015.igem.org/wiki/images/8/81/CamJIC-Home_Project.png)">
 
     <div class="slide" style="background-image:url(//2015.igem.org/wiki/images/8/81/CamJIC-Home_Project.png)">
 
         <div style="padding-right: 50px; padding-left: 170px; padding-top: 60px; font-size: 20px;" class="padleft">
 
         <div style="padding-right: 50px; padding-left: 170px; padding-top: 60px; font-size: 20px;" class="padleft">
Line 148: Line 148:
 
       <div class="downarrow" style="margin-top:-256px;"></div>
 
       <div class="downarrow" style="margin-top:-256px;"></div>
 
</section>
 
</section>
<section style="background-color: #74a7dd">
+
<section style="background-color: #74a7dd" class="dotslide">
 
     <div class="slide" style="background-image:url(//2015.igem.org/wiki/images/4/4f/CamJIC-Home_Hardware.png)">
 
     <div class="slide" style="background-image:url(//2015.igem.org/wiki/images/4/4f/CamJIC-Home_Hardware.png)">
 
         <div style="padding-right: 50px; padding-left: 170px; padding-top: 60px; font-size: 20px;" class="padleft">
 
         <div style="padding-right: 50px; padding-left: 170px; padding-top: 60px; font-size: 20px;" class="padleft">
Line 158: Line 158:
 
       <div class="downarrow" style="margin-top:-256px;"></div>
 
       <div class="downarrow" style="margin-top:-256px;"></div>
 
</section>
 
</section>
<section style="background-color: #3d3d3d">
+
<section style="background-color: #3d3d3d" class="dotslide">
 
     <div class="slide" style="background-image:url(//2015.igem.org/wiki/images/b/bb/CamJIC-Home_Software.png)">
 
     <div class="slide" style="background-image:url(//2015.igem.org/wiki/images/b/bb/CamJIC-Home_Software.png)">
 
         <div style="padding-right: 50px; padding-left: 170px; padding-top: 60px; font-size: 20px;" class="padleft">
 
         <div style="padding-right: 50px; padding-left: 170px; padding-top: 60px; font-size: 20px;" class="padleft">
Line 168: Line 168:
 
       <div class="downarrow" style="margin-top:-256px;"></div>
 
       <div class="downarrow" style="margin-top:-256px;"></div>
 
</section>
 
</section>
<section style="background-color: #ffffff">
+
<section style="background-color: #ffffff" class="dotslide">
 
     <div class="slide" style="background-image:url(//2015.igem.org/wiki/images/e/e8/CamJIC-Home_Community.png)">
 
     <div class="slide" style="background-image:url(//2015.igem.org/wiki/images/e/e8/CamJIC-Home_Community.png)">
 
         <div style="padding-right: 50px; padding-left: 170px; padding-top: 60px; font-size: 20px;" class="padleft">
 
         <div style="padding-right: 50px; padding-left: 170px; padding-top: 60px; font-size: 20px;" class="padleft">
Line 178: Line 178:
 
       <div class="downarrow" style="margin-top:-256px;"></div>
 
       <div class="downarrow" style="margin-top:-256px;"></div>
 
</section>
 
</section>
<section style="background-color: #888888">
+
<section style="background-color: #888888" class="dotslide">
 
     <div class="slide" style="background-image:url(//2015.igem.org/wiki/images/8/8c/CamJIC-Home_About_Us.png)">
 
     <div class="slide" style="background-image:url(//2015.igem.org/wiki/images/8/8c/CamJIC-Home_About_Us.png)">
 
         <div style="padding-right: 50px; padding-left: 170px; padding-top: 60px; font-size: 20px;" class="padleft">
 
         <div style="padding-right: 50px; padding-left: 170px; padding-top: 60px; font-size: 20px;" class="padleft">
Line 188: Line 188:
 
     <div class="downarrow" style="margin-top:-256px;"></div>
 
     <div class="downarrow" style="margin-top:-256px;"></div>
 
</section>
 
</section>
<section style="background-color: #ffffff">
+
<section style="background-color: #ffffff" class="dotslide">
 
     <div class="slide" style="background-image:url(//2015.igem.org/wiki/images/f/fd/CamJIC-Home_Lab.png)">
 
     <div class="slide" style="background-image:url(//2015.igem.org/wiki/images/f/fd/CamJIC-Home_Lab.png)">
 
         <div style="padding-right: 50px; padding-left: 170px; padding-top: 60px; font-size: 20px;" class="padleft">
 
         <div style="padding-right: 50px; padding-left: 170px; padding-top: 60px; font-size: 20px;" class="padleft">

Revision as of 20:01, 14 September 2015