"
Team:Valencia Biocampus/ArtAndMore
From 2014.igem.org
(Difference between revisions)
| Line 143: | Line 143: | ||
</div> | </div> | ||
<div class="tab-pane fade" id="Drawings"> | <div class="tab-pane fade" id="Drawings"> | ||
| + | <link rel="stylesheet" type="text/css" href="http://tympanus.net/Development/BookBlock/css/default.css" /> | ||
| + | <link rel="stylesheet" type="text/css" href="http://tympanus.net/Development/BookBlock/css/bookblock.css" /> | ||
| + | <link rel="stylesheet" type="text/css" href="http://tympanus.net/Development/BookBlock/css/demo1.css" /> | ||
| + | <script type="text/javascript" src="http://tympanus.net/Development/BookBlock/js/jquerypp.custom.js"></script> | ||
| + | <script type="text/javascript" src="http://tympanus.net/Development/BookBlock/js/jquery.bookblock.js"></script> | ||
| + | <script> | ||
| + | var Page = (function() { | ||
| + | |||
| + | var config = { | ||
| + | $bookBlock : $( '#bb-bookblock' ), | ||
| + | $navNext : $( '#bb-nav-next' ), | ||
| + | $navPrev : $( '#bb-nav-prev' ), | ||
| + | $navFirst : $( '#bb-nav-first' ), | ||
| + | $navLast : $( '#bb-nav-last' ) | ||
| + | }, | ||
| + | init = function() { | ||
| + | config.$bookBlock.bookblock( { | ||
| + | speed : 800, | ||
| + | shadowSides : 0.8, | ||
| + | shadowFlip : 0.7 | ||
| + | } ); | ||
| + | initEvents(); | ||
| + | }, | ||
| + | initEvents = function() { | ||
| + | |||
| + | var $slides = config.$bookBlock.children(); | ||
| + | |||
| + | // add navigation events | ||
| + | config.$navNext.on( 'click touchstart', function() { | ||
| + | config.$bookBlock.bookblock( 'next' ); | ||
| + | return false; | ||
| + | } ); | ||
| + | |||
| + | config.$navPrev.on( 'click touchstart', function() { | ||
| + | config.$bookBlock.bookblock( 'prev' ); | ||
| + | return false; | ||
| + | } ); | ||
| + | |||
| + | config.$navFirst.on( 'click touchstart', function() { | ||
| + | config.$bookBlock.bookblock( 'first' ); | ||
| + | return false; | ||
| + | } ); | ||
| + | |||
| + | config.$navLast.on( 'click touchstart', function() { | ||
| + | config.$bookBlock.bookblock( 'last' ); | ||
| + | return false; | ||
| + | } ); | ||
| + | |||
| + | // add swipe events | ||
| + | $slides.on( { | ||
| + | 'swipeleft' : function( event ) { | ||
| + | config.$bookBlock.bookblock( 'next' ); | ||
| + | return false; | ||
| + | }, | ||
| + | 'swiperight' : function( event ) { | ||
| + | config.$bookBlock.bookblock( 'prev' ); | ||
| + | return false; | ||
| + | } | ||
| + | } ); | ||
| + | |||
| + | // add keyboard events | ||
| + | $( document ).keydown( function(e) { | ||
| + | var keyCode = e.keyCode || e.which, | ||
| + | arrow = { | ||
| + | left : 37, | ||
| + | up : 38, | ||
| + | right : 39, | ||
| + | down : 40 | ||
| + | }; | ||
| + | |||
| + | switch (keyCode) { | ||
| + | case arrow.left: | ||
| + | config.$bookBlock.bookblock( 'prev' ); | ||
| + | break; | ||
| + | case arrow.right: | ||
| + | config.$bookBlock.bookblock( 'next' ); | ||
| + | break; | ||
| + | } | ||
| + | } ); | ||
| + | }; | ||
| + | |||
| + | return { init : init }; | ||
| + | |||
| + | })(); | ||
| + | </script> | ||
<h2>Drawings</h2> | <h2>Drawings</h2> | ||
<p>A compilation of all our drawings</p> | <p>A compilation of all our drawings</p> | ||
Revision as of 14:38, 30 September 2014
Art & More
Video
All our videos coming soon
Photo
All our pictures coming soon
Drawings
A compilation of all our drawings
Epigenethic Music
Surprise! :)
