Team:TP CC-SanDiego/TheTeam.html
From 2014hs.igem.org
(Difference between revisions)
Blackbean1 (Talk | contribs) |
Blackbean1 (Talk | contribs) |
||
Line 1: | Line 1: | ||
- | + | <!DOCTYPE html> | |
<html lang="en"> | <html lang="en"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<head> | <head> | ||
<meta charset="UTF-8" /> | <meta charset="UTF-8" /> | ||
Line 123: | Line 20: | ||
<body> | <body> | ||
- | <div class="container demo- | + | <div class="container demo-1"> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<div id="slider" class="sl-slider-wrapper"> | <div id="slider" class="sl-slider-wrapper"> | ||
Line 154: | Line 26: | ||
<div class="sl-slider"> | <div class="sl-slider"> | ||
- | <div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2"> | + | <div class="sl-slide bg-1" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2"> |
<div class="sl-slide-inner"> | <div class="sl-slide-inner"> | ||
- | <div class=" | + | <div class="deco" data-icon="H"></div> |
- | <h2>A bene placito | + | <h2>A bene placito</h2> |
<blockquote><p>You have just dined, and however scrupulously the slaughterhouse is concealed in the graceful distance of miles, there is complicity.</p><cite>Ralph Waldo Emerson</cite></blockquote> | <blockquote><p>You have just dined, and however scrupulously the slaughterhouse is concealed in the graceful distance of miles, there is complicity.</p><cite>Ralph Waldo Emerson</cite></blockquote> | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div class="sl-slide" data-orientation="vertical" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5"> | + | <div class="sl-slide bg-2" data-orientation="vertical" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5"> |
<div class="sl-slide-inner"> | <div class="sl-slide-inner"> | ||
- | <div class=" | + | <div class="deco" data-icon="q"></div> |
- | <h2>Regula aurea | + | <h2>Regula aurea</h2> |
<blockquote><p>Until he extends the circle of his compassion to all living things, man will not himself find peace.</p><cite>Albert Schweitzer</cite></blockquote> | <blockquote><p>Until he extends the circle of his compassion to all living things, man will not himself find peace.</p><cite>Albert Schweitzer</cite></blockquote> | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1"> | + | <div class="sl-slide bg-3" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1"> |
<div class="sl-slide-inner"> | <div class="sl-slide-inner"> | ||
- | <div class=" | + | <div class="deco" data-icon="O"></div> |
- | <h2>Dum spiro, spero | + | <h2>Dum spiro, spero</h2> |
<blockquote><p>Thousands of people who say they 'love' animals sit down once or twice a day to enjoy the flesh of creatures who have been utterly deprived of everything that could make their lives worth living and who endured the awful suffering and the terror of the abattoirs.</p><cite>Dame Jane Morris Goodall</cite></blockquote> | <blockquote><p>Thousands of people who say they 'love' animals sit down once or twice a day to enjoy the flesh of creatures who have been utterly deprived of everything that could make their lives worth living and who endured the awful suffering and the terror of the abattoirs.</p><cite>Dame Jane Morris Goodall</cite></blockquote> | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div class="sl-slide" data-orientation="vertical" data-slice1-rotation="-5" data-slice2-rotation="25" data-slice1-scale="2" data-slice2-scale="1"> | + | <div class="sl-slide bg-4" data-orientation="vertical" data-slice1-rotation="-5" data-slice2-rotation="25" data-slice1-scale="2" data-slice2-scale="1"> |
<div class="sl-slide-inner"> | <div class="sl-slide-inner"> | ||
- | <div class=" | + | <div class="deco" data-icon="I"></div> |
- | <h2>Donna nobis pacem | + | <h2>Donna nobis pacem</h2> |
<blockquote><p>The human body has no more need for cows' milk than it does for dogs' milk, horses' milk, or giraffes' milk.</p><cite>Michael Klaper M.D.</cite></blockquote> | <blockquote><p>The human body has no more need for cows' milk than it does for dogs' milk, horses' milk, or giraffes' milk.</p><cite>Michael Klaper M.D.</cite></blockquote> | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="-5" data-slice2-rotation="10" data-slice1-scale="2" data-slice2-scale="1"> | + | <div class="sl-slide bg-5" data-orientation="horizontal" data-slice1-rotation="-5" data-slice2-rotation="10" data-slice1-scale="2" data-slice2-scale="1"> |
<div class="sl-slide-inner"> | <div class="sl-slide-inner"> | ||
- | <div class=" | + | <div class="deco" data-icon="t"></div> |
- | <h2>Acta Non Verba | + | <h2>Acta Non Verba</h2> |
<blockquote><p>I think if you want to eat more meat you should kill it yourself and eat it raw so that you are not blinded by the hypocrisy of having it processed for you.</p><cite>Margi Clarke</cite></blockquote> | <blockquote><p>I think if you want to eat more meat you should kill it yourself and eat it raw so that you are not blinded by the hypocrisy of having it processed for you.</p><cite>Margi Clarke</cite></blockquote> | ||
</div> | </div> | ||
</div> | </div> | ||
</div><!-- /sl-slider --> | </div><!-- /sl-slider --> | ||
+ | |||
+ | <nav id="nav-arrows" class="nav-arrows"> | ||
+ | <span class="nav-arrow-prev">Previous</span> | ||
+ | <span class="nav-arrow-next">Next</span> | ||
+ | </nav> | ||
<nav id="nav-dots" class="nav-dots"> | <nav id="nav-dots" class="nav-dots"> | ||
Line 204: | Line 81: | ||
</div><!-- /slider-wrapper --> | </div><!-- /slider-wrapper --> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> | ||
<script type="text/javascript" src="https://5d998c4d8b69bd04b355d486f1b690c9dc479db2.googledrive.com/host/0B-lbKT615Er8bzROdXhlajh5N2c/jquery.ba-cond.min.js"></script> | <script type="text/javascript" src="https://5d998c4d8b69bd04b355d486f1b690c9dc479db2.googledrive.com/host/0B-lbKT615Er8bzROdXhlajh5N2c/jquery.ba-cond.min.js"></script> | ||
- | <script type="text/javascript" src="https://5d998c4d8b69bd04b355d486f1b690c9dc479db2.googledrive.com/host/0B-lbKT615Er8bzROdXhlajh5N2c/jquery.slitslider.js></script> | + | <script type="text/javascript" src="https://5d998c4d8b69bd04b355d486f1b690c9dc479db2.googledrive.com/host/0B-lbKT615Er8bzROdXhlajh5N2c/jquery.slitslider.js"></script> |
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(function() { | $(function() { | ||
Line 219: | Line 91: | ||
var Page = (function() { | var Page = (function() { | ||
- | var $nav = $( '#nav-dots > span' ), | + | var $navArrows = $( '#nav-arrows' ), |
+ | $nav = $( '#nav-dots > span' ), | ||
slitslider = $( '#slider' ).slitslider( { | slitslider = $( '#slider' ).slitslider( { | ||
onBeforeChange : function( slide, pos ) { | onBeforeChange : function( slide, pos ) { | ||
Line 235: | Line 108: | ||
}, | }, | ||
initEvents = function() { | initEvents = function() { | ||
+ | |||
+ | // add navigation events | ||
+ | $navArrows.children( ':last' ).on( 'click', function() { | ||
+ | |||
+ | slitslider.next(); | ||
+ | return false; | ||
+ | |||
+ | } ); | ||
+ | |||
+ | $navArrows.children( ':first' ).on( 'click', function() { | ||
+ | |||
+ | slitslider.previous(); | ||
+ | return false; | ||
+ | |||
+ | } ); | ||
$nav.each( function( i ) { | $nav.each( function( i ) { |
Revision as of 06:54, 20 June 2014
<!DOCTYPE html>