Difference between revisions of "Team:Waterloo/Notebook"

m
m
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Waterloo}}
 
{{Waterloo}}
 
<html>
 
<html>
−
<script src="https://2015.igem.org/wiki/index.php?title=Template:Waterloo/JS/d3&action=raw&ctype=text/javascript"></script>
+
<script src="/wiki/index.php?title=Template:Waterloo/JS/d3&action=raw&ctype=text/javascript"></script>
−
<script src="https://2015.igem.org/wiki/index.php?title=Template:Waterloo/JS/cal-heatmap&action=raw&ctype=text/javascript"></script>
+
<script src="/wiki/index.php?title=Template:Waterloo/JS/cal-heatmap&action=raw&ctype=text/javascript"></script>
−
<script src="https://2015.igem.org/wiki/index.php?title=Template:Waterloo/JS/days&action=raw&ctype=text/javascript"></script>
+
<script src="/wiki/index.php?title=Template:Waterloo/JS/days&action=raw&ctype=text/javascript"></script>
−
<script src="https://2015.igem.org/wiki/index.php?title=Template:Waterloo/JS/notes&action=raw&ctype=text/javascript"></script>
+
<script src="/wiki/index.php?title=Template:Waterloo/JS/notes&action=raw&ctype=text/javascript"></script>
 
<script>
 
<script>
−
var month = new Array();
+
    var month = new Array();
−
month[0] = "Jan";
+
    month[0] = "Jan";
−
month[1] = "Feb";
+
    month[1] = "Feb";
−
month[2] = "Mar";
+
    month[2] = "Mar";
−
month[3] = "Apr";
+
    month[3] = "Apr";
−
month[4] = "May";
+
    month[4] = "May";
−
month[5] = "Jun";
+
    month[5] = "Jun";
−
month[6] = "Jul";
+
    month[6] = "Jul";
−
month[7] = "Aug";
+
    month[7] = "Aug";
−
month[8] = "Sep";
+
    month[8] = "Sep";
−
month[9] = "Oct";
+
    month[9] = "Oct";
−
month[10] = "Nov";
+
    month[10] = "Nov";
−
month[11] = "Dec";
+
    month[11] = "Dec";
 
</script>
 
</script>
−
<link rel="stylesheet" href="https://2015.igem.org/wiki/index.php?title=Template:Waterloo/CSS/cal-heatmap&action=raw&ctype=text/css"></link>
 
  
−
<div id ="mainContainer">
+
<link rel="stylesheet" href="/wiki/index.php?title=Template:Waterloo/CSS/cal-heatmap&action=raw&ctype=text/css"></link>
−
<div id ="contentContainer">
+
  
−
  <h1>Notebook</h1>
+
<div class="container main-container">
 +
    <h1>Notebook</h1>
 +
    <p>
 +
        This page gives a sense of the chronology of our lab work from late May 2015 onwards, based on our Experimental Task List lab tracking system, which you can read about <a href="http://igem.uwaterloo.ca/2015/07/17/5-tools-to-keep-your-igem-team-organized/">here</a>. Click on a day to see the experimental tasks completed. A similar sense of modelling chronology can be found in our <a href="https://github.com/igem-waterloo/uwaterloo-igem-2015/graphs/contributors">GitHub</a> contributors page. The contributions of individual team members are documented on the <a href="https://2015.igem.org/Team:Waterloo/Team">Team page</a>.
 +
    </p>
  
 
     <div id="cal-heatmap"></div>
 
     <div id="cal-heatmap"></div>
−
<div>
+
    <p style="text-align:center;">Click on a day to view the work.</p>
−
<h2 id="onClick-placeholder"></h2>
+
    <div>
−
<ul id="notes-table"></ul>
+
        <h2 id="onClick-placeholder"></h2>
−
</div>
+
        <ul id="notes-table"></ul>
−
<script type="text/javascript">
+
     </div>
−
var cal = new CalHeatMap();
+
−
cal.init({
+
−
start: new Date(2015, 4),
+
−
    data:days,
+
−
    dataType: "json",
+
−
    domain : "month",
+
−
    subDomain : "day",
+
−
    range : 5,
+
−
    cellSize: 24,
+
−
subDomainTextFormat: "%d",
+
−
displayLegend: false,
+
−
onClick: function(date, nb) {
+
−
$("#onClick-placeholder").html("<b>" +
+
−
date.toDateString() + "</b>"
+
−
);
+
−
var message = ""
+
−
var key = month[date.getMonth()]+(date.getDate())
+
−
if (key in notes){
+
−
$.each(notes[key], function( index, value ) {
+
−
message += "<li>"+value+"</li>";
+
−
});}
+
−
$("#notes-table").html(message
+
−
);
+
−
}
+
−
});
+
−
+
−
</script>
+
−
     <div class="prevHighlightBox">
+
−
        <p> Document the dates you worked on your project.</p>
+
  
−
        <h5>What should this page have?</h5>
+
    <script type="text/javascript">
−
        <ul>
+
    var cal = new CalHeatMap();
−
            <li>Chronological notes of what your team is doing.</li>
+
    cal.init({
−
            <li> Brief descriptions of daily important events.</li>
+
    start: new Date(2015, 4),
−
            <li>Pictures of your progress. </li>
+
        data:days,
−
            <li>Mention who participated in what task.</li>
+
        dataType: "json",
−
        </ul>
+
        domain : "month",
 +
        subDomain : "day",
 +
        range : 5,
 +
        cellSize: 24,
 +
    subDomainTextFormat: "%d",
 +
    displayLegend: false,
 +
    onClick: function(date, nb) {
 +
    $("#onClick-placeholder").html(date.toDateString());
 +
    var message = ""
 +
    var key = month[date.getMonth()]+(date.getDate())
 +
    if (key in notes){
 +
    $.each(notes[key], function( index, value ) {
 +
    message += "<li>"+value+"</li>";
 +
    });}
 +
    $("#notes-table").html(message
 +
    );
 +
    }
 +
    });
 +
    </script>
  
  
−
        <h4>Inspiration</h4>
 
−
        <p>You can see what others teams have done to organize their notes:</p>
 
−
 
−
        <ul>
 
−
            <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
 
−
            <li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
 
−
            <li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
 
−
            <li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
 
−
        </ul>
 
−
    </div>
 
−
 
−
</div>
 
 
</div>
 
</div>
 
</html>
 
</html>
 
{{Waterloo_Footer}}
 
{{Waterloo_Footer}}

Latest revision as of 00:49, 3 October 2015

Notebook

This page gives a sense of the chronology of our lab work from late May 2015 onwards, based on our Experimental Task List lab tracking system, which you can read about here. Click on a day to see the experimental tasks completed. A similar sense of modelling chronology can be found in our GitHub contributors page. The contributions of individual team members are documented on the Team page.

Click on a day to view the work.

    Top