Team:Virginia/Notebook

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Template:Team:Virginia:Test}}
{{Template:Team:Virginia:Test}}
 +
<html>
<html>
<head>
<head>
-
<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='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
-
<script type="text/javascript" src="http://www.turnjs.com/extras/modernizr.2.5.3.min.js"></script>
+
-
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
   
 +
      <script type='text/javascript' src="http://www.turnjs.com/lib/turn.min.js"></script>
 +
   
 +
 
 +
  <style type='text/css'>
-
<style>
 
-
#placeimg{
 
-
height:250px;
 
-
}
 
header{
header{
Line 19: Line 20:
}
}
-
</style>
+
#placeimg{
 +
height:250px;
 +
}
 +
#big{
 +
background-size:contain;
 +
}
 +
 +
 +
#flipbook .page-wrapper{
 +
    -webkit-perspective:2000px;
 +
    -moz-perspective:2000px;
 +
    -ms-perspective:2000px;
 +
    -o-perspective:2000px;
 +
    perspective:2000px;
 +
}
 +
 +
#flipbook .hard{
 +
    background:#ccc !important;
 +
    color:#333;
 +
    -webkit-box-shadow:outset 0 0 5px #666;
 +
    -moz-box-shadow:outset 0 0 5px #666;
 +
    -o-box-shadow:outset 0 0 5px #666;
 +
    -ms-box-shadow:outset 0 0 5px #666;
 +
    box-shadow:outset 0 0 5px #666;
 +
    font-weight:bold;
 +
}
 +
 +
#flipbook .odd{
 +
    background:-webkit-gradient(linear, right top, left top, color-stop(0.95, #FFF), color-stop(1, #DADADA));
 +
    background-image:-webkit-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
 +
    background-image:-moz-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
 +
    background-image:-ms-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
 +
    background-image:-o-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
 +
    background-image:linear-gradient(right, #FFF 95%, #C4C4C4 100%);
 +
    -webkit-box-shadow:outset 0 0 5px #666;
 +
    -moz-box-shadow:outset 0 0 5px #666;
 +
    -o-box-shadow:outset 0 0 5px #666;
 +
    -ms-box-shadow:outset 0 0 5px #666;
 +
    box-shadow:outset 0 0 5px #666;
 +
   
 +
}
-
</head>
+
#flipbook .even{
 +
    background:-webkit-gradient(linear, left top, right top, color-stop(0.95, #fff), color-stop(1, #dadada));
 +
    background-image:-webkit-linear-gradient(left, #fff 95%, #dadada 100%);
 +
    background-image:-moz-linear-gradient(left, #fff 95%, #dadada 100%);
 +
    background-image:-ms-linear-gradient(left, #fff 95%, #dadada 100%);
 +
    background-image:-o-linear-gradient(left, #fff 95%, #dadada 100%);
 +
    background-image:linear-gradient(left, #fff 95%, #dadada 100%);
 +
    -webkit-box-shadow:outset 0 0 5px #666;
 +
    -moz-box-shadow:outset 0 0 5px #666;
 +
    -o-box-shadow:outset 0 0 5px #666;
 +
    -ms-box-shadow:outset 0 0 5px #666;
 +
    box-shadow:outset 0 0 5px #666;
 +
}
 +
  </style>
 +
 
 +
 +
<script type='text/javascript'>//<![CDATA[
 +
$(function(){
 +
$("#flipbook").turn({
 +
    width: 1090,
 +
    height: 770,
 +
    autoCenter: true
 +
});
 +
});//]]> 
 +
 +
</script>
 +
 +
 +
</head>
<body>
<body>
-
        <header>
 
-
             <h1>Notebook</h1><img id="placeimg" src=
+
  <header>
 +
 
 +
             <h1>Attributions</h1><img id="placeimg" src=
             "http://www.pepperminttechnology.co.uk/Images/BlankTransparentImg.gif">
             "http://www.pepperminttechnology.co.uk/Images/BlankTransparentImg.gif">
Line 83: Line 153:
     </ul>
     </ul>
         </header>
         </header>
 +
  <center><div id="flipbook">
-
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
+
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/b/bc/VGEM_0.jpg)"></div>
-
<div class="flipbook-viewport">
+
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/3/3c/VGEM_4.jpg)"></div>
-
<div class="container">
+
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/1/1d/VGEM_5.jpg)"></div>
-
<div class="flipbook">
+
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/9/98/VGEM_6.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 style="background-image:url(pages/155.jpg)"></div>
+
-
<div style="background-image:url(pages/156.jpg)"></div>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<script type="text/javascript">
+
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/d/da/VGEM_7.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/6/65/VGEM_8.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/4/46/VGEM_9.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/d/da/VGEM_10.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/3/3f/VGEM_11.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/2/29/VGEM_12.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/7/7c/VGEM_13.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/b/ba/VGEM_14.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/1/19/VGEM_15.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/2/29/VGEM_16.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/f/fd/VGEM_17.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/0/01/VGEM_18.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/f/fd/VGEM_17.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/0/01/VGEM_18.jpg)"></div>
-
function loadApp() {
+
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/d/da/VGEM_7.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/6/65/VGEM_8.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/4/46/VGEM_9.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/d/da/VGEM_10.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/3/3f/VGEM_11.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/2/29/VGEM_12.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/7/7c/VGEM_13.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/b/ba/VGEM_14.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/1/19/VGEM_15.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/2/29/VGEM_16.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/f/fd/VGEM_17.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/0/01/VGEM_18.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/f/fd/VGEM_17.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/0/01/VGEM_18.jpg)"></div>
-
// Create the flipbook
+
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/d/da/VGEM_7.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/6/65/VGEM_8.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/4/46/VGEM_9.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/d/da/VGEM_10.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/3/3f/VGEM_11.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/2/29/VGEM_12.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/7/7c/VGEM_13.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/b/ba/VGEM_14.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/1/19/VGEM_15.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/2/29/VGEM_16.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/f/fd/VGEM_17.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/0/01/VGEM_18.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/f/fd/VGEM_17.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/0/01/VGEM_18.jpg)"></div>
-
$('.flipbook').turn({
+
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/d/da/VGEM_7.jpg)"></div>
-
// Width
+
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/6/65/VGEM_8.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/4/46/VGEM_9.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/d/da/VGEM_10.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/3/3f/VGEM_11.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/2/29/VGEM_12.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/7/7c/VGEM_13.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/b/ba/VGEM_14.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/1/19/VGEM_15.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/2/29/VGEM_16.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/f/fd/VGEM_17.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/0/01/VGEM_18.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/f/fd/VGEM_17.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/0/01/VGEM_18.jpg)"></div>
-
width:922,
+
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/d/da/VGEM_7.jpg)"></div>
-
+
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/6/65/VGEM_8.jpg)"></div>
-
// Height
+
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/4/46/VGEM_9.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/d/da/VGEM_10.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/3/3f/VGEM_11.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/2/29/VGEM_12.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/7/7c/VGEM_13.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/b/ba/VGEM_14.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/1/19/VGEM_15.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/2/29/VGEM_16.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/f/fd/VGEM_17.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/0/01/VGEM_18.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/f/fd/VGEM_17.jpg)"></div>
 +
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/0/01/VGEM_18.jpg)"></div>
 +
    <div class="hard"></div>
 +
    <div class="hard"></div>
 +
</div></center>
-
height:600,
+
  <a class="button prev" id="" href="/Team:Virginia"><span>Previous</span><br>Home</a>
 +
<a class="button next" id="" href="/Team:Virginia/Gallery"><span>Next</span><br>Gallery</a>
 +
</body>
-
// 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 next" id="" href="https://igem.org/Team.cgi?year=2014"><span>Next</span><br>Team Profile</a>
 
-
</body>
 
</html>
</html>

Revision as of 07:18, 16 October 2014

Attributions