Difference between revisions of "Team:Kent"

Line 4: Line 4:
  
 
<html>
 
<html>
 +
 +
<div class="js-background-1 container"></div> <div class="js-background-2 container"></div>
 +
.container { padding: 400px 200px; }
 +
.js-background-1 { background: transparent <img src="https://static.igem.org/mediawiki/2015/6/6c/Team_Kent_MainPageBanner.jpg"> center 0 no-repeat; }
 +
.js-background-2 { background: transparent url() center 0 no-repeat; }
 +
 +
var $window = $(window); var velocity = 0.4; function update(){ var pos = $window.scrollTop(); $('.container').each(function() { var $element = $(this); var height = $element.height(); $(this).css('backgroundPosition', '50% ' + Math.round((height - pos) * velocity) + 'px'); }); }; $window.bind('scroll', update);
 +
 +
 +
 
<Head> <meta name="viewport" content="width=device-width, initial-scale=1" /></Head>
 
<Head> <meta name="viewport" content="width=device-width, initial-scale=1" /></Head>
 
<h1> Welcome to our iGem page </h1>
 
<h1> Welcome to our iGem page </h1>

Revision as of 17:28, 30 June 2015


iGEM Kent 2015

.container { padding: 400px 200px; } .js-background-1 { background: transparent center 0 no-repeat; } .js-background-2 { background: transparent url() center 0 no-repeat; } var $window = $(window); var velocity = 0.4; function update(){ var pos = $window.scrollTop(); $('.container').each(function() { var $element = $(this); var height = $element.height(); $(this).css('backgroundPosition', '50% ' + Math.round((height - pos) * velocity) + 'px'); }); }; $window.bind('scroll', update);

Welcome to our iGem page

Our wiki is currently under construction, please follow us for further updates!