Difference between revisions of "Template:Team:TU Eindhoven/CloningGuideViewer HTML"

 
(71 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
<style>
 +
.flipbook div{
 +
background-size: 100% 100%;
 +
}
 +
.HeaderCG{
 +
font-family: Lato_Bold, Arial, sans-serif;
 +
font-size: 25px;
 +
font-weight: normal;
 +
margin: 0 22%;
 +
}
 +
 +
</style>
 
<script src="https://static.igem.org/mediawiki/2015/3/3b/Viewerscript.txt" type="text/javascript"> </script>
 
<script src="https://static.igem.org/mediawiki/2015/3/3b/Viewerscript.txt" type="text/javascript"> </script>
 
<script src="http://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript"> </script>
 
<script src="http://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript"> </script>
Line 30: Line 42:
 
});
 
});
 
}
 
}
 +
 +
$(document).ready(function(){
 +
$('<a target = "_blank" href="https://2015.igem.org/Team:TU_Eindhoven/Collaborations/CloningGuide/FullScreen">Watch in full screen</a><a class="PDFDownload" href="https://static.igem.org/mediawiki/2015/9/9a/TU_Eindhoven_The_Cloning_Guide.pdf">Download the PDF</a>').appendTo($("#flipbookContainer")).css({
 +
'-moz-box-shadow':'inset 0px 1px 0px 0px #97c4fe',
 +
'-webkit-box-shadow':'inset 0px 1px 0px 0px #97c4fe',
 +
'box-shadow':'inset 0px 1px 0px 0px #97c4fe',
 +
'background':'-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0))',
 +
'background':'-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);',
 +
'background':'-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%)',
 +
'background':'-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%)',
 +
'background':'-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%)',
 +
'background':'linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%)',
 +
'filter:progid':'DXImageTransform.Microsoft.gradient(startColorstr="#3d94f6", endColorstr="#1e62d0",GradientType=0)',
 +
'background-color':'#3d94f6',
 +
'-moz-border-radius':'6px',
 +
'-webkit-border-radius':'6px',
 +
'border-radius':'6px',
 +
'border':'1px solid #337fed',
 +
'display':'inline-block',
 +
'cursor':'pointer',
 +
'color':'#ffffff',
 +
'font-family':'Arial',
 +
'font-size':'15px',
 +
'font-weight':'bold',
 +
'padding':'6px 24px',
 +
'text-decoration':'none',
 +
        'margin-top':'10px',
 +
        'margin-left':'calc(50% - 99px)',
 +
'text-shadow':'0px 1px 0px #1570cd'})
 +
 +
$('.PDFDownload').css({
 +
'-moz-box-shadow':'inset 0px 1px 0px 0px #97c4fe',
 +
'-webkit-box-shadow':'inset 0px 1px 0px 0px #97c4fe',
 +
'box-shadow':'inset 0px 1px 0px 0px #97c4fe',
 +
'background':'-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0))',
 +
'background':'-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);',
 +
'background':'-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%)',
 +
'background':'-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%)',
 +
'background':'-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%)',
 +
'background':'linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%)',
 +
'filter:progid':'DXImageTransform.Microsoft.gradient(startColorstr="#3d94f6", endColorstr="#1e62d0",GradientType=0)',
 +
'background-color':'#3d94f6',
 +
'-moz-border-radius':'6px',
 +
'-webkit-border-radius':'6px',
 +
'border-radius':'6px',
 +
'border':'1px solid #337fed',
 +
'display':'inline-block',
 +
'cursor':'pointer',
 +
'color':'#ffffff',
 +
'font-family':'Arial',
 +
'font-size':'15px',
 +
'font-weight':'bold',
 +
'padding':'6px 24px',
 +
'text-decoration':'none',
 +
'text-shadow':'0px 1px 0px #1570cd',
 +
        'margin-left':'calc(50% - 93px)',})
 +
})
  
 
// Load the HTML4 version if there's not CSS transform
 
// Load the HTML4 version if there's not CSS transform
Line 35: Line 104:
 
yepnope({
 
yepnope({
 
test : Modernizr.csstransforms,
 
test : Modernizr.csstransforms,
−
yep: ['../../lib/turn.js'],
+
yep: ['https://static.igem.org/mediawiki/2015/d/d7/TU_Eindhoven_Turn.txt'],
−
nope: ['../../lib/turn.html4.min.js'],
+
nope: ['https://static.igem.org/mediawiki/2015/8/89/TU_Eindhoven_TurnHtml4.txt'],
 
both: ['css/basic.css'],
 
both: ['css/basic.css'],
 
complete: loadApp
 
complete: loadApp
Line 42: Line 111:
  
 
</script>
 
</script>
−
 
+
<span class="HeaderCG">Feel free to browse through the cloning guide.</span><br /><br />
−
<div class="flipbook-viewport">
+
<div id="flipbookContainer">
−
<div class="container">
+
 
<div class="flipbook">
 
<div class="flipbook">
−
<div style="background-image:url('http://img3.wikia.nocookie.net/__cb20130727034808/muppet/images/d/da/Bert1970.jpg')"></div>
+
<div style="background-image:url('https://static.igem.org/mediawiki/2015/6/6b/TU_Eindhoven_CloningGuide_front.png')"></div>
−
<div style="background-image:url('http://www.uh.edu/engines/2773ernie.PNG')"></div>
+
<div style="background-image:url('https://static.igem.org/mediawiki/2015/6/6e/TU_Eindhoven_CloningGuide_paginas2.png')"></div>
−
<div style="background-image:url('https://s-media-cache-ak0.pinimg.com/originals/db/bf/55/dbbf555719e6f1d1f0f5060222f15848.jpg')"></div>
+
<div style="background-image:url('https://static.igem.org/mediawiki/2015/2/22/TU_Eindhoven_CloningGuide_paginas3.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/7/7e/TU_Eindhoven_CloningGuide_paginas4.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/e/e3/TU_Eindhoven_CloningGuide_paginas5.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/8/84/TU_Eindhoven_CloningGuide_paginas6.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/b/bc/TU_Eindhoven_CloningGuide_paginas7.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/9/9c/TU_Eindhoven_CloningGuide_paginas8.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/3/34/TU_Eindhoven_CloningGuide_paginas9.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/2/2a/TU_Eindhoven_CloningGuide_paginas10.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/2/25/TU_Eindhoven_CloningGuide_paginas11.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/9/94/TU_Eindhoven_CloningGuide_paginas12.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/4/4a/TU_Eindhoven_CloningGuide_paginas13.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/5/50/TU_Eindhoven_CloningGuide_paginas14.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/d/d8/TU_Eindhoven_CloningGuide_paginas15.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/d/dd/TU_Eindhoven_CloningGuide_paginas16.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/5/5b/TU_Eindhoven_CloningGuide_paginas17.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/1/12/TU_Eindhoven_CloningGuide_paginas18.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/3/3b/TU_Eindhoven_CloningGuide_paginas19.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/c/cd/TU_Eindhoven_CloningGuide_paginas20.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/8/82/TU_Eindhoven_CloningGuide_paginas21.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/9/9d/TU_Eindhoven_CloningGuide_paginas22.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/7/76/TU_Eindhoven_CloningGuide_paginas23.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/b/bd/TU_Eindhoven_CloningGuide_paginas24.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/c/c4/TU_Eindhoven_CloningGuide_paginas25.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/b/b4/TU_Eindhoven_CloningGuide_paginas26.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/b/bd/TU_Eindhoven_CloningGuide_paginas27.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/4/45/TU_Eindhoven_CloningGuide_paginas28.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/7/7e/TU_Eindhoven_CloningGuide_paginas29.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/9/96/TU_Eindhoven_CloningGuide_paginas30.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/5/59/TU_Eindhoven_CloningGuide_paginas31.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/8/8c/TU_Eindhoven_CloningGuide_paginas32.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/f/ff/TU_Eindhoven_CloningGuide_paginas33.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/e/e9/TU_Eindhoven_CloningGuide_paginas34.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/a/a9/TU_Eindhoven_CloningGuide_paginas35.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/5/5f/TU_Eindhoven_CloningGuide_paginas36.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/f/f5/TU_Eindhoven_CloningGuide_paginas37.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/b/b2/TU_Eindhoven_CloningGuide_paginas38.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/f/f0/TU_Eindhoven_CloningGuide_paginas39.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/6/60/TU_Eindhoven_CloningGuide_paginas40.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/e/e2/TU_Eindhoven_CloningGuide_paginas41.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/7/7c/TU_Eindhoven_CloningGuide_paginas42.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/9/96/TU_Eindhoven_CloningGuide_paginas43.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/1/14/TU_Eindhoven_CloningGuide_paginas44.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/4/4e/TU_Eindhoven_CloningGuide_paginas45.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/e/ef/TU_Eindhoven_CloningGuide_paginas46.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/2/22/TU_Eindhoven_CloningGuide_paginas47.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/7/70/TU_Eindhoven_CloningGuide_paginas48.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/7/7e/TU_Eindhoven_CloningGuide_paginas49.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/3/3b/TU_Eindhoven_CloningGuide_paginas50.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/2/23/TU_Eindhoven_CloningGuide_paginas51.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/9/92/TU_Eindhoven_CloningGuide_paginas52.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/f/ff/TU_Eindhoven_CloningGuide_paginas53.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/7/77/TU_Eindhoven_CloningGuide_paginas54.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/5/50/TU_Eindhoven_CloningGuide_paginas55.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/2/21/TU_Eindhoven_CloningGuide_paginas56.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/b/b8/TU_Eindhoven_CloningGuide_paginas57.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/4/4f/TU_Eindhoven_CloningGuide_paginas58.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/2/2f/TU_Eindhoven_CloningGuide_paginas59.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/d/de/TU_Eindhoven_CloningGuide_paginas60.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/c/c6/TU_Eindhoven_CloningGuide_paginas61.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/4/44/TU_Eindhoven_CloningGuide_paginas62.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/b/b6/TU_Eindhoven_CloningGuide_paginas63.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/7/7b/TU_Eindhoven_CloningGuide_paginas64.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/9/94/TU_Eindhoven_CloningGuide_paginas65.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/e/e2/TU_Eindhoven_CloningGuide_paginas66.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/1/1e/TU_Eindhoven_CloningGuide_paginas67.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/f/fc/TU_Eindhoven_CloningGuide_paginas68.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/6/67/TU_Eindhoven_CloningGuide_paginas69.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/9/97/TU_Eindhoven_CloningGuide_paginas70.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/b/bb/TU_Eindhoven_CloningGuide_paginas71.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/f/fd/TU_Eindhoven_CloningGuide_paginas72.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/6/63/TU_Eindhoven_CloningGuide_paginas73.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/d/d9/TU_Eindhoven_CloningGuide_paginas74.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/2/26/TU_Eindhoven_CloningGuide_paginas75.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/a/a7/TU_Eindhoven_CloningGuide_paginas76.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/d/d5/TU_Eindhoven_CloningGuide_paginas77.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/4/44/TU_Eindhoven_CloningGuide_paginas78.png')"></div>
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/7/7e/TU_Eindhoven_CloningGuide_paginas4.png')"></div>
 +
 
 +
 
 +
 +
<div style="background-image:url('https://static.igem.org/mediawiki/2015/9/98/TU_Eindhoven_paginas80.png')"></div>
 
</div>
 
</div>
−
</div>
 
 
</div>
 
</div>
−
 
 
</html>
 
</html>

Latest revision as of 23:49, 20 November 2015

Feel free to browse through the cloning guide.