Team:Dundee/famAlbum
From 2014.igem.org
(Difference between revisions)
(54 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | {{:Team:Dundee/Template/header}} | ||
+ | |||
<html> | <html> | ||
<head> | <head> | ||
Line 11: | Line 13: | ||
<link href="https://2014.igem.org/Team:Dundee/stylesheet?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"> | <link href="https://2014.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
- | + | .jumbotron{ | |
- | + | height: 300px; | |
- | + | background: green; | |
- | } | + | color: white; |
+ | |||
+ | } | ||
+ | #btnRow{ | ||
+ | padding-top: 30px; | ||
+ | padding-bottom: 30px; | ||
+ | } | ||
- | + | .toLesson{ | |
- | + | background: green; | |
- | + | color: white; | |
} | } | ||
- | + | .btn-group > a{ | |
- | + | color: #ffffff; | |
- | . | + | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .toClass{ | |
- | . | + | background: #97c3c3; |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #magazine{ | |
- | + | top: 100px; | |
+ | width:1000px; | ||
+ | height:500px; | ||
} | } | ||
- | + | #magazine .turn-page{ | |
- | + | background-color:#ccc; | |
- | + | background-size:100% 100%; | |
- | . | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .page{ | |
- | + | border: solid; | |
+ | border-width: 1px; | ||
} | } | ||
- | + | .page > img{ | |
- | + | height: 100%; | |
- | + | width: 100%; | |
} | } | ||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
- | <div class=" | + | <div class="container"> |
- | <div class=" | + | <div class="jumbotron"> |
- | + | <h1>Family Album</h2> | |
- | + | <p class="lead">Ahhhh the Memories</p> | |
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="col-12"> | ||
+ | <p> | ||
+ | We invite you to look through our family album, where we share our life’s journey with you from the beginning. | ||
+ | </p> | ||
+ | </div> | ||
</div> | </div> | ||
- | < | + | <div id="magazine"> |
- | / | + | <div class="page"><img src="https://static.igem.org/mediawiki/2014/7/75/Dun_Familyalbum.png" alt=""></div> |
- | + | <div class="page"><img src="https://static.igem.org/mediawiki/2014/7/7e/Dun_powerRange.png" alt=""></div> | |
- | + | <div class="page"><img src="https://static.igem.org/mediawiki/2014/7/79/Dun_tele.png" alt=""></div> | |
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/e/e0/Dun_fj_selfies.png" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/6/6c/Dun_davita.png" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/5/53/Dun_jen_look.png" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/6/67/Dun_bDay_into.png" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/6/63/Dun_bDay_gill.png" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/a/a1/Dun_bDay_gill2.png" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/8/8e/Dun_bDay_gill3.png" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/8/88/Dun_jess_bday.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/3/3f/Dun_Slide12.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/5/59/Dun_Slide13.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/2/29/Dun_Slide14.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/3/34/Dun_Slide15.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/7/7d/Dun_Slide16.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/f/f7/Dun_Slide17.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/3/35/Dun_Slide18.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/2/27/Dun_Slide19.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/4/42/Dun_Slide20.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/e/ed/Dun_Slide21.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/2/2f/Dun_Slide22.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/f/ff/Dun_Slide23.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/c/c4/Dun_Slide24.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/c/c2/Dun_Slide25.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/2/24/Dun_Slide26.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/f/f1/Dun_Slide27.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/5/5e/Dun_Slide28.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/1/14/Dun_Slide29.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/e/ec/Dun_Slide30.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/6/6f/Dun_Slide31.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/0/01/Dun_Slide32.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/b/b5/Dun_Slide33.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/c/c9/Dun_Slide34.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/c/c9/Dun_Slide35.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/f/f1/Dun_Slide36.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/a/a9/Dun_Slide37.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/a/ab/Dun_Slide38.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/6/68/Dun_Slide39.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/2/22/Dun_Slide40.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/e/eb/Dun_Slide41.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/0/07/Dun_Slide42.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/f/f1/Dun_Slide43.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/3/39/Dun_Slide44.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/f/f9/Dun_Slide45.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/9/94/Dun_Slide46.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/e/e9/Dun_Slide47.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/1/13/Dun_Slide48.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/a/ab/Dun_Slide49.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/f/f5/Dun_Slide50.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/3/3a/Dun_Slide51.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/d/df/Dun_Slide52.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/0/04/Dun_Slide53.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/3/31/Dun_Slide54.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/6/6a/Dun_Slide55.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/e/e7/Dun_Slide56.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/c/c4/Dun_Slide57.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/3/3d/Dun_Slide58.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/d/d8/Dun_Slide59.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/4/42/Dun_Slide60.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/d/d0/Slide61.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/a/a2/Slide62.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/0/03/Slide63.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/b/b9/Slide64.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/5/53/Slide65.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/8/8d/Slide66.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/c/c4/Slide67.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/7/73/Slide68.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/d/d6/Slide69.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/7/74/Slide70.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/3/37/Slide71.PNG" alt=""></div> | ||
+ | </div> | ||
- | / | + | <div class="row"> |
+ | <div class="col-12"> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row" id="btnRow"> | ||
+ | <div class="btn-group btn-group-justified"> | ||
+ | <div class="btn-group"> | ||
+ | <a class="btn btn-default toClass" id="lastPage">Previous Page</a> | ||
+ | </div> | ||
+ | <div class="btn-group"> | ||
+ | </div> | ||
+ | <div class="btn-group"> | ||
+ | <a class="btn btn-default toClass" id="nextPage">Next Page</a> | ||
+ | </div> | ||
+ | </div> | ||
- | + | <div class="row"> | |
- | + | <div class="col-12"> | |
+ | <hr> | ||
+ | </div> | ||
+ | </div> | ||
- | + | </div> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | <div class="row" id="btnRow"> | |
- | + | <div class="btn-group btn-group-justified"> | |
- | + | <div class="btn-group"> | |
- | + | <a href="Notebook" class="btn btn-default toLesson">Previous Book: Notebook</a> | |
- | + | </div> | |
+ | <div class="btn-group"> | ||
+ | <a href="https://2014.igem.org/Team:Dundee/inside/library" class="btn btn-default toClass">Back to Library</a> | ||
+ | </div> | ||
+ | <div class="btn-group"> | ||
+ | </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'); | ||
+ | |||
+ | }); | ||
- | + | $( "#lastPage" ).click(function() { | |
- | + | $('#magazine').turn('previous'); | |
- | + | }); | |
- | + | ||
- | + | ||
- | + | $( "#nextPage" ).click(function() { | |
- | + | $('#magazine').turn('next'); | |
- | + | }); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
+ | $( "#info" ).click( function() { | ||
+ | $('#welcomeNote').appendTo("body"); | ||
+ | $("#welcomeNote").modal(); | ||
+ | }); | ||
</script> | </script> | ||
+ | <!-- jQuery --> | ||
+ | <script src="https://2014.igem.org/Team:Dundee/js/jquery-js?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <!-- Bootstrap --> | ||
+ | <script src="https://2014.igem.org/Team:Dundee/js/bootstrap-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> | ||
</body> | </body> | ||
</html> | </html> | ||
+ | {{:Team:Dundee/Template/welcomeNoteLibrary}} |
Latest revision as of 22:42, 17 October 2014
Family Album
Ahhhh the Memories
We invite you to look through our family album, where we share our life’s journey with you from the beginning.