Difference between revisions of "Team:NKU CHINA/Notebook"

(Prototype team page)
 
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{NKU_CHINA}}
+
{{Template:NKU_CHINA/header}}
 
<html>
 
<html>
 +
<head>
 +
<style type="text/css">
 +
    .footer-w3ls ul.social-icons1 li a {
 +
        margin-right:2px!important;
 +
        padding:0px !important;
 +
        margin-left: 0px !important;
 +
    }
 +
.fullscreenvideo {
 +
    position: absolute;
 +
    top: 70%;
 +
    left: 50%;
 +
    min-width: 100%;
 +
    min-height: 100%;
 +
    width: auto;
 +
    height: auto;
 +
    z-index: -100;
 +
    -webkit-transform: translateX(-50%) translateY(-50%);
 +
    transform: translateX(-50%) translateY(-50%);
 +
    -webkit-transition: 1s opacity;
 +
    transition: 1s opacity;
 +
}
 +
.videocontainer{
 +
    position: fixed;
 +
    width: 100%;
 +
    height: 130%;
 +
    overflow: hidden;
 +
    z-index: -100;
 +
    top: -25%;
 +
text-align: center;
 +
}
 +
.videocontainer:before{
 +
    content: "";
 +
    position: absolute;
 +
    width: 100%;
 +
    height: 100%;
 +
    display: block;
 +
    z-index: -10;
 +
    top: 0;
 +
    left: 0;
 +
}
 +
/* _wrapper.css */
 +
.wrapper {
 +
  padding-left: 18px;
 +
  padding-right: 18px;
 +
  max-width: 1236px;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
}/*修改内容宽度*/
  
  
−
<div class="column full_size">
+
/* _timeline.css */
 +
.timeline {
 +
  position: relative;
 +
  margin: 30px auto;/*内容与标题距离*/
 +
  padding: 60px 0;
  
−
<h1>Notebook</h1>
+
}
−
<p> Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.</p>
+
.timeline::before {
 +
  content: "";
 +
  position: absolute;
 +
  top: 0;
 +
  left: 10%;
 +
  width: 8px;/*改中间轴宽度*/
 +
  height: 100%;
 +
  background-color: #fff;/*中间轴的颜色设置*/
 +
}
 +
@media (min-width: 800px){
 +
  .timeline::before{
 +
    left: 49.9%;/*改中间轴位置*/
 +
    margin-left: -2px;
 +
  }
 +
}
 +
.timeline__item {
 +
  margin-bottom: 10px;
 +
  position: relative;
 +
}
 +
.timeline__item::after{
 +
  content: "";
 +
  clear: both;
 +
  display: table;
 +
}
 +
.timeline__item:nth-child(2n) .timeline__item__content {
 +
  float: right;
 +
}
 +
.timeline__item:nth-child(2n) .timeline__item__content::before {
 +
  content: '';
 +
  right: 40%;/*改分支轴位置*/
 +
  z-index: 10;
 +
}
 +
@media (min-width: 800px){
 +
  .timeline__item:nth-child(2n) .timeline__item__content::before{
 +
    left: inherit;
 +
    z-index: 10;
 +
  }
 +
}
 +
.timeline__item:nth-child(2n) .timeline__item__content__date {
 +
  background-color: #b292c5;/*右标题栏颜色*/
 +
}
 +
.timeline__item:nth-child(2n) .timeline__item__content__description {
 +
  color: #b292c5;
 +
}
 +
.timeline__item:last-child {
 +
  margin-bottom: 0;
 +
}
 +
.timeline__item-bg {
 +
  -webkit-transition: all 1s ease-out;
 +
  transition: all 1s ease-out;
 +
  color: #fff;
 +
}
 +
.timeline__item-bg:nth-child(2n) .timeline__item__station {
 +
  background-color: #b292c5;
 +
}
 +
.timeline__item-bg:nth-child(2n) .timeline__item__content {
 +
  background-color: #b292c5;
 +
}
 +
.timeline__item-bg:nth-child(2n) .timeline__item__content::before {
 +
  background-color: #b292c5;
 +
}
 +
.timeline__item-bg:nth-child(2n) .timeline__item__content__description {
 +
  color: #fff;
 +
}
 +
.timeline__item-bg .timeline__item__station {
 +
  background-color: #65adb7;/*圆点内颜色*/
 +
}
 +
.timeline__item-bg .timeline__item__content {
 +
  background-color: #65adb7;/*内容背景色*/
 +
}
 +
.timeline__item-bg .timeline__item__content::before {
 +
  background-color: #65adb7;/*分支轴颜色*/
 +
}
 +
.timeline__item-bg .timeline__item__content__description {
 +
  color: #fff;
 +
}
 +
/*圆点的设计*/
 +
.timeline__item__station {
 +
  background-color: #fff;
 +
  width: 40px;
 +
  height: 40px;
 +
  position: absolute;
 +
  border-radius: 50%;
 +
  padding: 10px;
 +
  top: 0;
 +
  left: 10%;
 +
  margin-left: -33px;
 +
  border: 4px solid #fff;
 +
  -webkit-transition: all .3s ease-out;
 +
  transition: all .3s ease-out;
 +
  z-index: 12;
 +
}
 +
/*圆点的设计*/
 +
@media (min-width: 800px){
 +
  .timeline__item__station{
 +
    left: 50%;
 +
    margin-left: -30px;
 +
    width: 60px;
 +
    height: 60px;
 +
    padding: 15px;
 +
    border-width: 6px;
 +
  }
 +
}
 +
/*内容框的设计*/
 +
.timeline__item__content {
 +
  width: 80%;
 +
  background: #fff;
 +
  border-radius: 6px;
 +
  float: right;
 +
padding: 20px 30px;
 +
  -moz-transition: all .3s ease-out;
 +
  -o-transition: all .3s ease-out;
 +
  -webkit-transition: all .3s ease-out;
 +
  transition: all .3s ease-out;
 +
}
 +
/*内容框的设计*/
 +
@media (min-width: 800px){
 +
  .timeline__item__content{
 +
    width: 40%;
 +
    float: inherit;
 +
    padding: 30px 40px;
 +
    z-index: 10;
 +
  }
 +
}
 +
.timeline__item__content::before {
 +
  content: '';
 +
  position: absolute;
 +
  left: 10%;
 +
  background: #8d94b1;
 +
  top: 20px;
 +
  width: 10%;
 +
  height: 4px;
 +
  z-index: 10;
 +
  -moz-transition: all .3s ease-out;
 +
  -o-transition: all .3s ease-out;
 +
  -webkit-transition: all .3s ease-out;
 +
  transition: all .3s ease-out;
  
−
</div>
+
}
−
<div class="clear"></div>
+
@media (min-width: 800px){
 +
  .timeline__item__content::before{
 +
    left: 40%;
 +
    top: 30px;
 +
    height: 4px;
 +
    margin-top: -2px;
 +
  }
 +
}
 +
.timeline__item__content__date {
 +
  margin: 0;
 +
  font-size: 25px;
 +
  margin-bottom: 10px;
 +
  background-color: #65adb7;
 +
padding-right: 2px;
 +
padding-left:2px;
 +
  color: #fff;
 +
  display: block;
 +
  border-radius: 4px;
 +
  border: 2px solid #fff;
 +
text-align: center;
 +
}
 +
.timeline__item__content__description {
 +
  margin: 0;
 +
  padding: 0;
 +
  font-size: 20px !important;
 +
  line-height: 25px;
 +
  font-weight: 300;
 +
  color: #65adb7;
 +
}
 +
@media (min-width: 800px){
 +
  .timeline__item__content__description{
 +
    font-size: 23px;
 +
    line-height: 28px;
 +
  }
 +
}
 +
#loading {
 +
  width: 100%;
 +
  height: 100%;
 +
  background: black;
 +
  position: fixed;
 +
top:0;
 +
left:0;
 +
z-index:10000;
 +
}
 +
#loading_p {
 +
    position: fixed;
 +
    top: 0;
 +
    left: 0;
 +
    width: 100%;
 +
    height: 100%;
 +
    z-index:99999;
 +
}
  
 +
.loader-ring {
 +
  position: fixed;
 +
  top: 50%;
 +
  left: 50%;
 +
  margin: -120px 0 0 -120px;
 +
  width: 240px;
 +
  height: 240px;
 +
  z-index:10000;
 +
}
  
 +
.loader-ring-light {
 +
  width: 240px;
 +
  height: 240px;
 +
  -moz-border-radius: 240px;
 +
  -webkit-border-radius: 240px;
 +
  border-radius: 240px;
 +
  -moz-box-shadow: 0 4px 0 #00abf2 inset;
 +
  -webkit-box-shadow: 0 4px 0 #00abf2 inset;
 +
  box-shadow: 0 4px 0 #00abf2 inset;
 +
  animation: rotate-360 2s linear infinite;
 +
}
  
−
<div class="column two_thirds_size">
+
.loader-ring-track {
−
<h3>What should this page have?</h3>
+
  position: absolute;
−
<ul>
+
  top: 0;
−
<li>Chronological notes of what your team is doing.</li>
+
  left: 0;
−
<li> Brief descriptions of daily important events.</li>
+
  width: 240px;
−
<li>Pictures of your progress. </li>
+
  height: 240px;
−
<li>Mention who participated in what task.</li>
+
  -moz-border-radius: 240px;
−
</ul>
+
  -webkit-border-radius: 240px;
 +
  border-radius: 240px;
 +
  -moz-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
 +
  -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
 +
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
 +
}
  
 +
@keyframes rotate-360 {
 +
  from {
 +
    -moz-transform: rotate(0);
 +
    -ms-transform: rotate(0);
 +
    -webkit-transform: rotate(0);
 +
    -o-transform: rotate(0);
 +
    transform: rotate(0);
 +
  }
 +
  to {
 +
    -moz-transform: rotate(360deg);
 +
    -ms-transform: rotate(360deg);
 +
    -webkit-transform: rotate(360deg);
 +
    -o-transform: rotate(360deg);
 +
    transform: rotate(360deg);
 +
  }
 +
}
 +
.modal { z-index:1050!important;}
 +
.modal-backdrop { z-index: 0 !important;}
 +
</style>
 +
<script type="text/javascript">
 +
$(function(){
 +
var bgVideo=document.getElementById("notebg");
 +
bgVideo.addEventListener('canplaythrough',function(){
 +
              $('#loading').css("display","none");
 +
              $('.loader-ring').css("display","none");
 +
              $('#loading_p').css("display","none");
 +
    });
 +
});
 +
</script>
 +
</head>
 +
<body>
 +
<div id="loading"></div>
 +
<div id="loading_p">
 +
<p style="color: white;font-family:myTitle3;font-size:30px;position:relative;top:47%;left:46%">Loading...</p>
 
</div>
 
</div>
  
−
<div class="column third_size">
+
  <div class="loader-ring">
−
<div class="highlight decoration_A_full">
+
  <div class="loader-ring-light"></div>
−
<h3>Inspiration</h3>
+
  <div class="loader-ring-track"></div>
−
<p>You can see what others teams have done to organize their notes:</p>
+
</div>
 +
  <div class="videocontainer">
 +
        <div class="fullscreenvideo" >
 +
        <video id="notebg" autoplay="autoplay" muted="muted" loop="loop">
 +
          <source src="https://static.igem.org/mediawiki/2018/f/fb/T--NKU_CHINA--BGofother.mp4" type="video/mp4">
 +
        </video>
 +
        </div>
 +
  </div>
 +
<main>
 +
    <h1 style="font-family: myTitle;color: white;font-size: 80px;text-align: center;padding-top: 20px;">Lab Notes</h1>
 +
<div class="container">
 +
  <div class="row">
 +
    <div class="col-xs-5"><h2 style="color: white;text-align: center; font-family:myTitle3;font-size:50px;">Dry Lab</h2></div>
 +
    <div class="col-xs-5 "><h2 style="color: white;text-align: right;font-family:myTitle3;font-size:50px;padding-right:10px;">Wet Lab</h2></div>
 +
  </div>
 +
</div>
 +
    <div id="first" class="modal fade" tabindex="-1">
 +
            <div class="modal-dialog">
 +
                <div class="modal-content">
 +
                    <div class="modal-body">
 +
                        <img src="https://static.igem.org/mediawiki/2018/8/84/T--NKU_CHINA--lab1.png" style="height: 450px;width: auto;" alt="" class="img-responsive center-block">
 +
                    </div>
 +
                    <div class="modal-footer">
 +
                        <button class="btn btn-primary" style="background: rgba(0,0,0,.80);" data-dismiss="modal">Close</button>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="second" class="modal fade" tabindex="-1">
 +
            <div class="modal-dialog">
 +
                <div class="modal-content">
 +
                    <div class="modal-body">
 +
                        <img src="https://static.igem.org/mediawiki/2018/7/7e/T--NKU_CHINA--lab2.png" style="height: 450px;width: auto;" alt="" class="img-responsive center-block">
 +
                    </div>
 +
                    <div class="modal-footer">
 +
                        <button class="btn btn-primary" style="background: rgba(0,0,0,.80);" data-dismiss="modal">Close</button>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="third" class="modal fade" tabindex="-1">
 +
            <div class="modal-dialog">
 +
                <div class="modal-content">
 +
                    <div class="modal-body">
 +
                        <img src="https://static.igem.org/mediawiki/2018/4/45/T--NKU_CHINA--lab3.png" style="height: 450px;width: auto;" alt="" class="img-responsive center-block">
 +
                    </div>
 +
                    <div class="modal-footer">
 +
                        <button class="btn btn-primary" style="background: rgba(0,0,0,.80);" data-dismiss="modal">Close</button>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="fourth" class="modal fade" tabindex="-1">
 +
            <div class="modal-dialog">
 +
                <div class="modal-content">
 +
                    <div class="modal-body">
 +
                        <img src="https://static.igem.org/mediawiki/2018/6/68/T--NKU_CHINA--lab4.png" style="height: 450px;width: auto;" alt="" class="img-responsive center-block">
 +
                    </div>
 +
                    <div class="modal-footer">
 +
                        <button class="btn btn-primary" style="background: rgba(0,0,0,.80);" data-dismiss="modal">Close</button>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="fifth" class="modal fade" tabindex="-1">
 +
            <div class="modal-dialog">
 +
                <div class="modal-content">
 +
                    <div class="modal-body">
 +
                        <img src="https://static.igem.org/mediawiki/2018/5/5e/T--NKU_CHINA--lab5.png" style="height: 450px;width: auto;" alt="" class="img-responsive center-block">
 +
                    </div>
 +
                    <div class="modal-footer">
 +
                        <button class="btn btn-primary" style="background: rgba(0,0,0,.80);" data-dismiss="modal">Close</button>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="sixth" class="modal fade" tabindex="-1">
 +
            <div class="modal-dialog">
 +
                <div class="modal-content">
 +
                    <div class="modal-body">
 +
                        <img src="https://static.igem.org/mediawiki/2018/c/cc/T--NKU_CHINA--lab6.png" style="height: 450px;width: auto;" alt="" class="img-responsive center-block">
 +
                    </div>
 +
                    <div class="modal-footer">
 +
                        <button class="btn btn-primary" style="background: rgba(0,0,0,.80);" data-dismiss="modal">Close</button>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="seventh" class="modal fade" tabindex="-1">
 +
            <div class="modal-dialog">
 +
                <div class="modal-content">
 +
                    <div class="modal-body">
 +
                        <img src="https://static.igem.org/mediawiki/2018/f/f3/T--NKU_CHINA--lab7.png" style="height: 450px;width: auto;" alt="" class="img-responsive center-block">
 +
                    </div>
 +
                    <div class="modal-footer">
 +
                        <button class="btn btn-primary" style="background: rgba(0,0,0,.80);" data-dismiss="modal">Close</button>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
          <div id="eighth" class="modal fade" tabindex="-1">
 +
            <div class="modal-dialog">
 +
                <div class="modal-content">
 +
                    <div class="modal-body">
 +
                        <img src="https://static.igem.org/mediawiki/2018/d/dc/T--NKU_CHINA--lab8.png" style="height: 450px;width: auto;" alt="" class="img-responsive center-block">
 +
                    </div>
 +
                    <div class="modal-footer">
 +
                        <button class="btn btn-primary" style="background: rgba(0,0,0,.80);" data-dismiss="modal">Close</button>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
<div class="container">
 +
<div class="row">
 +
<section class="timeline" style="margin-top: 20px;padding-top: 0;">
 +
  <div class="wrapper">
 +
    <div class="timeline__item timeline__item--0">
 +
      <div class="timeline__item__station"></div>
 +
      <div class="timeline__item__content">
 +
        <h2 class="timeline__item__content__date">2018 Mar. 18<sup>th</sup>-June. 30<sup>th</sup></h2>
 +
        <p class="timeline__item__content__description">Wiki: Learning the HyperText Markup Language (HTML) and Cascading Style Sheets (CSS). Learning how to use Javascript and jQuery to add animations to the webpage and the usage of Bootstrap.</p>
 +
        <p class="timeline__item__content__description">HP: Participating in Lotus Festival in Nankai University, propagating biosynthesis and iGEM</p>
 +
      </div>
 +
    </div>
 +
    <div class="timeline__item timeline__item--1">
 +
      <div class="timeline__item__station"></div>
 +
      <div class="timeline__item__content">
 +
        <h2 class="timeline__item__content__date">2018 Mar. 18<sup>th</sup>-Apr. 7<sup>th</sup></h2>
 +
        <p class="timeline__item__content__description">Construction of vector P<sub><i>gltAB</i></sub>(LL3)-GFP；construction of pHT01 without P<sub><i>lacI</i></sub></p>
 +
        <p class="timeline__item__content__description">Preparation of competent cells of LL3/168/JM110.</p>
 +
        <p class="timeline__item__content__description">Construction of vector LL3-H.</p>
 +
<button style="float: right;border-radius: 5px;"><a href="#first" data-toggle="modal">More details</a></button>
 +
      </div>
 +
    </div>
 +
    <div class="timeline__item timeline__item--2">
 +
      <div class="timeline__item__station"></div>
 +
      <div class="timeline__item__content">
 +
      <h2 class="timeline__item__content__date">2018 July. 1<sup>st</sup>-July. 28<sup>th</sup></h2>
 +
        <p class="timeline__item__content__description">Model: Modeling the process of partI using Logistic formula and Luedeking-Pieret formula.</p>
 +
        <p class="timeline__item__content__description">Wiki: Designing the page of InterLab and the Home page.</p>
 +
        <p class="timeline__item__content__description">HP: Holding iGEM Summit in China, communicating with another nine teams</p>
 +
      </div>
 +
    </div>
 +
    <div class="timeline__item timeline__item--3">
 +
      <div class="timeline__item__station"></div>
 +
      <div class="timeline__item__content">
 +
        <h2 class="timeline__item__content__date">2018 Mar. 25<sup>th</sup>-May. 5<sup>th</sup></h2>
 +
        <p class="timeline__item__content__description">Construction of <i>lacI</i> with different promoters including P<sub><i>gltAB</i></sub>-<i>lacI</i>, P<sub><i>gltX</i></sub>-<i>lacI</i>, P<sub><i>accd</i></sub>-<i>lacI</i>, P<sub><i>ldh</i></sub>-<i>lacI</i>, P<sub><i>rps</i></sub>-<i>lacI</i>, P<sub><i>suc</i></sub>-<i>lacI</i>.</p>
 +
        <p class="timeline__item__content__description">Transformation of LL3 genome (Silent the P<sub><i>gltAB</i></sub> funtion-LL3 HPT)</p>
 +
<button style="float: right;border-radius: 5px;"><a href="#second" data-toggle="modal">More details</a></button>
 +
      </div>
 +
    </div>
 +
    <div class="timeline__item timeline__item--4">
 +
      <div class="timeline__item__station"></div>
 +
      <div class="timeline__item__content">
 +
        <h2 class="timeline__item__content__date">2018 July. 29<sup>th</sup>-Aug. 18<sup>th</sup></h2>
 +
        <p class="timeline__item__content__description">Wiki: Building the introduction page of our team and all of the Human_Practices pages.</p>
 +
        <p class="timeline__item__content__description">Wiki: Building the introduction page of our team and all of the Human_Practices pages.</p>
 +
        <p class="timeline__item__content__description">Art: Designing team logo, characters, story. Drawing up the experiment flow chart. Making a folding of our project for Human practice group to conduct propaganda. Designing and ordering our team T-shirt. Making poster and PPT for CCiC.</p>
 +
        <p class="timeline__item__content__description">HP: Social practice in Yinchuan, Ningxia to investigate biology education in western China. Conducting questionnaire survey to investigate the public awareness and attitude towards our project.</p>
  
−
<ul>  
+
      </div>
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
    </div>
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
    <div class="timeline__item timeline__item--5">
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
      <div class="timeline__item__station"></div>
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
      <div class="timeline__item__content">
−
</ul>
+
        <h2 class="timeline__item__content__date">2018 Apr. 22<sup>th</sup>-July. 14<sup>th</sup></h2>
 +
        <p class="timeline__item__content__description">Genome editing--adding P<sub><i>ahp</i></sub> ahead of <i>gltAB</i> and adding a terminater ahead of P<sub><i>ahp</i></sub> to eliminate the effect of intrinsic P<sub><i>gltAB</i></sub> to <i>gltAB</i>.</p>
 +
        <p class="timeline__item__content__description">Construction of pHT01: P<sub><i>gltAB</i></sub>-LacI-P<sub><i>lacO</i></sub>-TetA by inserting fused P<sub><i>lacO</i></sub>-<i>tetA</i>, then tried the rest cnstruction with different promoters.</p>
 +
        <p class="timeline__item__content__description">Preparation of interlab protocol and did experiment.</p>
 +
        <p class="timeline__item__content__description">Transformation of LL3 genome (Silent the P<sub><i>gltAB</i></sub> funtion); Construction of vector 168H; Manufacture of LL3(HPT) competent cells.</p>
 +
<button style="float: right;border-radius: 5px;"><a href="#third" data-toggle="modal">More details</a></button>
 +
      </div>
 +
    </div>
 +
    <div class="timeline__item timeline__item--6">
 +
      <div class="timeline__item__station"></div>
 +
      <div class="timeline__item__content">
 +
        <h2 class="timeline__item__content__date">2018 Aug. 12<sup>th</sup>-Sept. 1<sup>st</sup></h2>
 +
        <p class="timeline__item__content__description">Model: Modeling part3 using partition function.</p>
 +
        <p class="timeline__item__content__description">Wiki: Finishing the design of the Attribution and Safety page.</p>
 +
        <p class="timeline__item__content__description">Art: Collecting ideas and pictures from experimental group and prepare for CCiC.Complete poster and PPT for CCiC.</p>
 +
        <p class="timeline__item__content__description">HP: Conducting questionnaire survey to investigate the public awareness and attitude towards our project. Consulting in Tianjin Institute of Industrial Biotechnology and Tianjin International Joint Acadmy Biomedicine,and discuss with another iGEM team NPU-China. Attending the CCiC conference.</p>
 +
      </div>
 +
    </div>
 +
    <div class="timeline__item timeline__item--7">
 +
      <div class="timeline__item__station"></div>
 +
      <div class="timeline__item__content">
 +
        <h2 class="timeline__item__content__date">2018 July. 8<sup>th</sup>-July. 28<sup>th</sup></h2>
 +
        <p class="timeline__item__content__description">Submission of interlab data and writing wiki page for interlab.</p>
 +
        <p class="timeline__item__content__description">Construction of vector 168HPT.</p>
 +
        <p class="timeline__item__content__description">Double changed of <i>icd</i> in LL3.</p>
 +
<button style="float: right;border-radius: 5px;"><a href="#fourth" data-toggle="modal">More details</a></button>
 +
      </div>
 +
    </div>
 +
    <div class="timeline__item timeline__item--8">
 +
      <div class="timeline__item__station"></div>
 +
      <div class="timeline__item__content">
 +
        <h2 class="timeline__item__content__date">2018 Sept. 2<sup>nd</sup>-Sept. 15<sup>th</sup></h2>
 +
        <p class="timeline__item__content__description">Model: Using flow cytometry to test GFP distribution type and analyse the result.</p>
 +
        <p class="timeline__item__content__description">Wiki: Collecting the content and pictures of the Project pages including the Description, Experiments, Model, Proof of Concept and Demonstrate pages.</p>
 +
        <p class="timeline__item__content__description">Art: Helping wiki group to establish website. Designing our team costume ——Jacket, refrigerator magnet of our characters and logo.</p>
 +
        <p class="timeline__item__content__description">HP: Holding a science popularization activity for senior high school students with another two teams in Tianjin No. 13 Middle School.</p>
 +
      </div>
 +
    </div>
 +
    <div class="timeline__item timeline__item--9">
 +
      <div class="timeline__item__station"></div>
 +
      <div class="timeline__item__content">
 +
        <h2 class="timeline__item__content__date">2018 July. 15<sup>th</sup>-Aug. 18<sup>th</sup></h2>
 +
        <p class="timeline__item__content__description">Competence cell of LL3 and <i>icd</i> double-changed LL3.</p>
 +
        <p class="timeline__item__content__description">Construction of pHT01: P<sub><i>lacO</i></sub>-TetA-LacI.</p>
 +
        <p class="timeline__item__content__description">Construction of pHT01: P<sub><i>lacO</i></sub>-TetA-promoter-LacI, the promoter includes <i>ugt, ldh, gltAB, gltX, accd, arg.</i></p>
 +
        <p class="timeline__item__content__description">Transformation of 168 genome (Silent the P<sub><i>gltAB</i></sub> funtion).</p>
 +
<button style="float: right;border-radius: 5px;"><a href="#fifth" data-toggle="modal">More details</a></button>
 +
      </div>
 +
    </div>
 +
    <div class="timeline__item timeline__item--10">
 +
      <div class="timeline__item__station"></div>
 +
      <div class="timeline__item__content">
 +
        <h2 class="timeline__item__content__date">2018 Sept. 16<sup>th</sup>-Sept. 29<sup>th</sup></h2>
 +
        <p class="timeline__item__content__description">Wiki: Finishing designing the Collaboration page and Parts page.</p>
 +
        <p class="timeline__item__content__description">Art: Preparing for team video, collect pictures and record voice-over. Designing and upload team banner.</p>
 +
        <p class="timeline__item__content__description">HP: Participating in the iGEM league conference in Beijing-Tianjin region. Visiting a famous biotech company named Novozymes and communicating with their engineers.</p>
 +
      </div>
 +
    </div>
 +
    <div class="timeline__item timeline__item--11">
 +
      <div class="timeline__item__station"></div>
 +
      <div class="timeline__item__content">
 +
        <h2 class="timeline__item__content__date">2018 Aug. 19<sup>th</sup>-Sept. 8<sup>th</sup></h2>
 +
        <p class="timeline__item__content__description">Construction of pHT01: P<sub><i>gltAB</i></sub>-LacI-P<sub><i>grac</i></sub>-TetA, pHT01: P<sub><i>gltAB</i></sub>-LacI-P<sub><i>grac</i></sub>-TetA-GFP.</p>
 +
        <p class="timeline__item__content__description">Construction of vector P<sub><i>gltAB</i></sub> (168).</p>
 +
<button style="float: right;border-radius: 5px;"><a href="#sixth" data-toggle="modal">More details</a></button>
 +
      </div>
 +
    </div>
 +
    <div class="timeline__item timeline__item--12">
 +
      <div class="timeline__item__station"></div>
 +
      <div class="timeline__item__content">
 +
        <h2 class="timeline__item__content__date">2018 Sept. 23<sup>th</sup>-Oct. 6<sup>th</sup></h2>
 +
        <p class="timeline__item__content__description">Model: Predict the total &#947;-PGA content by conbining part1 and part3 and write down the whole model part.</p>
 +
        <p class="timeline__item__content__description">Wiki: Finishing designing the Collaboration page and Parts page. Finding bugs of our wiki and solving them. Designing the final two pages— Lab Notes and Protocols.</p>
 +
        <p class="timeline__item__content__description">Art: Completing the motion graph team video</p>
 +
        <p class="timeline__item__content__description">HP: Visiting a famous biotech company named Novozymes and communicating with their engineers.</p>
 +
      </div>
 +
    </div>
 +
    <div class="timeline__item timeline__item--13">
 +
      <div class="timeline__item__station"></div>
 +
      <div class="timeline__item__content">
 +
        <h2 class="timeline__item__content__date">2018 Sept. 9<sup>th</sup>-Sept. 29<sup>th</sup></h2>
 +
        <p class="timeline__item__content__description">Transformation of pHT01: P<sub><i>gltAB</i></sub>-LacI-P<sub><i>grac</i></sub>-TetA into LL3,measurement of its &#947;-PGA yield.</p>
 +
        <p class="timeline__item__content__description">Construction of standard parts vectors: P<sub><i>gltAB</i></sub>-LacI-P<sub><i>grac</i></sub>-TetA; <i>lacI</i>; P<sub><i>gltAB</i></sub>; P<sub><i>grac</i></sub>; <i>tetA</i>; GFP; P<sub><i>gltAB</i></sub>-GFP; P<sub><i>liaG</i></sub>&#38;43; P<sub><i>liaG</i></sub>&#38;43-1; P<sub><i>liaG</i></sub>&#38;43-2; P<sub><i>liaG</i></sub>&#38;43-3(Unsuccess); <i>tetA</i> Optimized.</p>
 +
<button style="float: right;border-radius: 5px;"><a href="#seventh" data-toggle="modal">More details</a></button>
 +
      </div>
 +
    </div>
 +
    <div class="timeline__item timeline__item--14">
 +
      <div class="timeline__item__station"></div>
 +
      <div class="timeline__item__content">
 +
        <h2 class="timeline__item__content__date">2018 Oct. 7<sup>th</sup>-Oct. 17<sup>th</sup></h2>
 +
        <p class="timeline__item__content__description">Wiki: Modulating and modifying the wiki to make it better and run smoothly.</p>
 +
        <p class="timeline__item__content__description">Art: Modifying and beautifying our image, typography and Experimental designs. Helping our wiki group complete the website.Make our team poster and PPT for presentation.</p>
 +
      </div>
 +
    </div>
 +
    <div class="timeline__item timeline__item--15">
 +
      <div class="timeline__item__station"></div>
 +
      <div class="timeline__item__content">
 +
        <h2 class="timeline__item__content__date">2018 Sept. 30<sup>th</sup>-Oct. 17<sup>th</sup></h2>
 +
        <p class="timeline__item__content__description">Fermentation of P<sub>43</sub>、P<sub><i>glt</i></sub> for measuring their OD<sub>600</sub> and the fluorescence of GFP.</p>
 +
        <p class="timeline__item__content__description">Measurement of the OD<sub>600</sub> and FI of mCherry and GFP and qPCR in P<sub><i>gltAB</i></sub>-LacI-mCherry-GFP LL3 per 8 hours of 48 hours.</p>
 +
        <p class="timeline__item__content__description">Construction of pHT01-P<sub>43</sub>-TetA (condon optimized)  and pHT01-P<sub>43</sub>-TetA (kit) and then testing the fuction of the codon optimized one.</p>
 +
<button style="float: right;border-radius: 5px;"><a href="#eighth" data-toggle="modal">More details</a></button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</section>
 
</div>
 
</div>
 
</div>
 
</div>
 +
</main>
 +
 +
<footer>
 +
<div class="container-fluid myFooter">
 +
<div class="row">
 +
<div class="col-xs-8 col-xs-push-1">
 +
<img src="https://static.igem.org/mediawiki/2018/0/0b/T--NKU_CHINA--duihui_final.png" style="height: 250px; width: auto;">
 +
</div>
 +
<div class="col-xs-4 footer-w3ls">
 +
<h3 style="color: white; font-size: 30px;">Contacts</h3>
 +
<ul class="social-icons1" style="margin:0 auto;padding-top:0;">
 +
<li><a href="https://www.facebook.com/iGEMNKU2018/"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
 +
<li><a href="https://twitter.com/iGEMNKU2018"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
 +
<li><a href="mailto:nkuigem2018@163.com"><i class="fa fa fa-envelope-o" aria-hidden="true"></i></a></li>
 +
    </ul>
 +
    <h3 style="color: white; font-size: 30px;">Address</h3>
 +
                <address style="color: white; font-size: 17px;">
 +
                    Nankai University</br>
 +
                    No.94 Weijin Road, Nankai District</br>
 +
                    Tianjin, P.R.China 300071</br>
 +
                </address>
 +
            </div>
 +
            <div class="col-xs-12">
 +
            <p class="Copyright" style="text-align: center; color: white;">Copyright © Team NKU_CHINA 2018</p>
 +
        </div>
 +
    </div>
 +
</footer>
 +
<script type="text/javascript">
 +
function customWayPoint(className, addClassName, customOffset) {
 +
  var waypoints = $(className).waypoint({
 +
    handler: function(direction) {
 +
      if (direction == "down") {
 +
        $(className).addClass(addClassName);
 +
      } else {
 +
        $(className).removeClass(addClassName);
 +
      }
 +
    },
 +
    offset: customOffset
 +
  });
 +
}
 +
 +
var defaultOffset = '50%';
 +
 +
for (i = 0; i < 17; i++) {
 +
  customWayPoint('.timeline__item--' + i, 'timeline__item-bg', defaultOffset);
 +
}
 +
</script>
  
 +
<a href="#0" class="cd-top">Top</a>
 +
</body>
 
</html>
 
</html>

Latest revision as of 21:53, 17 October 2018

Loading...

Lab Notes

Dry Lab

Wet Lab

2018 Mar. 18th-June. 30th

Wiki: Learning the HyperText Markup Language (HTML) and Cascading Style Sheets (CSS). Learning how to use Javascript and jQuery to add animations to the webpage and the usage of Bootstrap.

HP: Participating in Lotus Festival in Nankai University, propagating biosynthesis and iGEM

2018 Mar. 18th-Apr. 7th

Construction of vector PgltAB(LL3)-GFP；construction of pHT01 without PlacI

Preparation of competent cells of LL3/168/JM110.

Construction of vector LL3-H.

2018 July. 1st-July. 28th

Model: Modeling the process of partI using Logistic formula and Luedeking-Pieret formula.

Wiki: Designing the page of InterLab and the Home page.

HP: Holding iGEM Summit in China, communicating with another nine teams

2018 Mar. 25th-May. 5th

Construction of lacI with different promoters including PgltAB-lacI, PgltX-lacI, Paccd-lacI, Pldh-lacI, Prps-lacI, Psuc-lacI.

Transformation of LL3 genome (Silent the PgltAB funtion-LL3 HPT)

2018 July. 29th-Aug. 18th

Wiki: Building the introduction page of our team and all of the Human_Practices pages.

Wiki: Building the introduction page of our team and all of the Human_Practices pages.

Art: Designing team logo, characters, story. Drawing up the experiment flow chart. Making a folding of our project for Human practice group to conduct propaganda. Designing and ordering our team T-shirt. Making poster and PPT for CCiC.

HP: Social practice in Yinchuan, Ningxia to investigate biology education in western China. Conducting questionnaire survey to investigate the public awareness and attitude towards our project.

2018 Apr. 22th-July. 14th

Genome editing--adding Pahp ahead of gltAB and adding a terminater ahead of Pahp to eliminate the effect of intrinsic PgltAB to gltAB.

Construction of pHT01: PgltAB-LacI-PlacO-TetA by inserting fused PlacO-tetA, then tried the rest cnstruction with different promoters.

Preparation of interlab protocol and did experiment.

Transformation of LL3 genome (Silent the PgltAB funtion); Construction of vector 168H; Manufacture of LL3(HPT) competent cells.

2018 Aug. 12th-Sept. 1st

Model: Modeling part3 using partition function.

Wiki: Finishing the design of the Attribution and Safety page.

Art: Collecting ideas and pictures from experimental group and prepare for CCiC.Complete poster and PPT for CCiC.

HP: Conducting questionnaire survey to investigate the public awareness and attitude towards our project. Consulting in Tianjin Institute of Industrial Biotechnology and Tianjin International Joint Acadmy Biomedicine,and discuss with another iGEM team NPU-China. Attending the CCiC conference.

2018 July. 8th-July. 28th

Submission of interlab data and writing wiki page for interlab.

Construction of vector 168HPT.

Double changed of icd in LL3.

2018 Sept. 2nd-Sept. 15th

Model: Using flow cytometry to test GFP distribution type and analyse the result.

Wiki: Collecting the content and pictures of the Project pages including the Description, Experiments, Model, Proof of Concept and Demonstrate pages.

Art: Helping wiki group to establish website. Designing our team costume ——Jacket, refrigerator magnet of our characters and logo.

HP: Holding a science popularization activity for senior high school students with another two teams in Tianjin No. 13 Middle School.

2018 July. 15th-Aug. 18th

Competence cell of LL3 and icd double-changed LL3.

Construction of pHT01: PlacO-TetA-LacI.

Construction of pHT01: PlacO-TetA-promoter-LacI, the promoter includes ugt, ldh, gltAB, gltX, accd, arg.

Transformation of 168 genome (Silent the PgltAB funtion).

2018 Sept. 16th-Sept. 29th

Wiki: Finishing designing the Collaboration page and Parts page.

Art: Preparing for team video, collect pictures and record voice-over. Designing and upload team banner.

HP: Participating in the iGEM league conference in Beijing-Tianjin region. Visiting a famous biotech company named Novozymes and communicating with their engineers.

2018 Aug. 19th-Sept. 8th

Construction of pHT01: PgltAB-LacI-Pgrac-TetA, pHT01: PgltAB-LacI-Pgrac-TetA-GFP.

Construction of vector PgltAB (168).

2018 Sept. 23th-Oct. 6th

Model: Predict the total γ-PGA content by conbining part1 and part3 and write down the whole model part.

Wiki: Finishing designing the Collaboration page and Parts page. Finding bugs of our wiki and solving them. Designing the final two pages— Lab Notes and Protocols.

Art: Completing the motion graph team video

HP: Visiting a famous biotech company named Novozymes and communicating with their engineers.

2018 Sept. 9th-Sept. 29th

Transformation of pHT01: PgltAB-LacI-Pgrac-TetA into LL3,measurement of its γ-PGA yield.

Construction of standard parts vectors: PgltAB-LacI-Pgrac-TetA; lacI; PgltAB; Pgrac; tetA; GFP; PgltAB-GFP; PliaG&43; PliaG&43-1; PliaG&43-2; PliaG&43-3(Unsuccess); tetA Optimized.

2018 Oct. 7th-Oct. 17th

Wiki: Modulating and modifying the wiki to make it better and run smoothly.

Art: Modifying and beautifying our image, typography and Experimental designs. Helping our wiki group complete the website.Make our team poster and PPT for presentation.

2018 Sept. 30th-Oct. 17th

Fermentation of P43、Pglt for measuring their OD600 and the fluorescence of GFP.

Measurement of the OD600 and FI of mCherry and GFP and qPCR in PgltAB-LacI-mCherry-GFP LL3 per 8 hours of 48 hours.

Construction of pHT01-P43-TetA (condon optimized) and pHT01-P43-TetA (kit) and then testing the fuction of the codon optimized one.

Contacts

Address

Nankai University
No.94 Weijin Road, Nankai District
Tianjin, P.R.China 300071

Copyright © Team NKU_CHINA 2018

Top