Difference between revisions of "Team:Hong Kong UCCKE/Notebook"

 
(80 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{Hong_Kong_UCCKE}}
+
{{Hong_Kong_UCCKE/CSS/reset.css}} {{Hong_Kong_UCCKE/CSS/bootstrap.css}} {{Hong_Kong_UCCKE/CSS/style.css}} {{Hong_Kong_UCCKE/CSS/latofonts.css}} {{Hong_Kong_UCCKE/CSS/font-awesome.css}} {{Hong_Kong_UCCKE/CSS/jcarousel.responsive.css}} {{Hong_Kong_UCCKE/CSS/bootstrap.toc.css}}
 
<html>
 
<html>
−
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>
 
−
<link rel="stylesheet" href="http://cal-heatmap.com/css/cal-heatmap.css?v=3.5.1" />
 
−
<script type="text/javascript" src="http://cal-heatmap.com/js/cal-heatmap.min.js?v=3.5.1"></script>
 
  
 +
<style>
 +
    h2 {
 +
        padding-top: 50px;
 +
        margin-top: -30px;
 +
    }
 +
</style>
  
 +
<link rel="stylesheet" href="https://2016.igem.org/Team:Leiden/libraries/font-awesome-4-6-3/css/font-awesome-min?action=raw&amp;ctype=text/css" type="text/css" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<div class="wholehead">
  
−
<div id="cal-heatmap"></div>
+
</html>
−
<script type="text/javascript">
+
{{Hong_Kong_UCCKE/crazyheader}}
−
var startTimestamp = new Date(2016, 8, 1).getTime()/1000;
+
<html>
 +
<div class="header" id="header">
 +
    <div class="container">
  
−
function GAconverter(data) {
+
        <div class="row">
−
var i, total, results = {};
+
            <div class="col-sm-12 page_header-text">
−
for(i = 0, total = data.length; i < total; i++) {
+
                <div>
−
results[+data[i].Hour * 3600 + startTimestamp] = +data[i].Visits;
+
                    <h1 data-toc-skip>UCCKE / Notebook</h1>
−
}
+
                    <p>In this page, you can breifly know about the process of our project.</p>
−
return results;
+
                </div>
−
}
+
            </div>
 +
            <div class="col-sm-12" style="text-align:center;">
 +
                <a href="#normalsec" class="no-text-dec">
 +
                    <i class="fa fa-angle-down header-down" aria-hidden="true" style="font-size:40px; margin-bottom:10px;"></i>
 +
                </a>
 +
            </div>
 +
        </div>
  
 +
    </div>
 +
</div>
 +
</div>
 +
   
  
−
var cal = new CalHeatMap();
 
−
cal.init({
 
  
−
data: "https://2016.igem.org/Template:Hong_Kong_UCCKE/notebookdata?action=raw",
 
−
dataType: "csv",
 
−
domain: "month",
 
−
subDomain: "day",
 
−
range: 3,
 
−
cellSize: 25,
 
−
cellPadding: 3,
 
−
verticalOrientation: true,
 
−
tooltip: true,
 
−
start: new Date (2016, 8, 1),
 
−
afterLoadData: GAconverter,
 
−
range: 3,
 
−
itemName: "events",
 
−
legendColors: {
 
−
    empty: "#ededed",
 
−
    min: "#96b2f5",
 
−
    max: "#415fa2"
 
−
},
 
−
label: {
 
−
    position: "right",
 
−
    rotate: "left",
 
−
    align: "right",
 
−
},
 
−
weekStartOnMonday: false,
 
−
legendVerticalPosition: "center",
 
−
legendHorizontalPosition: "right",
 
−
legendOrientation: "vertical",
 
−
onClick: function(date, nb) {
 
−
$("#onClick-placeholder").html("You just clicked <br/>on <b>" +
 
−
date + "</b> <br/>with <b>" +
 
−
(nb === null ? "unknown" : nb) + "</b> items"
 
−
);
 
−
}
 
  
−
});
 
−
</script>
 
  
  
  
  
−
<div id="onClick-placeholder"></div>
 
  
  
  
−
<div class="column full_size">
 
  
−
<p> Document the dates you worked on your project.</p>
+
<div class="container" id="normalsec">
  
−
</div>
+
<link rel="stylesheet" href="https://2016.igem.org/Template:Hong_Kong_UCCKE/NotebookCSS?action=raw&amp;ctype=text/css"> <!-- Resource style -->
 +
<script src="https://2016.igem.org/Template:Hong_Kong_UCCKE/NotebookOneJS?action=raw&amp;ctype=text/javascript"></script> <!-- Modernizr -->
 +
<section id="cd-timeline" class="cd-container">
 +
<div class="cd-timeline-block">
 +
<div class="cd-timeline-img cd-picture">
 +
<i class="fa fa-users timeline-icons" aria-hidden="true"></i>
 +
 +
</div> <!-- <img src="img/cd-icon-picture.svg" alt="Picture"> cd-timeline-img -->
  
−
<div class="column half_size">
+
<div class="cd-timeline-content">
−
<h5>What should this page have?</h5>
+
<h2>Meeting with Team:HKU</h2>
−
<ul>
+
<p style="text-align:left !important;">We have met the members from the Hong Kong University iGem team (known as the HKU iGem team), briefly introduce to them our interested area of study and the origin of the idea. By sharing our interested fields, we established a close bond in between. Thanks to the HKU iGem team, we can set our topic with more background knowledges provided.<br>
−
<li>Chronological notes of what your team is doing.</li>
+
<img src="https://static.igem.org/mediawiki/2016/6/6f/T--Hong_Kong_UCCKE--collabhku2.jpeg" style="width:100%; max-width:400px;">
−
<li> Brief descriptions of daily important events.</li>
+
</p>
−
<li>Pictures of your progress. </li>
+
−
<li>Mention who participated in what task.</li>
+
<span class="cd-date">Apr 20</span>
−
</ul>
+
</div> <!-- cd-timeline-content -->
 +
</div> <!-- cd-timeline-block -->
  
−
</div>
+
<div class="cd-timeline-block">
 +
<div class="cd-timeline-img cd-movie">
 +
<i class="fa fa-comment timeline-icons" aria-hidden="true"></i>
 +
</div> <!-- cd-timeline-img -->
  
−
<div class="column half_size">
+
<div class="cd-timeline-content">
−
<h5>Inspiration</h5>
+
<h2>Finalized project idea</h2>
−
<p>You can see what others teams have done to organize their notes:</p>
+
<p>We have finalized the area of investigation during our meeting after 3 weeks of researches and discussion subsequent to our meeting with HKU iGem team. We have eventually decided to investigate on C. elegans, a kind of well-studied roundworm which has a short life cycle and is easy to reproduce. </p>
 +
 +
<span class="cd-date">May 9</span>
 +
</div> <!-- cd-timeline-content -->
 +
</div> <!-- cd-timeline-block -->
  
−
<ul>
+
<div class="cd-timeline-block">
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
<div class="cd-timeline-img cd-picture">
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
<i class="fa fa-users timeline-icons" aria-hidden="true"></i>
−
<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>
+
</div> <!-- cd-timeline-img -->
−
</ul>
+
  
 +
<div class="cd-timeline-content">
 +
<h2>Meeting with Team:HKU</h2>
 +
<p>We have the second meeting with the HKU iGem team through video conference software to exchange our progress and discussed on the possibility of further development regarding our collaboration bond. </p>
 +
 +
<span class="cd-date">Jun 29</span>
 +
</div> <!-- cd-timeline-content -->
 +
</div> <!-- cd-timeline-block -->
 +
 +
<div class="cd-timeline-block">
 +
<div class="cd-timeline-img cd-location">
 +
<img src="https://static.igem.org/mediawiki/2016/d/d5/T--Hong_Kong_UCCKE--notebookicon1.png" alt="Location">
 +
</div> <!-- cd-timeline-img -->
 +
 +
<div class="cd-timeline-content">
 +
<h2>Um....</h2>
 +
<p>Supposedly we should meet to kick off our experiments on our project, yet it was cancelled due to the bad weather. </p>
 +
 +
<span class="cd-date">Aug 10</span>
 +
</div> <!-- cd-timeline-content -->
 +
</div> <!-- cd-timeline-block -->
 +
 +
<div class="cd-timeline-block">
 +
<div class="cd-timeline-img cd-location">
 +
<img src="https://static.igem.org/mediawiki/2016/d/d5/T--Hong_Kong_UCCKE--notebookicon1.png" alt="Location">
 +
</div> <!-- cd-timeline-img -->
 +
 +
<div class="cd-timeline-content">
 +
<h2>Preperation for experiment</h2>
 +
<p>Meeting in the laboratory, we are briefed by our co-workers on the characteristics of C. elegans before doing and hands on experiment in the morning. Meanwhile we started on preparing for the presentation in the Giant Jamboree. We started having practices on the experiment before the real one. </p>
 +
 +
<span class="cd-date">Aug 11</span>
 +
</div> <!-- cd-timeline-content -->
 +
</div> <!-- cd-timeline-block -->
 +
 +
<div class="cd-timeline-block">
 +
<div class="cd-timeline-img cd-location">
 +
<img src="https://static.igem.org/mediawiki/2016/d/d5/T--Hong_Kong_UCCKE--notebookicon1.png" alt="Location">
 +
</div> <!-- cd-timeline-img -->
 +
 +
<div class="cd-timeline-content">
 +
<h2>Experiment, collect data</h2>
 +
<p>Laboratory work continues and the presentation preparation goes quite well. We started our real experiment today and a few chemicals were tested. The results are quite surprising as some of the results are completely different from our expectation. Data is being collected and inputted at the same time </p>
 +
 +
<span class="cd-date">Aug 12</span>
 +
</div> <!-- cd-timeline-content -->
 +
</div> <!-- cd-timeline-block -->
 +
 +
<div class="cd-timeline-block">
 +
<div class="cd-timeline-img cd-location">
 +
<img src="https://static.igem.org/mediawiki/2016/d/d5/T--Hong_Kong_UCCKE--notebookicon1.png" alt="Location">
 +
</div> <!-- cd-timeline-img -->
 +
 +
<div class="cd-timeline-content">
 +
<h2>Experiment, collect data</h2>
 +
<p>This is the last day we planned to carry out our experiments. The presentation preparation is mostly done and the results of the experiment are all inputted.</p>
 +
 +
<span class="cd-date">Aug 15</span>
 +
</div> <!-- cd-timeline-content -->
 +
</div> <!-- cd-timeline-block -->
 +
 +
<div class="cd-timeline-block">
 +
<div class="cd-timeline-img cd-picture">
 +
<i class="fa fa-users timeline-icons" aria-hidden="true"></i>
 +
 +
</div> <!-- cd-timeline-img -->
 +
 +
<div class="cd-timeline-content">
 +
<h2>Meeting with Team:HKU</h2>
 +
<p style="text-align:left !important;">We had our third meeting with the HKU iGem team to update each other with our progress thus to confirm some details of an extra collaborative activity. Simultaneously we have finished analyzing the data extracted from the experiment carried out previously. <br>
 +
<img src="https://static.igem.org/mediawiki/2016/5/59/T--Hong_Kong_UCCKE--collabhku5.jpeg" style="width:100%; max-width:400px;">
 +
</p>
 +
<span class="cd-date">Aug 19</span>
 +
</div> <!-- cd-timeline-content -->
 +
</div> <!-- cd-timeline-block -->
 +
</section> <!-- cd-timeline -->
 +
<script src="https://2016.igem.org/Template:Hong_Kong_UCCKE/NotebookTwoJS?action=raw&amp;ctype=text/javascript"></script>
 
</div>
 
</div>
 +
 +
 +
 +
 +
 +
 +
 +
<style>
 +
.cd-timeline-content {
 +
    background-color: rgba(241, 241, 241, 0.7) !important;
 +
}
 +
.cd-timeline-content h2 {
 +
    font-size:25px !important;
 +
}
 +
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
 +
    font-size:19px !important;
 +
}
 +
.timeline-icons {
 +
    font-size: 20px;
 +
    color: #fff;
 +
    margin-left: 10px;
 +
    margin-top: 10px;
 +
}
 +
@media only screen and (min-width: 1170px) {
 +
.timeline-icons {
 +
    font-size: 20px;
 +
    color: #fff;
 +
    margin-left: 20px;
 +
    margin-top: 20px;
 +
}
 +
}
 +
</style>
 +
 +
 +
<style>
 +
.wholehead, .teaminnumbercont, .mainfooter, .tourbefore {
 +
    background-color: #d0b153 !important;
 +
}
 +
nav[data-toggle='toc'] .nav > .active > a, nav[data-toggle='toc'] .nav > .active:hover > a, nav[data-toggle='toc'] .nav > .active:focus > a {
 +
    border-left: 1px solid #d0b153 !important;
 +
    color: #d0b153 !important;
 +
}
 +
nav[data-toggle='toc'] .nav > li > a:hover, nav[data-toggle='toc'] .nav > li > a:focus {
 +
    border-left: #d09153 !important;
 +
    color: #d0b153 !important;
 +
}
 +
.label-primary {
 +
    background-color: #b79634 !important;
 +
}
 +
.header-down:hover {
 +
    color: #7b6523 !important;
 +
}
 +
.copyrightfooter {
 +
    background-color: #a48b41 !important;
 +
}
 +
#return-to-top {
 +
    background: rgba(208, 177, 83, 0.8) !important;
 +
}
 +
#return-to-top:hover {
 +
    background: rgb(208, 177, 83) !important;
 +
}
 +
.mainfooter .fa:hover {
 +
    color: #cdbd8e !important;
 +
}
 +
.tourbefore:hover {
 +
    background-color: #a68d42 !important;
 +
}
 +
#normalsec a {
 +
    color: #d0b153 !important;
 +
}
 +
</style>
 +
<center style="margin-left:5px; margin-right:5px;">
 
</html>
 
</html>
 +
{{Hong_Kong_UCCKE/tourbefore|Results|Results|Parts|Parts}}
 +
<html>
 +
</center>
 +
</html>
 +
 +
{{Hong_Kong_UCCKE/heyfooter}}
 +
{{Hong_Kong_UCCKE/illbeback}}

Latest revision as of 16:24, 19 October 2016

Meeting with Team:HKU

We have met the members from the Hong Kong University iGem team (known as the HKU iGem team), briefly introduce to them our interested area of study and the origin of the idea. By sharing our interested fields, we established a close bond in between. Thanks to the HKU iGem team, we can set our topic with more background knowledges provided.

Apr 20

Finalized project idea

We have finalized the area of investigation during our meeting after 3 weeks of researches and discussion subsequent to our meeting with HKU iGem team. We have eventually decided to investigate on C. elegans, a kind of well-studied roundworm which has a short life cycle and is easy to reproduce.

May 9

Meeting with Team:HKU

We have the second meeting with the HKU iGem team through video conference software to exchange our progress and discussed on the possibility of further development regarding our collaboration bond.

Jun 29
Location

Um....

Supposedly we should meet to kick off our experiments on our project, yet it was cancelled due to the bad weather.

Aug 10
Location

Preperation for experiment

Meeting in the laboratory, we are briefed by our co-workers on the characteristics of C. elegans before doing and hands on experiment in the morning. Meanwhile we started on preparing for the presentation in the Giant Jamboree. We started having practices on the experiment before the real one.

Aug 11
Location

Experiment, collect data

Laboratory work continues and the presentation preparation goes quite well. We started our real experiment today and a few chemicals were tested. The results are quite surprising as some of the results are completely different from our expectation. Data is being collected and inputted at the same time

Aug 12
Location

Experiment, collect data

This is the last day we planned to carry out our experiments. The presentation preparation is mostly done and the results of the experiment are all inputted.

Aug 15

Meeting with Team:HKU

We had our third meeting with the HKU iGem team to update each other with our progress thus to confirm some details of an extra collaborative activity. Simultaneously we have finished analyzing the data extracted from the experiment carried out previously.

Aug 19