Team:Dundee/Notebook

From 2014.igem.org

(Difference between revisions)
 
(123 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Dundee/Template/header}}
{{:Team:Dundee/Template/header}}
 +
<html>
<html>
 +
<head>
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
<title>Dundee 2014 Team</title>
 +
 
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
      
      
 +
 +
  <link href="https://2014.igem.org/Team:Dundee/stylesheet/notebook?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/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="http://daneden.github.io/animate.css/animate.min.css" rel="stylesheet">
 
    
    
-
<link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
+
<style type="text/css">
 +
 
 +
.jumbotron{
 +
  height: 300px;
 +
  background: green;
 +
  color: white;
   
   
-
<style>
+
}   
-
+
#btnRow{
-
img.bg {
+
    padding-top: 30px;  
-
/* Set rules to fill background */
+
    padding-bottom: 30px;
-
min-height: 100%;
+
}  
-
min-width: 1024px;
+
-
+
-
/* Set up proportionate scaling */
+
-
width: 100%;
+
-
height: auto;
+
-
+
-
/* Set up positioning */
+
-
position: fixed;
+
-
top: 0;
+
-
left: 0;
+
-
}
+
-
+
-
@media screen and (max-width: 1024px){
+
-
img.bg {
+
-
left: 50%;
+
-
margin-left: -512px; }
+
-
}
+
-
</style>
+
 +
.toLesson{
 +
    background: green;
 +
    color: white;
 +
}
 +
.btn-group > a{
 +
color: #ffffff;
 +
}
 +
.toClass{
 +
    background: #97c3c3;
 +
}
-
</head>
+
#magazine{
-
 
+
top: 100px;
 +
width:1000px;
 +
height:500px;
 +
}
 +
#magazine .turn-page{
 +
background-color:#ccc;
 +
background-size:100% 100%;
 +
}
 +
.page{
 +
border: solid;
 +
border-width: 1px;
 +
}
 +
 +
</style>
 +
</head>
<body>
<body>
 +
<div class="container">
 +
    <div class="jumbotron">
 +
              <h1>Notebook</h2>
 +
            <p class="lead">When it All Happened</p>
 +
    </div>
-
<img src="https://static.igem.org/mediawiki/2014/5/5b/Dundee_test_background.jpg" class="bg">
 
 +
<div class="row">
 +
<div class="row-12">
 +
<p>
 +
In this book you can read our weekly account of our work, which was carried out over the summer; everything from failed western blots to frustrating stochastic modelling.
 +
<br/>
 +
<br/>
 +
To view this content out of book form and in a more classic format click  <a href="https://2014.igem.org/Team:Dundee/Notebook/normal">here</a>.
 +
</p>
 +
</div>
 +
</div>
-
<body>
+
<div id="magazine">
-
  <!-- Text Grid -->
+
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/a/ad/Dun_Notebookdun.png" alt="" width=100% height=100% ></div>
-
     
+
-
      <div id="display">
+
-
        <!-- Text Grid -->
+
-
      <div class="container">
+
-
         
+
-
        <!--Titile-->
+
-
        <div class = "row">
+
-
            <!--Used to center "poster" column-->
+
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/d/d9/NoteDunWeek0.jpg" alt="" width=100% height=100% ></div>  
-
            <div class=" col-md-3"></div>
+
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/1/12/DUN_Notebook_text_Slide01.png" alt="" width=100% height=100% ></div>
-
            <div class="col-md-6 col-centered" id="title">
+
-
                <h1 id="t">Notebook</h1>
+
-
            </div>   
+
-
       
+
-
            <!--Used to center "poster" column-->
+
-
            <div class="col-md-3"></div>
+
-
     
+
-
        </div>
+
-
    <! -- Image -->
+
-
    <div class = "row">
+
-
            <!--Used to center "poster" column-->
 
-
            <div class=" col-md-3"></div>
 
-
           
 
-
            <div class="col-md-6 col-centered" id="info">
 
-
                <img id="page" src="http://placekitten.com/450/600" class="dd animated rollIn pageImage">                                       
 
-
        </div>   
 
-
           
 
-
       
 
-
            <!--Used to center "poster" column-->
 
-
            <div class="col-md-3"></div>
 
-
    </div>
 
-
     
 
-
    <! -- Directional Buttons-->
 
-
    <div class="row">
 
-
          <!--Used to center "poster" column-->
 
-
            <div class=" col-md-3"></div>
 
-
           
 
-
            <div class=" col-md-6">
 
-
           
 
-
                    <ul class="pager">
 
-
                        <li class="previous" onclick="changePage(-1)" id="previous" style="visibility:hidden;"><a href="#">&larr; Previous</a></li>
 
-
                        <li class="next"  onclick="changePage(1)" id="next"><a href="#">Next &rarr;</a></li>
 
-
                    </ul>                                   
 
-
            </div>
 
-
           
 
-
           
 
-
            <!--Used to center "poster" column-->
 
-
            <div class=" col-md-3"></div>
 
-
         
 
-
    </div>
 
-
   
 
-
    <!-- Change notebook page on display -->
 
-
    <script>
 
-
        var pageImages = ["http://placekitten.com/450/600", "http://placekitten.com/450/600"];
 
-
        //Stroes which page os being displayed
 
-
        var currPage = 1;
 
-
       
 
-
       
 
-
        //function to add/remove pages
 
-
        function changePage(direction) {
 
-
            var image = document.getElementById('page');
 
-
       
 
-
            var checker = document.getElementById('t');
 
-
   
 
-
            currPage = currPage + direction;
 
-
               
 
-
            if(currPage == 1)
 
-
            {
 
-
                document.getElementById("previous").style.visibility ="hidden";
 
-
            }
 
-
            else
 
-
            {
 
-
                document.getElementById("previous").style.visibility ="visible";
 
-
            }
 
-
            if(currPage == 10)
 
-
            {
 
-
                document.getElementById("next").style.visibility ="hidden";
 
-
            }
 
-
            else
 
-
            {
 
-
                document.getElementById("next").style.visibility ="visible";
 
-
            }
 
-
           
 
-
                if(direction == -1)
 
-
                {                   
 
-
                  var oldPage = document.getElementById((currPage + 1).toString());
 
-
                  oldPage.setAttribute("class", "dd animated rollOut pageImage");
 
-
                 
 
-
                  setTimeout(function(){document.getElementById("info").removeChild(oldPage);}, 1000);
 
-
                }
 
-
                else
 
-
                {           
 
-
                    var newPage = document.createElement("img");
 
-
                    newPage.setAttribute("id", currPage.toString());
 
-
                    newPage.setAttribute("class", "dd animated rollIn  pageImage");
 
-
                    document.getElementById("info").appendChild(newPage);
 
-
                   
 
-
                    if(newPage.id%2 == 0)
 
-
                    {
 
-
                        newPage.src = pageImages[0];
 
-
                        newPage.setAttribute("style", "position: absolute; right:100px;");
 
-
                    }
 
-
                    else
 
-
                    {
 
-
                        newPage.src = pageImages[1];
 
-
                    newPage.setAttribute("style", "position: absolute; left:100px;");
 
-
                    }
 
-
                }       
 
-
        }
 
-
    </script>
 
-
</body>
+
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/8/8a/NoteDunWeek1.jpg" alt="" width=100% height=100% ></div>
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/8/86/DUN_Notebook_text_Slide02.png" alt="" width=100% height=100% ></div>
 +
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/e/e4/NoteDunWeek2.jpg" alt="" width=100% height=100% ></div>
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/3/35/DUN_Notebook_text_Slide03.png" alt="" width=100% height=100% ></div>
 +
 +
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/3/3c/NoteDunWeek3.jpg" alt="" width=100% height=100% ></div>
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/8/82/DUN_Notebook_missing_Slide04.png" alt="" width=100% height=100% ></div>
 +
 +
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/e/e1/NoteDunWeek4.jpg" alt="" width=100% height=100% ></div>
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/d/df/DUN_Notebook_text_Slide04.png" alt="" width=100% height=100% ></div>
 +
 +
 +
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/6/6e/NoteDunWeek5.jpg" alt="" width=100% height=100% ></div>
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/4/4c/DUN_Notebook_text_Slide05.png" alt="" width=100% height=100% ></div>
 +
 +
 +
 +
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/7/70/NoteDunWeek6.jpg" alt="" width=100% height=100% ></div>
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/8/8d/DUN_Notebook_text_Slide06.png" alt="" width=100% height=100% ></div>
 +
 +
 +
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/2/25/NoteDunWeek7.jpg" alt="" width=100% height=100% ></div>
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/4/4a/DUN_Notebook_text_Slide07.png" alt="" width=100% height=100% ></div>
 +
 +
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/d/dc/NoteDunWeek8.jpg" alt="" width=100% height=100% ></div>
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/9/97/DUN_Notebook_text_Slide08.png" alt="" width=100% height=100% ></div>
 +
 +
 +
 +
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/0/07/NoteDunWeek9.jpg" alt="" width=100% height=100% ></div>
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/2/29/DUN_Notebook_text_Slide09.png" alt="" width=100% height=100% ></div>
 +
 +
 +
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/c/c1/NoteDunWeek10.jpg" alt="" width=100% height=100% ></div>
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/b/b3/DUN_Notebook_text_Slide10.png" alt="" width=100% height=100% ></div>
 +
 +
 +
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/f/fb/NoteDunWeek11.jpg" alt="" width=100% height=100% ></div>
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/e/ec/DUN_Notebook_text_Slide11.png" alt="" width=100% height=100% ></div>
 +
 +
 +
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/0/0f/NoteDunWeek12.jpg" alt="" width=100% height=100% ></div>
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/e/ef/DUN_Notebook_text_Slide12.png" alt="" width=100% height=100% ></div>
 +
 +
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/7/7b/NoteDunWeek13.jpg" alt="" width=100% height=100% ></div>
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/f/f0/DUN_Notebook_text_Slide13.png" alt="" width=100% height=100% ></div>
 +
 +
 +
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/0/0a/NoteDunWeek14.jpg" alt="" width=100% height=100% ></div>
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/1/18/DUN_Notebook_text_Slide14.png" alt="" width=100% height=100% ></div>
 +
 +
 +
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/8/89/NoteDunWeek15.jpg" alt="" width=100% height=100% ></div>
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/6/63/DUN_Notebook_text_Slide15.png" alt="" width=100% height=100% ></div>
 +
 +
 +
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/f/f3/NoteDunWeek16.jpg" alt="" width=100% height=100% ></div>
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/7/7b/DUN_Notebook_text_Slide16.png" alt="" width=100% height=100% ></div>
 +
 +
 +
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/4/49/NoteDunWeek17.jpg" alt="" width=100% height=100% ></div>
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/b/b6/DUN_Notebook_text_Slide17.png" alt="" width=100% height=100% ></div>
 +
 +
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/4/46/NoteDunWeek18.jpg" alt="" width=100% height=100% ></div>
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/c/c5/DUN_Notebook_text_Slide18.png" alt="" width=100% height=100% ></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 ="Safety" class="btn btn-default toLesson">Previous Book: Safety & Protocols</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">
 +
    <a href ="famAlbum" class="btn btn-default toLesson">Next Book: Family Album</a>
 +
  </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>
 +
 +
 +
<!-- 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>
</html>
</html>
 +
{{:Team:Dundee/Template/welcomeNoteLibrary}}

Latest revision as of 23:22, 17 October 2014

Dundee 2014

Dundee 2014


Dundee 2014 Team

Notebook

When it All Happened

In this book you can read our weekly account of our work, which was carried out over the summer; everything from failed western blots to frustrating stochastic modelling.

To view this content out of book form and in a more classic format click here.