|
|
(85 intermediate revisions not shown) |
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/jquery.min.js'></script> |
- | <script type="text/javascript" src="http://www.turnjs.com/extras/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/extras/modernizr.2.5.3.min.js"></script> | + | |
| </head> | | </head> |
| <body> | | <body> |
| | | |
- | <header>
| + | <div class="flipbook-viewport"> |
- | hello
| + | <div class="container"> |
- | hello
| + | <div class="flipbook"> |
- | hello
| + | <div style="background-image:url(pages/1.jpg)"></div> |
- | hello
| + | <div style="background-image:url(pages/2.jpg)"></div> |
- | hello
| + | |
- | hello
| + | |
- | hello
| + | |
- | hello
| + | |
- | hello
| + | |
- | hello
| + | |
- | hello
| + | |
- | hello
| + | |
- | hello
| + | |
- | hello
| + | |
- | hello
| + | |
- | hello
| + | |
- | hello
| + | |
- | hello
| + | |
- | hello
| + | |
- | hello
| + | |
- | hello
| + | |
- | hello
| + | |
- | hello
| + | |
- | hello
| + | |
- | hello
| + | |
- | hello
| + | |
- | hello
| + | |
- | hello
| + | |
- | </header>
| + | |
- | | + | |
- | | + | |
- | <ul id="navbar">
| + | |
- | <li>
| + | |
- | <a href="https://2014.igem.org/Team:Virginia">Home</a>
| + | |
- | </li>
| + | |
- | | + | |
- | <li>
| + | |
- | <a href="https://2014.igem.org/Team:Virginia/Team">Team</a>
| + | |
- | | + | |
- | <ul>
| + | |
- | <li>
| + | |
- | <a href="https://2014.igem.org/Team:Virginia/Gallery">Gallery</a>
| + | |
- | </li>
| + | |
- | | + | |
- | <li>
| + | |
- | <a href="https://igem.org/Team.cgi?year=2014&team_name=Virginia">Official Team Profile</a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- |
| + | |
- | | + | |
- | <li>
| + | |
- | <a href="https://2014.igem.org/Team:Virginia/Project">Project</a>
| + | |
- | | + | |
- | <ul>
| + | |
- | <li><a href=
| + | |
- | "https://2014.igem.org/Team:Virginia/Notebook">Notebook</a></li>
| + | |
- |
| + | |
- | <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>
| + | |
- | | + | |
- | | + | |
- | <div>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <center><div class="flipbook-viewport">
| + | |
- | <div class="container" style="position:absolute;width: 50%; | + | |
- | margin: 0px auto;">
| + | |
- | <div class="flipbook" style="position:relative"> | + | |
- | <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> | | </div> |
- | </div></center>
| |
| | | |
- |
| |
- |
| |
- |
| |
- |
| |
- | </div>
| |
| | | |
| <script type="text/javascript"> | | <script type="text/javascript"> |
Line 148: |
Line 47: |
| | | |
| // Load the HTML4 version if there's not CSS transform | | // 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({ | | yepnope({ |
| test : Modernizr.csstransforms, | | test : Modernizr.csstransforms, |
- | yep: ['http://www.thebalancingact.com/assets/js/turn/lib/turn.js'], | + | yep: ['../../lib/turn.js'], |
- | nope: ['http://www.thebalancingact.com/assets/js/turn/lib/turn.html4.min.js'], | + | nope: ['../../lib/turn.html4.min.js'], |
- | both: ['http://www.thebalancingact.com/assets/css/turn/basic/basic.css'], | + | both: ['css/basic.css'], |
| complete: loadApp | | complete: loadApp |
| }); | | }); |