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:40, 30 September 2014

Art & More

Video

All our videos coming soon

Photo

All our pictures coming soon

Drawings

A compilation of all our drawings

image01
image02
image03
image04
image05

Epigenethic Music

Surprise! :)