Team:Virginia/Test

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{Template:Team:Virginia:Test}}
 
-
 
<html>
<html>
<head>
<head>
-
 
+
<meta name="viewport" content="width = 1050, user-scalable = no" />
-
  <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
+
<script type="text/javascript" src="https://gps-maps27.googlecode.com/svn-history/r53/trunk/server/www/js/jquery.min-1.7.js"></script>
-
+
<script type="text/javascript" src="https://2013.igem.org/Team:UNITN-Trento/JS/Library/modernizr?action=raw&ctype=text/javascript"></script>
-
   
+
-
      <script type='text/javascript' src="http://www.turnjs.com/lib/turn.min.js"></script>
+
-
   
+
-
 
+
-
  <style type='text/css'>
+
-
 
+
-
 
+
-
 
+
-
header{
+
-
background: url("http://4.bp.blogspot.com/-mTlRmTTLCX4/Ti1XPcm6liI/AAAAAAAAAuA/Fa1ne7bMxmU/s1600/TheWallpaperDB.blogspot.com__+misc+%25281%2529.jpg");
+
-
background-size:120% auto;
+
-
background-position: -140px -39px;
+
-
}
+
-
 
+
-
#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;
+
-
   
+
-
}
+
-
 
+
-
#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>
</head>
<body>
<body>
-
  <header>
+
<div class="flipbook-viewport">
 +
<div class="container">
 +
<div class="flipbook">
 +
<div style="background-image:url(pages/1.jpg)"></div>
 +
<div style="background-image:url(pages/2.jpg)"></div>
 +
</div>
 +
</div>
 +
</div>
-
            <h1>Attributions</h1><img id="placeimg" src=
 
-
            "http://www.pepperminttechnology.co.uk/Images/BlankTransparentImg.gif">
 
-
 
-
<ul id="navbar">
 
-
        <li>
 
-
            <a href="https://2014.igem.org/Team:Virginia">Home</a>
 
-
        </li>
 
-
        <li>
+
<script type="text/javascript">
-
            <a href="https://2014.igem.org/Team:Virginia/Team">Team</a>
+
-
            <ul>
+
function loadApp() {
-
                <li>
+
-
                    <a href="https://2014.igem.org/Team:Virginia/Gallery">Gallery</a>
+
-
                </li>
+
-
                <li>
+
// Create the flipbook
-
                    <a href="https://igem.org/Team.cgi?year=2014&amp;team_name=Virginia">Official Team Profile</a>
+
-
                </li>
+
-
            </ul>
+
-
        </li>
+
-
     
+
-
        <li>
+
$('.flipbook').turn({
-
            <a href="https://2014.igem.org/Team:Virginia/Project">Project</a>
+
// Width
-
            <ul>
+
width:922,
-
                          <li><a href=
+
-
        "https://2014.igem.org/Team:Virginia/Notebook">Notebook</a></li>
+
// Height
-
             
+
-
                <li>
+
-
                    <a href="https://2014.igem.org/Team:Virginia/Parts">Parts</a>
+
-
                </li>
+
-
             
+
-
                              <li>
+
-
                    <a href="https://2014.igem.org/Team:Virginia/Modeling">Modeling</a>
+
-
                </li>
+
-
             
+
-
+
-
                              <li>
+
-
                    <a href="https://2014.igem.org/Team:Virginia/Safety">Safety</a>
+
-
                </li>
+
-
            </ul>
+
-
      </li>
+
-
     
+
-
              <li>
+
-
            <a href="https://2014.igem.org/Team:Virginia/HumanPractices">Human Practices</a>
+
-
        </li>
+
-
        <li>
+
-
            <a href="https://2014.igem.org/Team:Virginia/Attributions">Attributions</a>
+
-
        </li>
+
-
     
+
-
          <li><a href="https://2014.igem.org/"><img src = "http://i.imgur.com/rLFTkAP.png" height="17px"></a></li>
+
-
      <div style="clear: both;"></div>
+
-
    </ul>
+
-
        </header>
+
-
  <center><div id="flipbook">
+
-
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/b/bc/VGEM_0.jpg)"></div>
+
height:600,
-
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/3/3c/VGEM_4.jpg)"></div>
+
-
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/1/1d/VGEM_5.jpg)"></div>
+
-
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/9/98/VGEM_6.jpg)"></div>
+
 +
// Elevation
-
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/d/da/VGEM_7.jpg)"></div>
+
elevation: 50,
-
    <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>
+
// Enable gradients
-
    <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 id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/d/da/VGEM_7.jpg)"></div>
+
gradients: true,
-
    <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>
+
// Auto center this flipbook
-
    <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 id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/d/da/VGEM_7.jpg)"></div>
+
autoCenter: true
-
    <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>
+
-
    <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>
+
-
    <div id="big" style="background-image:url(https://static.igem.org/mediawiki/2014/d/da/VGEM_7.jpg)"></div>
+
// Load the HTML4 version if there's not CSS transform
-
    <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>
+
-
    <div class="hard"></div>
+
-
    <div class="hard"></div>
+
-
</div></center>
+
-
 
+
yepnope({
-
</body>
+
test : Modernizr.csstransforms,
 +
yep: ['../../lib/turn.js'],
 +
nope: ['../../lib/turn.html4.min.js'],
 +
both: ['css/basic.css'],
 +
complete: loadApp
 +
});
 +
</script>
 +
</body>
</html>
</html>

Revision as of 07:41, 15 November 2014