Difference between revisions of "Team:DUT China B/Attributions"

 
(48 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{DUT_China_B/test_style.css}}
 
{{DUT_China_B/test_style.css}}
 
{{Template:DUT_China_B/nav}}
 
{{Template:DUT_China_B/nav}}
{{Template:DUT_China_B/jquery-1.11.0.min.js}}
 
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
Line 72: Line 71:
 
                 positon:fixed;  
 
                 positon:fixed;  
 
                 top:20px;
 
                 top:20px;
      }
+
}
        *, *:before, *:after {
+
   box-sizing: border-box;
+
.blue-bg {
 +
   background-color: #fff;
 +
  color: #ED8D8D;
 +
  height: 100%;
 
}
 
}
  
h1, h2, h3, h4, h5, h6, p {
+
.circle {
   font-weight: 300;
+
   font-weight: bold;
   margin: 0;
+
   padding: 15px 20px;
   padding: 0;
+
   border-radius: 50%;
 +
  background-color: #ED8D8D;
 +
  color: #fff;
 +
  max-height: 50px;
 +
  z-index: 2;
 
}
 
}
  
header.hero {
+
.how-it-works.row {
  background: rgba(255, 255, 255, 0.6);
+
   display: flex;
  text-align: center;
+
  padding: 20px 0;
+
  border-bottom: 4px solid rgba(255, 255, 255, 0.6);
+
   margin: 0 0 20px;
+
 
}
 
}
header.hero h1 {
+
.how-it-works.row .col-2 {
   font-size: 3em;
+
   display: inline-flex;
   color: #555;
+
  align-self: stretch;
   margin: 0 0 5px;
+
   align-items: center;
 +
   justify-content: center;
 
}
 
}
 
+
.how-it-works.row .col-2::after {
ul.cards {
+
   content: "";
  width: 800px;
+
  margin: 0 auto 20px;
+
  height: 300px;
+
  list-style-type: none;
+
  position: relative;
+
  padding: 20px 0;
+
  cursor: pointer;
+
}
+
ul.cards li.title {
+
  margin: 0 0 120px 100px;
+
}
+
ul.cards li.title h2 {
+
  font-weight: 700;
+
}
+
ul.cards li.card {
+
   background: #FFF;
+
  overflow: hidden;
+
  height: 300px;
+
  width: 300px;
+
  border-radius: 10px;
+
 
   position: absolute;
 
   position: absolute;
   left: 0px;
+
   border-left: 3px solid #ED8D8D;
  box-shadow: 1px 2px 2px 0 #aaa;
+
   z-index: 1;
   -webkit-transition: all 0.4s cubic-bezier(0.63, 0.15, 0.03, 1.12);
+
          transition: all 0.4s cubic-bezier(0.63, 0.15, 0.03, 1.12);
+
 
}
 
}
ul.cards li.card img {
+
.how-it-works.row .col-2.bottom::after {
   max-width: 100%;
+
   height: 50%;
   padding: 5px;
+
   left: 50%;
   height: auto;
+
   top: 50%;
 
}
 
}
ul.cards li.card div.content {
+
.how-it-works.row .col-2.full::after {
   padding: 5px 10px;
+
   height: 100%;
 +
  left: calc(50% - 3px);
 
}
 
}
ul.cards li.card.card-1 {
+
.how-it-works.row .col-2.top::after {
  z-index: 10;
+
   height: 50%;
  -webkit-transform: rotateZ(-2deg);
+
   left: 50%;
          transform: rotateZ(-2deg);
+
   top: 0;
}
+
ul.cards li.card.card-2 {
+
  z-index: 9;
+
  -webkit-transform: rotateZ(-7deg);
+
          transform: rotateZ(-7deg);
+
  -webkit-transition-delay: 0.05s;
+
          transition-delay: 0.05s;
+
}
+
ul.cards li.card.card-3 {
+
  z-index: 8;
+
  -webkit-transform: rotateZ(5deg);
+
          transform: rotateZ(5deg);
+
  -webkit-transition-delay: 0.1s;
+
          transition-delay: 0.1s;
+
}
+
ul.cards.transition li.card {
+
   -webkit-transform: rotateZ(0deg);
+
          transform: rotateZ(0deg);
+
}
+
ul.cards.transition li.card.card-1 {
+
   left: 440px;
+
}
+
ul.cards.transition li.card.card-2 {
+
   left: 220px;
+
 
}
 
}
  
ul.card-stacks {
+
.timeline div {
  width: 660px;
+
  list-style-type: none;
+
  margin: 0 auto 20px;
+
 
   padding: 0;
 
   padding: 0;
  position: relative;
+
   height: 40px;
  cursor: pointer;
+
   height: 700px;
+
 
}
 
}
ul.card-stacks li.title {
+
.timeline hr {
   margin: 0 0 20px;
+
   border-top: 3px solid #ED8D8D;
}
+
   margin: 0;
ul.card-stacks li.title h2 {
+
   top: 17px;
  font-weight: 700;
+
}
+
ul.card-stacks li.stack {
+
   position: absolute;
+
   left: 0px;
+
  -webkit-transition: all 0.4s cubic-bezier(0.63, 0.15, 0.03, 1.02);
+
          transition: all 0.4s cubic-bezier(0.63, 0.15, 0.03, 1.02);
+
}
+
ul.card-stacks li.stack ul.cards-down {
+
 
   position: relative;
 
   position: relative;
  margin: 0 0 20px;
 
  padding: 20px;
 
  list-style-type: none;
 
  margin: 0;
 
  padding: 0;
 
 
}
 
}
ul.card-stacks li.stack ul.cards-down li.card {
+
.timeline .col-2 {
   -webkit-transition: all 0.4s cubic-bezier(0.63, 0.15, 0.03, 1.22);
+
   display: flex;
          transition: all 0.4s cubic-bezier(0.63, 0.15, 0.03, 1.22);
+
  left: 0px;
+
  -webkit-transition-delay: 0.4s;
+
          transition-delay: 0.4s;
+
  background: #FFF;
+
 
   overflow: hidden;
 
   overflow: hidden;
  height: 200px;
 
  width: 200px;
 
  border-radius: 10px;
 
  position: absolute;
 
  top: 0px;
 
  box-shadow: 1px 2px 2px 0 #aaa;
 
 
}
 
}
ul.card-stacks li.stack ul.cards-down li.card img {
+
.timeline .corner {
   max-width: 100%;
+
   border: 3px solid #ED8D8D;
   padding: 5px;
+
  width: 100%;
   height: auto;
+
   position: relative;
 +
   border-radius: 15px;
 
}
 
}
ul.card-stacks li.stack ul.cards-down li.card div.content {
+
.timeline .top-right {
   padding: 5px 10px;
+
   left: 50%;
 +
  top: -50%;
 
}
 
}
ul.card-stacks li.stack ul.cards-down li.card.card-1 {
+
.timeline .left-bottom {
   z-index: 10;
+
   left: -50%;
   -webkit-transform: rotateZ(-2deg);
+
   top: calc(50% - 3px);
          transform: rotateZ(-2deg);
+
 
}
 
}
ul.card-stacks li.stack ul.cards-down li.card.card-2 {
+
.timeline .top-left {
   z-index: 9;
+
   left: -50%;
   -webkit-transform: rotateZ(-7deg);
+
   top: -50%;
          transform: rotateZ(-7deg);
+
 
}
 
}
ul.card-stacks li.stack ul.cards-down li.card.card-3 {
+
.timeline .right-bottom {
   z-index: 8;
+
   left: 50%;
   -webkit-transform: rotateZ(5deg);
+
   top: calc(50% - 3px);
          transform: rotateZ(5deg);
+
 
}
 
}
ul.card-stacks.transition li.stack.stack-1 {
+
.comments {
  left: 0px;
+
    margin: 100px auto;
}
+
    width: 700px;
ul.card-stacks.transition li.stack.stack-2 {
+
    border-left: 2px solid #C27099;
  left: 220px;
+
    padding: 0 20px 0 30px
}
+
ul.card-stacks.transition li.stack.stack-3 {
+
  left: 440px;
+
}
+
ul.card-stacks.transition li.stack ul.cards-down li.card {
+
  -webkit-transform: rotateZ(0deg);
+
          transform: rotateZ(0deg);
+
}
+
ul.card-stacks.transition li.stack ul.cards-down li.card.card-1 {
+
  top: 440px;
+
}
+
ul.card-stacks.transition li.stack ul.cards-down li.card.card-2 {
+
  top: 220px;
+
 
}
 
}
  
ul.cards-split {
+
p {
  width: 660px;
+
    background-color: #FFF;
  height: 280px;
+
    padding: 10px;
  list-style-type: none;
+
    font-size: 12px;
  position: relative;
+
    font-family: Times New Roman;
  margin: 0 auto 20px;
+
    border: 1px solid #C27099;
  padding: 20px;
+
    line-height: 1.7;
  cursor: pointer;
+
    position: relative
}
+
ul.cards-split li.title {
+
  margin: 0 0 20px 100px;
+
}
+
ul.cards-split li.title h2 {
+
  font-weight: 700;
+
}
+
ul.cards-split li.card {
+
  background: #FFF;
+
  overflow: hidden;
+
  height: 200px;
+
  width: 200px;
+
  border-radius: 10px;
+
  position: absolute;
+
  left: 220px;
+
  box-shadow: 1px 2px 2px 0 #aaa;
+
  -webkit-transition: all 0.4s cubic-bezier(0.63, 0.15, 0.03, 1.12);
+
          transition: all 0.4s cubic-bezier(0.63, 0.15, 0.03, 1.12);
+
}
+
ul.cards-split li.card img {
+
  max-width: 100%;
+
  padding: 5px;
+
  height: auto;
+
}
+
ul.cards-split li.card div.content {
+
  padding: 5px 10px;
+
}
+
ul.cards-split li.card.card-1 {
+
  z-index: 10;
+
  -webkit-transform: rotateZ(-2deg);
+
          transform: rotateZ(-2deg);
+
}
+
ul.cards-split li.card.card-2 {
+
  z-index: 9;
+
  -webkit-transform: rotateZ(-7deg);
+
          transform: rotateZ(-7deg);
+
  -webkit-transition-delay: 0.05s;
+
          transition-delay: 0.05s;
+
}
+
ul.cards-split li.card.card-3 {
+
  z-index: 8;
+
  -webkit-transform: rotateZ(5deg);
+
          transform: rotateZ(5deg);
+
  -webkit-transition-delay: 0.1s;
+
          transition-delay: 0.1s;
+
}
+
ul.cards-split.transition li.card {
+
  -webkit-transform: rotateZ(0deg);
+
          transform: rotateZ(0deg);
+
}
+
ul.cards-split.transition li.card.card-1 {
+
  left: 0px;
+
}
+
ul.cards-split.transition li.card.card-2 {
+
  left: 440px;
+
}
+
ul.cards-split.transition li.card.card-3 {
+
  left: 220px;
+
 
}
 
}
  
ul.cards-split-delay {
+
p:before {
  width: 660px;
+
    content: "";
  height: 280px;
+
    display: block;
  list-style-type: none;
+
    width: 10px;
  position: relative;
+
    height: 10px;
  margin: 0 auto 20px;
+
    border-radius: 50%;
  padding: 20px;
+
    background-color: #fff;
  cursor: pointer;
+
    border: 3px solid #C27099;
}
+
    position: absolute;
ul.cards-split-delay li.title {
+
    top: 10px;
  margin: 0 0 20px;
+
    left: -37px
}
+
ul.cards-split-delay li.title h2 {
+
  font-weight: 700;
+
}
+
ul.cards-split-delay li.card {
+
  background: #FFF;
+
  overflow: hidden;
+
  height: 200px;
+
  width: 200px;
+
  border-radius: 10px;
+
  position: absolute;
+
  left: 220px;
+
  box-shadow: 1px 2px 2px 0 #aaa;
+
  -webkit-transition: all 0.4s cubic-bezier(0.63, 0.15, 0.03, 1.12);
+
          transition: all 0.4s cubic-bezier(0.63, 0.15, 0.03, 1.12);
+
}
+
ul.cards-split-delay li.card img {
+
  max-width: 100%;
+
  padding: 5px;
+
  height: auto;
+
}
+
ul.cards-split-delay li.card div.content {
+
  padding: 5px 10px;
+
}
+
ul.cards-split-delay li.card.card-1 {
+
  z-index: 10;
+
  -webkit-transform: rotateZ(-2deg);
+
          transform: rotateZ(-2deg);
+
}
+
ul.cards-split-delay li.card.card-2 {
+
  z-index: 9;
+
  -webkit-transform: rotateZ(-7deg);
+
          transform: rotateZ(-7deg);
+
  -webkit-transition-delay: 0.6s;
+
          transition-delay: 0.6s;
+
}
+
ul.cards-split-delay li.card.card-3 {
+
  z-index: 8;
+
  -webkit-transform: rotateZ(5deg);
+
          transform: rotateZ(5deg);
+
  -webkit-transition-delay: 0s;
+
          transition-delay: 0s;
+
}
+
ul.cards-split-delay.transition li.card {
+
  -webkit-transform: rotateZ(0deg);
+
          transform: rotateZ(0deg);
+
}
+
ul.cards-split-delay.transition li.card.card-1 {
+
  left: 0px;
+
}
+
ul.cards-split-delay.transition li.card.card-2 {
+
  left: 440px;
+
 
}
 
}
ul.cards-split-delay.transition li.card.card-3 {
 
  left: 220px;
 
  -webkit-transition-delay: 0.6s;
 
          transition-delay: 0.6s;
 
}
 
  
 +
p:after {
 +
    content: "";
 +
    width: 0;
 +
    height: 0;
 +
    border-style: solid;
 +
    border-color: transparent #C27099 transparent transparent;
 +
    border-width: 8px;
 +
    position: absolute;
 +
    left: -17px;
 +
    top: 10px
 
}
 
}
 
 
</style>
 
</style>
 
</head>
 
</head>
 
<body>
 
<body>
 
<div class="firstimg">
 
<div class="firstimg">
<img src="https://static.igem.org/mediawiki/2019/d/d0/T--DUT_China_B--HP.jpg" alt="parts">
+
<img src="https://static.igem.org/mediawiki/2019/2/29/T--DUT_China_B--attributionsbanner2.jpg" alt="parts">
 
</div>
 
</div>
 
<div id="sides">
 
<div id="sides">
 
<ul id="menu">
 
<ul id="menu">
 
         <li>
 
         <li>
             <a ><font size="4" href="#Inspiration" >Inspiration</font></a>
+
             <a href="#Attributions" ><font size="5" >Attributions </font></a>
 
         <div style="text-align: center; width: 100%; height:40px"></div>
 
         <div style="text-align: center; width: 100%; height:40px"></div>
 
         </li>
 
         </li>
 
       <br>
 
       <br>
 
         <li>
 
         <li>
             <a><font size="4" >Background</font></a>
+
             <a href="#Acknowledgements" ><font size="5" >Acknowledgements </font></a>
 
       <div style="text-align: center; width: 100%; height:40px"></div>
 
       <div style="text-align: center; width: 100%; height:40px"></div>
 
       </li>
 
       </li>
 
       <br>
 
       <br>
 
         <li>
 
         <li>
             <a><font size="4">Chlamydomonas reinhardtii</font></a>
+
             <a><font size="4"> </font></a>
 
              
 
              
 
         </li>
 
         </li>
Line 414: Line 222:
 
     </ul>
 
     </ul>
 
</div>
 
</div>
<div style= "position:relative;left:10%;" >
+
<div id="maintest">
                <div class="htmleaf-container">
+
     
<div class="htmleaf-content">
+
      <div class="cart">
<ul class="cards">
+
              <div class="container">
  <li class="title">
+
    <h2 class="pb-3 pt-2" style="color:#C27099;"><img style="width:40%;" src="https://static.igem.org/mediawiki/2019/7/76/T--DUT_China_B--attributions.png">Everyone counts</h2>
 
+
        </div>
<ul class="card-stacks">
+
  <h2 class="pb-3 pt-2" style="color:#C27099;"><a name="Attributions">Attributions</a></h2>
  <li class="title">
+
    <div class="comments">
                            <img src="https://static.igem.org/mediawiki/2019/7/76/T--DUT_China_B--attributions.png" style="width:70%;height:70%;">
+
<h2 class="pb-3 pt-2" style="color:#C27099;"><a name="Acknowledgements">Team members</a></h2>
    <h3 style="left:50% !imporant;">Expand to grid</h3>
+
  <p>Yin Xianqi, who took the lead of our team in the early stage of our project, contributed greatly to the team. He also played an important role in characterizing the movement of micro-alga and was responsible for protein purification strategies of our team. </p>
  </li>
+
  <p>Chen Kaidi, as our team leader, was involved in the layout of all aspects of our project, both the protocols of wet lab experiment and the design of human practices. She was also responsible for arranging several communications with Prof. Liu Junshan and Dr. Zhang Chuang. She also helped to put the wiki together. </p>
  <li class="stack stack-1">
+
  <p>Liu Haodong, was part of our wet lab team, who mainly performed the transformation of micro-alga. He was also integral in designing the public outreach activities, which he took part in as well.</p>
    <ul class="cards-down">
+
  <p>Zeng Weiyang, was part of our wet lab team. He is mainly responsible for the inoculation of alga, making sure we can carry out the experiment on schedule. He also helped to perform the transformation of alga. Besides, he took part in the public engagement activities of our team and was in charge of recording the experiment process of our team.</p>
      <li class="card card-1">
+
    <p>Chen Yan, was part of our wet lab team, and focused mainly on the purification, digestion and connection of plasmids. She also took part in our interviews with several professors.  </p>
        <div class="content">
+
  <p>Ge Yunlong was in charge of the characterization of micro-alga movements, who finally providing us with convincing data and experimental phenomenon. He set up a meeting with Dr. Zhang Chuang from Shenyang Institute of Automation Chinese Academy of Sciences and designed the protocol of characterization and the device to carry it out. </p>
          <h1>Card 1 Title</h1>
+
  <p>Liu Huan was involved in the designing of wet lab experiments. He also contributed most of the early-stage protocol design, and was in charge of wet lab execution. Besides that, He was very helpful in mentoring less-experienced students in the wet lab environment, too.</p>
          <p>Stack 1</p>
+
  <p>Zhu Jingwei was in charge of the structuring the models of our project. He also helped design methodologies for our team’s drylab work.</p>
        </div>
+
    <p>Zhang Yuanzhen was also in charge of wet lab execution and higher-level design. She was primarily responsible for identifying the right conditions for transformation of micro-alga. She also helped a lot in mentoring students with less experience in the wet lab environment.</p>
      </li>
+
  <p>Wang Haobo was part of the outreach and human practices team. He helped design the interview of public and specialists and took charge in the video summary of human practices. He was also helpful in making the team video and recording our progress by photos and videos.</p>
      <li class="card card-2">
+
  <p>Yang Bokai was in charge of human practices and public outreach. He was able to set up contacts with professors and able to help the team think about the broader picture. Besides, he helped in several parts of wet lab experiments. </p>
        <div class="content">
+
  <p>
          <h1>Card 2 Title</h1>
+
Liu Yuanyuan was mainly involved in translation and summary of our program and literature researching. She also designed the team video. Besides, she helped in several parts of wet lab experiments, including plasmids purification and transformation of alga. </p>
          <p>Stack 1</p>
+
  <p>Xu Mingxi was part of the art and design team. She was in charge of the wiki construction.</p>
        </div>
+
  <p>Xue Pengfei, who was part of our model group, help solved mathematic problems during modeling and constructed our third model.</p>
      </li>
+
  <p>
      <li class="card card-3"><img src="https://static.igem.org/mediawiki/2019/d/d3/T--DUT_China_B--fire.gif"/>
+
  Men Hongyi was part of the art and design team. She designed our banner and secondary websites. </p>
        <div class="content">
+
  <p>Wang Zicheng was part of our human practices team. He helped organized the activity of “MINI Engineer Camp” during summer vacation.</p>
          <h1>Card 3 Title</h1>
+
<h2 class="pb-3 pt-2" style="color:#C27099;"><a name="Acknowledgements">PI & Iinstructor & Adviser</a></h2>
          <p>The SketchBook® drawing engine can handle a 100 mpx canvas while maintaining the zoomed-in feeling of traditional drawing. Enjoy precision, speed, and a comfortable user interface. </p>
+
<p>Professor Yang Jun, as our PI, supervised the whole project and advised us on the project construction, human practices and wiki. </p>
        </div>
+
<p> Professor Zi Lihan, as our PI, helped us cope with undesirable results and ensured lab safety. She provided experimental equipment, and materials, and promoted the progresses of the project.</p>
      </li>
+
<p>Professor Kong Fantao, as our instructor, gave us full guidance in algae-related experiments and provided us with full support when needed.</p>
    </ul>
+
<p>Ma Yue, as our adviser, suggested us on project’s external display and helped on our website and outward design.</p>
  </li>
+
</div>
  <li class="stack stack-2">
+
 
    <ul class="cards-down">
+
<h2 class="pb-3 pt-2" style="color:#C27099;"><a name="Special Thanks">Special Thanks</a></h2>
      <li class="card card-1">
+
    <div class="comments">
        <div class="content">
+
<p>First we would like to specially thank last year’s iGEMer Wu Jiaming and Yang Siyu from DLUT_China. Wu Jiaming has contributed most to our website style and visualization design instruction, and Yang Siyu give us great help and instructions throughout the process of our wiki construction.</p>
          <h1>Card 1 Title</h1>
+
<p>We would also thank who contributed to the establishment of the project in the early stage of the project, include Chen Shujun, Zhang Lei, Shen Tianyu, Qin Ziqing, Xu Chang etc.</p>
          <p>Stack 2</p>
+
<p>WU Jiaming was in charge of the designing the general style and visulization of our project. Whats more, he also helped design the presentation of our team.</p>
        </div>
+
    <p>Yang Siyu was great help throughout the process of building our wiki.</p>
      </li>
+
</div>
      <li class="card card-2">
+
<h2 class="pb-3 pt-2" style="color:#C27099;"><a name="Acknowledgements">Acknowledgements</a></h2>
        <div class="content">
+
<p>Apart from the division of labor within the team, we also want to acknowledge the work of some other research teams and individuals that inspire us in our project design.</p>
          <h1>Card 2 Title</h1>
+
    <div class="comments">
          <p>The SketchBook® drawing engine can handle a 100 mpx canvas while maintaining the zoomed-in feeling of traditional drawing. Enjoy precision, speed, and a comfortable user interface. </p>
+
  <p>PhyB/Pif and SpyCatcher/Spytag from TU_Munich(2013)<br>
        </div>
+
First, we want to thank a 2013 iGEM team, TU_Munich. In their project, the PhyB and Pif pair was used as the red light inducible trigger of their kill switch system. Moreover, it was in their study that we found the SpyTag system that we used in our design. In their project, the SpyCatcher/SpyTag system was used in post-traslational protein fusion. Its feature that allows the multimeric protein to assemble into its active form before its immobilization on the exterior membrane by a respective receptor fitted our request perfectly and were used in model verification . If it were not for their devoted work, we would possibly not be able to come up with the design of light-switch system and model validation.</p>
      </li>
+
  <p>Split synthetic Renilla Luciferase from R. Paulmurugan† and S. S. Gambhir<br>
      <li class="card card-3"><img src=""/>
+
We also want to thank the research group of R. Paulmurugan† and S. S. Gambhir. They have initially developed the method of monitoring Protein-Protein interactions using split synthetic Renilla Luciferase. Their work shed light on how to achieve intracellular inducible activation of alaga movement. Apart from this finding, they were also able to validate complementation-based activation of split synthetic renilla luciferase protein driven by the interaction of two strongly interacting proteins, which helped in our modeling work. </p>
        <div class="content">
+
  <p>Blue light controlling system from Lianqing LIU (Shenyang Institute of automation, Chinese Academy of Science)<br>
          <h1>Card 3 Title</h1>
+
Last bust not least, we want thank the research team led by Lianqing Liu in Shenyang Institute of automation, Chinese Academy of Science. In their study of an optoelectrical technique, namely ,optically induced dielectrophoresis (ODEP), they have developed a way to utilize blue light to control C.Reinhardtii to array with a rotating motion. Their study verified the feasibility of our design. What’s more, during our experiments, Dr. Chuang Zhang , who was also on that research team, helped us to make the chip we used in the characterization of alga movement.</p>
          <p>The SketchBook® drawing engine can handle a 100 mpx canvas while maintaining the zoomed-in feeling of traditional drawing. Enjoy precision, speed, and a comfortable user interface. </p>
+
 
        </div>
+
</div>
      </li>
+
      </div>
    </ul>
+
  <hr>
  </li>
+
  <li class="stack stack-3">
+
    <ul class="cards-down">
+
      <li class="card card-1"><img src="https://static.igem.org/mediawiki/2019/d/d3/T--DUT_China_B--fire.gif"/>
+
        <div class="content">
+
          <h1>Card 1 Title</h1>
+
          <p>The SketchBook® drawing engine can handle a 100 mpx canvas while maintaining the zoomed-in feeling of traditional drawing. Enjoy precision, speed, and a comfortable user interface. </p>
+
        </div>
+
      </li>
+
      <li class="card card-2">
+
        <div class="content">
+
          <h1>Card 2 Title</h1>
+
          <p>Stack 3</p>
+
        </div>
+
      </li>
+
      <li class="card card-3">
+
        <div class="content">
+
          <h1>Card 3 Title</h1>
+
          <p>Stack 3</p>
+
        </div>
+
      </li>
+
    </ul>
+
  </li>
+
</ul>
+
<hr/>
+
</div>
+
 
</div>
 
</div>
</div>
 
 
<script type="text/javascript">
 
<script type="text/javascript">
  
Line 523: Line 304:
 
}
 
}
 
</script>
 
</script>
       
 
<script>
 
jQuery(document).ready(function ($) {
 
    $('ul.cards').on('click', function () {
 
        $(this).toggleClass('transition');
 
    });
 
    $('ul.card-stacks').on('click', function () {
 
        $(this).toggleClass('transition');
 
    });
 
    $('ul.cards-split').on('click', function () {
 
        $(this).toggleClass('transition');
 
    });
 
    $('ul.cards-split-delay').on('click', function () {
 
        $(this).toggleClass('transition');
 
    });
 
});
 
  
</script>
 
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 03:39, 22 October 2019

Document
parts

Everyone counts

Attributions

Team members

Yin Xianqi, who took the lead of our team in the early stage of our project, contributed greatly to the team. He also played an important role in characterizing the movement of micro-alga and was responsible for protein purification strategies of our team.

Chen Kaidi, as our team leader, was involved in the layout of all aspects of our project, both the protocols of wet lab experiment and the design of human practices. She was also responsible for arranging several communications with Prof. Liu Junshan and Dr. Zhang Chuang. She also helped to put the wiki together.

Liu Haodong, was part of our wet lab team, who mainly performed the transformation of micro-alga. He was also integral in designing the public outreach activities, which he took part in as well.

Zeng Weiyang, was part of our wet lab team. He is mainly responsible for the inoculation of alga, making sure we can carry out the experiment on schedule. He also helped to perform the transformation of alga. Besides, he took part in the public engagement activities of our team and was in charge of recording the experiment process of our team.

Chen Yan, was part of our wet lab team, and focused mainly on the purification, digestion and connection of plasmids. She also took part in our interviews with several professors.

Ge Yunlong was in charge of the characterization of micro-alga movements, who finally providing us with convincing data and experimental phenomenon. He set up a meeting with Dr. Zhang Chuang from Shenyang Institute of Automation Chinese Academy of Sciences and designed the protocol of characterization and the device to carry it out.

Liu Huan was involved in the designing of wet lab experiments. He also contributed most of the early-stage protocol design, and was in charge of wet lab execution. Besides that, He was very helpful in mentoring less-experienced students in the wet lab environment, too.

Zhu Jingwei was in charge of the structuring the models of our project. He also helped design methodologies for our team’s drylab work.

Zhang Yuanzhen was also in charge of wet lab execution and higher-level design. She was primarily responsible for identifying the right conditions for transformation of micro-alga. She also helped a lot in mentoring students with less experience in the wet lab environment.

Wang Haobo was part of the outreach and human practices team. He helped design the interview of public and specialists and took charge in the video summary of human practices. He was also helpful in making the team video and recording our progress by photos and videos.

Yang Bokai was in charge of human practices and public outreach. He was able to set up contacts with professors and able to help the team think about the broader picture. Besides, he helped in several parts of wet lab experiments.

Liu Yuanyuan was mainly involved in translation and summary of our program and literature researching. She also designed the team video. Besides, she helped in several parts of wet lab experiments, including plasmids purification and transformation of alga.

Xu Mingxi was part of the art and design team. She was in charge of the wiki construction.

Xue Pengfei, who was part of our model group, help solved mathematic problems during modeling and constructed our third model.

Men Hongyi was part of the art and design team. She designed our banner and secondary websites.

Wang Zicheng was part of our human practices team. He helped organized the activity of “MINI Engineer Camp” during summer vacation.

PI & Iinstructor & Adviser

Professor Yang Jun, as our PI, supervised the whole project and advised us on the project construction, human practices and wiki.

Professor Zi Lihan, as our PI, helped us cope with undesirable results and ensured lab safety. She provided experimental equipment, and materials, and promoted the progresses of the project.

Professor Kong Fantao, as our instructor, gave us full guidance in algae-related experiments and provided us with full support when needed.

Ma Yue, as our adviser, suggested us on project’s external display and helped on our website and outward design.

Special Thanks

First we would like to specially thank last year’s iGEMer Wu Jiaming and Yang Siyu from DLUT_China. Wu Jiaming has contributed most to our website style and visualization design instruction, and Yang Siyu give us great help and instructions throughout the process of our wiki construction.

We would also thank who contributed to the establishment of the project in the early stage of the project, include Chen Shujun, Zhang Lei, Shen Tianyu, Qin Ziqing, Xu Chang etc.

WU Jiaming was in charge of the designing the general style and visulization of our project. Whats more, he also helped design the presentation of our team.

Yang Siyu was great help throughout the process of building our wiki.

Acknowledgements

Apart from the division of labor within the team, we also want to acknowledge the work of some other research teams and individuals that inspire us in our project design.

PhyB/Pif and SpyCatcher/Spytag from TU_Munich(2013)
First, we want to thank a 2013 iGEM team, TU_Munich. In their project, the PhyB and Pif pair was used as the red light inducible trigger of their kill switch system. Moreover, it was in their study that we found the SpyTag system that we used in our design. In their project, the SpyCatcher/SpyTag system was used in post-traslational protein fusion. Its feature that allows the multimeric protein to assemble into its active form before its immobilization on the exterior membrane by a respective receptor fitted our request perfectly and were used in model verification . If it were not for their devoted work, we would possibly not be able to come up with the design of light-switch system and model validation.

Split synthetic Renilla Luciferase from R. Paulmurugan† and S. S. Gambhir
We also want to thank the research group of R. Paulmurugan† and S. S. Gambhir. They have initially developed the method of monitoring Protein-Protein interactions using split synthetic Renilla Luciferase. Their work shed light on how to achieve intracellular inducible activation of alaga movement. Apart from this finding, they were also able to validate complementation-based activation of split synthetic renilla luciferase protein driven by the interaction of two strongly interacting proteins, which helped in our modeling work.

Blue light controlling system from Lianqing LIU (Shenyang Institute of automation, Chinese Academy of Science)
Last bust not least, we want thank the research team led by Lianqing Liu in Shenyang Institute of automation, Chinese Academy of Science. In their study of an optoelectrical technique, namely ,optically induced dielectrophoresis (ODEP), they have developed a way to utilize blue light to control C.Reinhardtii to array with a rotating motion. Their study verified the feasibility of our design. What’s more, during our experiments, Dr. Chuang Zhang , who was also on that research team, helped us to make the chip we used in the characterization of alga movement.