Difference between revisions of "Team:Waterloo/Notebook"

Line 1: Line 1:
 
{{Template:Waterloo}}
 
{{Template:Waterloo}}
 
<html>
 
<html>
 +
<head>
 +
  <title>Waterloo iGEM</title>
 +
  <!-- Note: Must fix paths when putting on server -->
 +
  <link rel="stylesheet" href="../../css/bootstrap.min.css" type=
 +
  "text/css">
 +
  <link rel="stylesheet" href="../../css/style.css" type=
 +
  "text/css">
 +
  <link href="https://fonts.googleapis.com/css?family=Baloo+Bhaina"
 +
  rel="stylesheet" type="text/css">
 +
  <script src="../../js/jquery-3.1.0.min.js" type=
 +
  "text/javascript">
 +
</script>
 +
  <script src="../../js/jquery-color.js" type="text/javascript">
 +
</script>
 +
  <script src="../../js/bootstrap.min.js" type="text/javascript">
 +
</script>
 +
  <script src="../../js/angular.min.js" type="text/javascript">
 +
</script>
 +
  <script src="../../js/app.js" type="text/javascript">
 +
</script>
 +
  <script src="../../js/d3.js" type="text/javascript">
 +
</script>
 +
  <script src="../../js/cal-heatmap.js" type="text/javascript">
 +
</script>
 +
  <script src="../../js/notes.js" type="text/javascript">
 +
</script>
 +
  <script src="../../js/days.js" type="text/javascript">
 +
</script>
 +
  <link rel="stylesheet" href=
 +
  "../../font-awesome/css/font-awesome.min.css" type="text/css">
 +
  <link rel="stylesheet" href="/css/cal-heatmap.css" type=
 +
  "text/css">
 +
</head>
  
 +
<body ng-controller="main" ng-cloak="">
 +
  <div class="header" ng-include=
 +
  "'../HomePage/Waterloo_Header.html'"></div>
  
−
<div class="column full_size">
+
  <div class="wcontent-box">
 +
    <div class="wcontent-title">
 +
      Notebook
 +
    </div>
  
−
<p> Document the dates you worked on your project.</p>
+
    <div class="wcontent">
 +
      <div>
 +
        <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>
+
        <div id="cal-heatmap"></div>
  
−
<div class="column half_size">
+
        <p style="text-align:center;">Click on a day to view the
−
<h5>What should this page have?</h5>
+
        work.</p><script type="text/javascript">
−
<ul>
+
var month = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
−
<li>Chronological notes of what your team is doing.</li>
+
        var cal = new CalHeatMap();
−
<li> Brief descriptions of daily important events.</li>
+
        cal.init({
−
<li>Pictures of your progress. </li>
+
                start: new Date(2016, 5),
−
<li>Mention who participated in what task.</li>
+
            data:days,
−
</ul>
+
            dataType: "json",
 +
            domain : "month",
 +
            subDomain : "day",
 +
            range : 4,
 +
            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>
 +
      </div>
  
−
</div>
+
      <div class="wcontent">
 +
        <h2 id="onClick-placeholder"></h2>
  
−
<div class="column half_size">
+
        <ul id="notes-table"></ul>
−
<h5>Inspiration</h5>
+
      </div>
−
<p>You can see what others teams have done to organize their notes:</p>
+
    </div>
−
 
+
  </div>
−
<ul>
+
</body>
−
<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>
+
 
</html>
 
</html>

Revision as of 18:36, 15 October 2016

Waterloo iGEM
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.