Team:Virginia/Test

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<link href="https://2013.igem.org/Team:Calgary/StyleSheets/Reset?action=raw&ctype=text/css" rel="stylesheet">
 
-
<meta name="viewport" content="width = 1050, user-scalable = no" />
 
-
<script type="text/javascript" src="http://www.turnjs.com/extras/jquery.min.1.7.js"></script>
 
-
<script type="text/javascript" src="http://www.turnjs.com/extras/modernizr.2.5.3.min.js"></script>
 
</head>
</head>
-
<body>
 
-
<div class="flipbook-viewport">
+
<body
-
<div class="container">
+
-
<div class="flipbook">
+
-
<div style="background-image:url(https://static.igem.org/mediawiki/2014/3/37/VGEM_44.jpg)"></div>
+
-
<div style="background-image:url(https://static.igem.org/mediawiki/2014/f/f6/VGEM_39.jpg)"></div>
+
-
<div style="background-image:url(https://static.igem.org/mediawiki/2014/e/e8/VGEM_31.jpg)"></div>
+
-
<div style="background-image:url(https://static.igem.org/mediawiki/2014/3/37/VGEM_44.jpg)"></div>
+
-
<div style="background-image:url(https://static.igem.org/mediawiki/2014/f/f6/VGEM_39.jpg)"></div>
+
-
<div style="background-image:url(https://static.igem.org/mediawiki/2014/e/e8/VGEM_31.jpg)"></div>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
 
+
<iframe src="https://docs.google.com/spreadsheets/d/1fyKqPK_H7J7VfWkJl9fTCEiU_QL_hU0PrdQ6_4uQN4Q/pubhtml?gid=1678070602&amp;single=true&amp;widget=true&amp;headers=false"></iframe>
-
<script type="text/javascript">
+
-
 
+
-
function loadApp() {
+
-
 
+
-
// Create the flipbook
+
-
 
+
-
$('.flipbook').turn({
+
-
// Width
+
-
 
+
-
width:922,
+
-
+
-
// Height
+
-
 
+
-
height:600,
+
-
 
+
-
// Elevation
+
-
 
+
-
elevation: 10,
+
-
+
-
// Enable gradients
+
-
 
+
-
gradients: true,
+
-
+
-
// Auto center this flipbook
+
-
 
+
-
autoCenter: true
+
-
 
+
-
});
+
-
}
+
-
 
+
-
// Load the HTML4 version if there's not CSS transform
+
-
 
+
-
 
+
-
$(document).keydown(function(e){
+
-
 
+
-
var previous = 37, next = 39, esc = 27;
+
-
 
+
-
switch (e.keyCode) {
+
-
case previous:
+
-
 
+
-
// left arrow
+
-
$('.flipbook').turn('previous');
+
-
e.preventDefault();
+
-
 
+
-
break;
+
-
case next:
+
-
 
+
-
//right arrow
+
-
$('.flipbook').turn('next');
+
-
e.preventDefault();
+
-
 
+
-
break;
+
-
case esc:
+
-
+
-
$('.flipbook-viewport').zoom('zoomOut');
+
-
e.preventDefault();
+
-
 
+
-
break;
+
-
}
+
-
});
+
-
 
+
-
yepnope({
+
-
test : Modernizr.csstransforms,
+
-
yep: ['http://www.thebalancingact.com/assets/js/turn/lib/turn.js'],
+
-
nope: ['http://www.thebalancingact.com/assets/js/turn/lib/turn.html4.min.js'],
+
-
both: ['http://www.thebalancingact.com/assets/css/turn/basic/basic.css'],
+
-
complete: loadApp
+
-
});
+
-
 
+
-
</script>
+
</body>
</body>
</html>
</html>

Revision as of 01:56, 16 October 2014

Retrieved from "http://2014.igem.org/Team:Virginia/Test"