Team:Dundee/policypractice/clinic
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
{{:Team:Dundee/Template/header}} | {{:Team:Dundee/Template/header}} | ||
+ | |||
<html> | <html> | ||
<head> | <head> | ||
- | < | + | <title>Dundee 2014 Team</title> |
- | < | + | |
- | < | + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
- | + | ||
- | + | ||
- | + | ||
- | < | + | <link href="https://2014.igem.org/Team:Dundee/stylesheet/notebook?action=raw&ctype=text/css" rel="stylesheet"> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <link href="https://2014.igem.org/Team:Dundee/stylesheet?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <link href="https://2014.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | |||
- | |||
+ | <!-- jQuery --> | ||
+ | <script src="https://2014.igem.org/Team:Dundee/js/jquery-js?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <!-- Turn js --> | ||
+ | <script src="https://2014.igem.org/Team:Dundee/js/turn-js?action=raw&ctype=text/javascript"></script> | ||
+ | <style type="text/css"> | ||
- | + | #magazine{ | |
- | </ | + | top: 100px; |
- | </ | + | width:1000px; |
+ | height:500px; | ||
+ | } | ||
+ | #magazine .turn-page{ | ||
+ | background-color:#ccc; | ||
+ | background-size:100% 100%; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
- | <div id=" | + | <div id="magazine"> |
- | + | ||
- | < | + | <div style="background-color:blue;"></div> |
- | + | ||
- | + | ||
- | + | <div> | |
- | + | <video controls="controls" width=100% height=100% name="Video Name" src="https://static.igem.org/mediawiki/2014/a/ac/Rick.mov"></video> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | + | ||
</div> | </div> | ||
- | |||
- | + | <script type="text/javascript"> | |
- | + | ||
- | + | $(window).ready(function() { | |
- | + | $('#magazine').turn({ | |
- | + | display: 'double', | |
- | + | acceleration: true, | |
- | + | gradients: !$.isTouch, | |
- | + | elevation:50, | |
- | + | when: { | |
- | + | turned: function(e, page) { | |
- | + | /*console.log('Current view: ', $(this).turn('view'));*/ | |
- | + | } | |
- | + | } | |
- | + | }); | |
- | + | }); | |
- | + | ||
+ | |||
+ | $(window).bind('keydown', function(e){ | ||
+ | |||
+ | if (e.keyCode==37) | ||
+ | $('#magazine').turn('previous'); | ||
+ | else if (e.keyCode==39) | ||
+ | $('#magazine').turn('next'); | ||
+ | |||
+ | }); | ||
- | |||
- | |||
- | |||
</script> | </script> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 21:59, 16 October 2014