Difference between revisions of "Team:Cornell"

 
(46 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<!-- {{Cornell}} -->
 
<!-- {{Cornell}} -->
 
{{:Team:Cornell/header}}
 
{{:Team:Cornell/header}}
−
 
 
<html>
 
<html>
−
    <head>
+
  <head>
 +
<style>
 +
overflow: hidden;
 +
.fadein { position:relative; width:100%; height:100%; left:80%; top:40%; }
 +
.fadein img { position:absolute; width:52%; left:44%; top:12%; }
 +
.fadein a {display:block;}
 +
</style>
 
<script type="text/javascript">
 
<script type="text/javascript">
−
var wScroll;
+
$(function(){
−
var panelLength;
+
    $('.fadein a:gt(0)').hide();
−
var rightNum;
+
    setInterval(function(){
−
var topNum;
+
      $('.fadein a:first-child').fadeOut()
−
var currentSlide;
+
        .next('a').fadeIn()
−
 
+
        .end().appendTo('.fadein');},
−
function setScroll(className, scrollHeight){
+
      6000);
−
 
+
});
−
var l = 0;
+
</script>
−
var t = 0;
+
−
var nDiv = $(className+' div').length;
+
−
 
+
−
$(className+' div').each(function(){
+
−
$(this).css({'right' : l+'px', 'top' : t+'px', 'width' : $(window).width()+'px'});
+
−
l += window.wScroll;
+
−
t += scrollHeight;
+
−
});
+
−
 
+
−
var tempNum = currentSlide - 1;
+
−
var newWidth = $(window).width();
+
−
 
+
−
if (tempNum != 0){
+
−
var newright = tempNum * '-'+newWidth;
+
−
} else {
+
−
var newright = 0;
+
−
}
+
−
 
+
−
console.log("NEW right: "+newright);
+
−
 
+
−
$(className).css({'width' : window.wScroll*nDiv+'px', 'right': '-' + newright + 'px' });
+
−
}
+
−
 
+
−
function diaScroll(className, scrollHeight){
+
−
 
+
−
window.wScroll = $(window).width();
+
−
window.rightNum = 0;
+
−
window.topNum = 0;
+
−
window.currentSlide = 1;
+
−
 
+
−
var l = 0;
+
−
var t = 0;
+
−
var nDiv = $(className+' div').length;
+
−
 
+
−
window.panelLength = Math.floor(nDiv) * window.wScroll;
+
−
 
+
−
$(className+' div').each(function(){
+
−
$(this).css({'right' : l+'px', 'top' : t+'px', 'width' : window.wScroll+'px'});
+
−
l += window.wScroll;
+
−
t += scrollHeight;
+
−
});
+
−
 
+
−
$(className).css({'width' : window.wScroll*nDiv+'px', 'right': '0px', 'top': '0px' });
+
−
 
+
−
$(".leftBt").click(function(){
+
−
if(window.rightNum != 0){
+
−
window.topNum -= scrollHeight;
+
−
window.rightNum -= window.wScroll;
+
−
$(className).animate({ "right": "-" + window.rightNum + "px", "top": "-" + window.topNum + "px"}, 1000);
+
−
window.currentSlide --;
+
−
return false;
+
−
}
+
−
});
+
−
 
+
−
$(".rightBt").click(function(){
+
−
if(window.rightNum == window.panelLength-window.wScroll){
+
−
window.topNum = 0;
+
−
window.rightNum = 0;
+
−
$(className).animate({ "right": "0px", "top": "0px"}, 1000);
+
−
window.currentSlide = 1;
+
−
return false;
+
−
}
+
−
if(window.rightNum != window.panelLength-window.wScroll){
+
−
window.topNum += scrollHeight;
+
−
window.rightNum += window.wScroll;
+
−
$(className).animate({ "right": "-" + window.rightNum + "px", "top": "-" + window.topNum + "px"}, 1000);
+
−
window.currentSlide ++;
+
−
return false;
+
−
}
+
−
});
+
−
 
+
−
}
+
−
+
−
+
−
jQuery(document).ready(function($){
+
−
diaScroll('.wrap', 10000);
+
  
−
$(window).resize(function(){
+
  </head>
−
setScroll('.wrap', 10000);
+
<body style="overflow:hidden; background-image: url(https://static.igem.org/mediawiki/2015/f/f8/Cornell_background.png); background-size:width:100%; background-position:center">
−
});
+
<div class="fadein">
−
});
+
  <a href="https://2015.igem.org/Team:Cornell/overview"><img src="https://static.igem.org/mediawiki/2015/1/1a/Cornell_problem.png"></a>
−
</script>
+
  <a href="https://2015.igem.org/Team:Cornell/overview"><img src="https://static.igem.org/mediawiki/2015/e/eb/Cornell_disease.png"></a>
−
<style>
+
  <a href="https://2015.igem.org/Team:Cornell/wetlab"><img src="https://static.igem.org/mediawiki/2015/4/49/Cornell_flavocide.png"></a>
−
body, html{
+
  <a href="https://2015.igem.org/Team:Cornell/Design"><img src="https://static.igem.org/mediawiki/2015/3/3c/Cornell_fishbit.png"></a>
−
width:100%;
+
  <a href="https://2015.igem.org/Team:Cornell/Practices"><img src="https://static.igem.org/mediawiki/2015/e/e7/Cornell_outreach.png"></a>
−
height:100%;
+
−
margin:0;
+
−
padding:0;
+
−
}
+
−
.windowdiv{
+
−
position:absolute;
+
−
overflow:hidden;
+
−
width:100%;
+
−
height:790px;
+
−
}
+
−
.wrap{position:absolute; right:0px;}
+
−
.wrap div{
+
−
margin-top:200px;
+
−
padding-left: 600px;
+
−
height:900px;
+
−
position:absolute;
+
−
text-align:center;
+
−
}
+
−
.leftBt,.rightBt{
+
−
position:absolute;
+
−
top:50%;
+
−
font-size:100px;
+
−
font-weight:bold;
+
−
cursor:pointer;
+
−
background:rgba(255, 255, 255, 0.7);
+
−
padding: 0 30px 20px;
+
−
}
+
−
.leftBt{
+
−
left:20px;
+
−
}
+
−
.rightBt{
+
−
right:20px;
+
−
}
+
−
#content {
+
−
overflow:hidden;
+
−
}
+
  
−
</style>
+
    </div>
−
<!-- CHANGE URL TO IGEM ONE -->
+
<div class="container" style="margin-left:5%">
−
    </head>
+
<img src="https://static.igem.org/mediawiki/2015/4/46/Cornell_text.png" style="width:43%; position:absolute; margin-top:8%;overflow:hidden;" />
 +
</div>
 +
      <div class="navbar navbar-inverse navbar-fixed-bottom" role="navigation" style="min-height:55px"> </div>    
  
−
<body style="overflow:hidden">
+
  </body>
−
<img src="http://www.imageurlhost.com/images/zecp5umgmx2wx4unv89i.jpg" style="height: 100%; position:absolute;" />
+
−
<div class="windowdiv">
+
−
<div class="wrap">
+
−
<div>
+
−
<img src="https://static.igem.org/mediawiki/2015/b/be/Cornell_outreachslider.png" />
+
−
</div>
+
−
<div>
+
−
<img src="https://static.igem.org/mediawiki/2015/b/be/Cornell_outreachslider.png" />
+
−
</div>
+
−
<div>
+
−
<img src="https://static.igem.org/mediawiki/2015/b/be/Cornell_outreachslider.png" />
+
−
</div>
+
−
</div>
+
−
<span class="leftBt">Previous</span>
+
−
<span class="rightBt">Next</span>
+
−
</div>
+
−
      <div class="navbar navbar-inverse navbar-fixed-bottom" role="navigation" style="min-height:20px"> </div>     
+
−
</body>  
+
 
</html>
 
</html>

Latest revision as of 03:33, 19 September 2015

Cornell iGEM

shopify analytics ecommerce tracking