Team:Dundee/Notebook

From 2014.igem.org

(Difference between revisions)
 
(124 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Dundee/Template/header}}
{{:Team:Dundee/Template/header}}
-
<html>
 
 +
<html>
<head>
<head>
-
    <title>Dundee 2014</title>
+
<title>Dundee 2014 Team</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
      
      
-
      <link href="https://2014.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet"> 
 
-
        <!-- <link href="https://2014.igem.org/Team:Dundee/styleshhet?action=raw&ctype=text/css" rel="stylesheet">  -->
 
-
        <link href="http://daneden.github.io/animate.css/animate.min.css" rel="stylesheet">         
 
-
<link href = "css/notebookStyles.css" rel = "stylesheet">
 
-
   
 
-
<link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
 
-
   
 
-
</head>
 
-
<body>
+
  <link href="https://2014.igem.org/Team:Dundee/stylesheet/notebook?action=raw&ctype=text/css" rel="stylesheet">
-
  <!-- Text Grid -->
+
  <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">
-
      <div id="display">
+
 
-
        <!-- Text Grid -->
+
<style type="text/css">
-
      <div class="container">
+
-
         
+
-
        <!--Titile-->
+
-
        <div class = "row">
+
-
            <!--Used to center "poster" column-->
+
.jumbotron{
-
            <div class=" col-md-3"></div>
+
  height: 300px;
-
            <div class="col-md-6 col-centered" id="title">
+
  background: green;
-
                <h1 id="t">Notebook</h1>
+
  color: white;
-
            </div>    
+
-
       
+
}    
-
            <!--Used to center "poster" column-->
+
#btnRow{
-
            <div class="col-md-3"></div>
+
    padding-top: 30px;
-
     
+
     padding-bottom: 30px;
-
        </div>
+
} 
-
     <! -- Image -->
+
-
    <div class = "row">
+
-
            <!--Used to center "poster" column-->
+
.toLesson{
-
            <div class=" col-md-3"></div>
+
    background: green;
-
           
+
    color: white;
-
            <div class="col-md-6 col-centered" id="info">
+
}
-
                <img id="page" src="http://placekitten.com/450/600" class="dd animated rollIn pageImage">                                       
+
 
-
        </div>   
+
.btn-group > a{
-
           
+
color: #ffffff;
-
       
+
}
-
            <!--Used to center "poster" column-->
+
.toClass{
-
            <div class="col-md-3"></div>
+
    background: #97c3c3;
-
    </div>
+
}
-
     
+
 
-
    <! -- Directional Buttons-->
+
 
-
    <div class="row">
+
#magazine{
-
          <!--Used to center "poster" column-->
+
top: 100px;
-
            <div class=" col-md-3"></div>
+
width:1000px;
-
           
+
height:500px;
-
            <div class=" col-md-6">
+
}
-
           
+
#magazine .turn-page{
-
                    <ul class="pager">
+
background-color:#ccc;
-
                        <li class="previous" onclick="changePage(-1)" id="previous" style="visibility:hidden;"><a href="#">&larr; Previous</a></li>
+
background-size:100% 100%;
-
                        <li class="next"  onclick="changePage(1)" id="next"><a href="#">Next &rarr;</a></li>
+
}
-
                    </ul>                                  
+
 
-
            </div>
+
.page{
-
              
+
border: solid;
-
           
+
border-width: 1px;
-
            <!--Used to center "poster" column-->
+
}
-
            <div class=" col-md-3"></div>
+
 
-
         
+
</style>
 +
</head>
 +
<body>
 +
<div class="container">
 +
    <div class="jumbotron">
 +
              <h1>Notebook</h2>
 +
             <p class="lead">When it All Happened</p>
     </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="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>
 +
 +
<div id="magazine">
 +
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/a/ad/Dun_Notebookdun.png" alt="" width=100% height=100% ></div>
 +
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/d/d9/NoteDunWeek0.jpg" alt="" width=100% height=100% ></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 = "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.