Team:Virginia/Notebook

From 2014.igem.org

(Difference between revisions)
Line 84: Line 84:
         </header>
         </header>
-
<div id="another">
+
<div class="flipbook-viewport">
-
Hi this is where the notebook will be.
+
<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(pages/155.jpg)"></div>
 +
<div style="background-image:url(pages/156.jpg)"></div>
 +
</div>
 +
</div>
</div>
</div>
 +
 +
 +
<script type="text/javascript">
 +
 +
function loadApp() {
 +
 +
// Create the flipbook
 +
 +
$('.flipbook').turn({
 +
// Width
 +
 +
width:922,
 +
 +
// Height
 +
 +
height:600,
 +
 +
// Elevation
 +
 +
elevation: 50,
 +
 +
// 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>
 +
<a class="button prev" id="" href="/Team:Virginia/HumanPractices"><span>Previous</span><br>H.P.</a>
<a class="button prev" id="" href="/Team:Virginia/HumanPractices"><span>Previous</span><br>H.P.</a>

Revision as of 00:41, 16 October 2014

Notebook

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