Difference between revisions of "Team:Cambridge-JIC"

 
(14 intermediate revisions by 3 users not shown)
Line 63: Line 63:
 
$("section.dotslide").each(function(){
 
$("section.dotslide").each(function(){
 
if($(this).attr("id") != "footer-sec") {
 
if($(this).attr("id") != "footer-sec") {
 +
    if($(this).attr("id") != "footer-sec2") {
 
     $("#sidebar").append("<div onclick=\"scrollsection("+ix+")\" class=\"sidebar-item\""+(ix==0?" style=\"background: #555\"":"")+"></div>")
 
     $("#sidebar").append("<div onclick=\"scrollsection("+ix+")\" class=\"sidebar-item\""+(ix==0?" style=\"background: #555\"":"")+"></div>")
}
+
}}
 
ix++
 
ix++
 
})
 
})
Line 73: Line 74:
 
     var i=0;
 
     var i=0;
 
     $("section.dotslide").each(function(){
 
     $("section.dotslide").each(function(){
         if($(this).offset().top <= 0/*$("body").scrollTop()*/) {
+
         if($(this).offset().top <= 50/*$("body").scrollTop()*/) {
 
             $(".sidebar-item").css("background", "none")
 
             $(".sidebar-item").css("background", "none")
 
             $($(".sidebar-item").get(i)).css("background", "#555")
 
             $($(".sidebar-item").get(i)).css("background", "#555")
 
         }
 
         }
        i++;
+
      i++;
 
     })
 
     })
 
})
 
})
Line 93: Line 94:
  
 
function scrollsection(id) {
 
function scrollsection(id) {
$("html, body").animate({ scrollTop: $($("section.dotslide").get(id)).offset().top + 70}, 1000);
+
$("html, body").animate({ scrollTop: $($("section.dotslide").get(id)).offset().top + $("body").scrollTop()}, 1000);
 
}
 
}
 
</script>
 
</script>
Line 102: Line 103:
  
 
<section id="intro" style="background-color: #fff; padding-top:0" class="dotslide">
 
<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/b/bd/CamJIC-Home_New.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>
 
     </div>
 
     </div>
Line 136: Line 137:
 
</section>
 
</section>
 
<section style="background-color: #bbbbbb" class="dotslide">
 
<section style="background-color: #bbbbbb" class="dotslide">
 +
<a href="//2015.igem.org/Team:Cambridge-JIC/Project">
 
     <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 141: Line 143:
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
</a>
 
</section>
 
</section>
  
 
</section>
 
</section>
 
<section style="background-color: #74a7dd" class="dotslide">
 
<section style="background-color: #74a7dd" class="dotslide">
 +
<a href="//2015.igem.org/Team:Cambridge-JIC/Hardware">
 
     <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">
 
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
</a>
 
</section>
 
</section>
  
 
</section>
 
</section>
 
<section style="background-color: #3d3d3d" class="dotslide">
 
<section style="background-color: #3d3d3d" class="dotslide">
 +
<a href="//2015.igem.org/Team:Cambridge-JIC/Software">
 
     <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 163: Line 168:
 
</section>
 
</section>
 
<section style="background-color: #ffffff" class="dotslide">
 
<section style="background-color: #ffffff" class="dotslide">
 +
<a href="//2015.igem.org/Team:Cambridge-JIC/Practices">
 
     <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 168: Line 174:
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
</a>
 
</section>
 
</section>
  
 
</section>
 
</section>
 
<section style="background-color: #bde9fe" class="dotslide">
 
<section style="background-color: #bde9fe" class="dotslide">
 +
<a href="//2015.igem.org/Team:Cambridge-JIC/Lab">
 
     <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">
Line 177: Line 185:
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
</a>
 
</section>
 
</section>
  
 
</section>
 
</section>
 
<section style="background-color: #888888" class="dotslide">
 
<section style="background-color: #888888" class="dotslide">
 +
<a href="//2015.igem.org/Team:Cambridge-JIC/People">
 
     <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 186: Line 196:
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
</a>
 
</section>
 
</section>
  
 
</html>
 
</html>
 
{{:Team:Cambridge-JIC/Templates/Footer}}
 
{{:Team:Cambridge-JIC/Templates/Footer}}

Latest revision as of 03:05, 19 September 2015