Team:Dundee/famAlbum

From 2014.igem.org

(Difference between revisions)
 
(93 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">
-
 
 
-
<link href="//vjs.zencdn.net/4.9/video-js.css" rel="stylesheet">
 
-
<script src="//vjs.zencdn.net/4.9/video.js"></script>
 
-
<!-- jQuery -->
 
-
<script src="https://2014.igem.org/Team:Dundee/js/jquery-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>
 
<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{
#magazine{
top: 100px;
top: 100px;
-
width:700px;
+
width:1000px;
-
height:500px;
+
height:500px;
}
}
#magazine .turn-page{
#magazine .turn-page{
Line 33: Line 50:
}
}
-
div > img{
+
.page{
-
width: 100%;
+
border: solid;
 +
border-width: 1px;
 +
}
 +
 
 +
.page > img{
height: 100%;
height: 100%;
 +
width: 100%;
}
}
 +
</style>
</style>
</head>
</head>
<body>
<body>
 +
 +
<div class="container">
 +
    <div class="jumbotron">
 +
              <h1>Family Album</h2>
 +
            <p class="lead">Ahhhh the Memories</p>
 +
    </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 id="magazine">
<div id="magazine">
-
<div>
+
        <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>
-
        <img src="https://static.igem.org/mediawiki/2014/7/75/Dun_Familyalbum.png" alt="" class="detail">
+
<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 style="background-color:blue;"></div>
 
-
<div style="background-color:red;"></div>
 
</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">
<script type="text/javascript">
Line 78: Line 223:
});
});
 +
$( "#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

Dundee 2014

Dundee 2014

Dundee 2014 Team

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.