Difference between revisions of "Team:ZJU-China/test"

 
(40 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{:Team:ZJU-China/template_test}}
+
{{:Team:ZJU-China/template_test1}}
 
<html lang="zh-CN">
 
<html lang="zh-CN">
 
<head>
 
<head>
 
     <!-- Bootstrap -->
 
     <!-- Bootstrap -->
 
     <title>ZJU-CHINA 2016</title>
 
     <title>ZJU-CHINA 2016</title>
−
<style>
+
<style type="text/css">
−
.div1{ background-color:#022634; width:100%; }
+
.div1{  
−
 
+
    background-color:#022634;
−
.div2{ background-color:#dce0c7; width:100%; }
+
    width:100%;
−
 
+
     padding-left:0px;
−
.div3{ background-color:#00F;     width:100%;}
+
    }
−
body{
+
−
 
+
−
 
+
−
max-width:1440px;
+
−
 
+
  
 +
.div2{
 +
    background-color:#dce0c7;
 +
    width:100%;
 +
    padding-left:0px; }
  
 +
.cas {
 +
font-family: Georgia, "Times New Roman", Times, serif;
 +
font-size: 16px;
 
}
 
}
−
 
+
  body{
−
</style>
+
background-image:url(https://static.igem.org/mediawiki/2015/a/ab/ZJU-background.jpg);
 +
max-width:2880px;
 +
width:100%;
 +
padding-top:50px;
 +
}
 +
  </style>
  
 
</head>
 
</head>
  
 
<body>
 
<body>
 +
<div class="container-fluid">
 
<div style="background-color:#022634;">
 
<div style="background-color:#022634;">
  
−
     <img src="https://static.igem.org/mediawiki/2016/1/18/Index.jpg" width="100%">
+
     <img src="https://static.igem.org/mediawiki/2016/1/18/Index.jpg" width="100%" class="margin">
  
 
<div class="alert alert-danger alert-dismissible" role="alert" style="border-top:20px; border-bottom:20px;">
 
<div class="alert alert-danger alert-dismissible" role="alert" style="border-top:20px; border-bottom:20px;">
−
   <button type="button" class="close" data-dismiss="alert" aria-label="Close" style="margin-top:10px;"><span aria-hidden="true">&times;</span></button>
+
   <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
   <strong>Attention!</strong> The page has not been completed!!</div>  
 
   <strong>Attention!</strong> The page has not been completed!!</div>  
 
</div>
 
</div>
Line 37: Line 45:
 
<p>&nbsp;</p>
 
<p>&nbsp;</p>
 
  </div>
 
  </div>
−
 
+
 
  </div>
 
  </div>
  
−
<p style="text-align:center; background-color:#dce0c7;"><a class="btn btn-primary btn-lg" href="http://www.zjubiolab.zju.edu.cn/igem" role="button">Learn more about us!</a></p>
+
<div style="text-align:center; background-color:#dceecc;"><a class="btn btn-primary btn-lg" href="http://www.zjubiolab.zju.edu.cn/igem" role="button">Learn more about us!</a></div>
−
</div>
+
  
 
  <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true" style="margin-top:-5px;">
 
  <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true" style="margin-top:-5px;">
Line 47: Line 54:
 
     <div class="panel-heading" role="tab" id="headingOne">
 
     <div class="panel-heading" role="tab" id="headingOne">
 
       <h4 class="panel-title">
 
       <h4 class="panel-title">
−
         <a href="#collapseOne" class="cas_a" aria-controls="collapseOne" aria-expanded="true" role="button" data-toggle="collapse" data-parent="#accordion">
+
         <a href="#collapseOne" style="font-family: Verdana, Geneva, sans-serif;
 +
" aria-controls="collapseOne" aria-expanded="true" role="button" data-toggle="collapse" data-parent="#accordion">
 
           What's ENIGMA?
 
           What's ENIGMA?
 
         </a>
 
         </a>
Line 60: Line 68:
 
     <div class="panel-heading" role="tab" id="headingTwo">
 
     <div class="panel-heading" role="tab" id="headingTwo">
 
       <h4 class="panel-title">
 
       <h4 class="panel-title">
−
         <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" class="cas_a">
+
         <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" style="font-family: Verdana, Geneva, sans-serif;
 +
">
 
           How does oscillation realize?
 
           How does oscillation realize?
 
         </a>
 
         </a>
Line 74: Line 83:
 
     <div class="panel-heading" role="tab" id="headingThree">
 
     <div class="panel-heading" role="tab" id="headingThree">
 
       <h4 class="panel-title">
 
       <h4 class="panel-title">
−
         <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree" class="cas_a">
+
         <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree" style="font-family: Verdana, Geneva, sans-serif;
 +
">
 
         Microfluidic
 
         Microfluidic
 
         </a>
 
         </a>
Line 86: Line 96:
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
<div style="text-align:center; background-color:#dce0c7;">
  
 +
<video controls="controls" src="https://static.igem.org/mediawiki/2016/8/80/Oscillation_Video.mp4" width="700px" height="540px">
 +
Your browser does not support the video tag.
 +
</video>
 +
</div>
 +
<div style="text-align:center; background-color:#dce0c7; font-family: Georgia, "Times New Roman", Times, serif;
 +
font-size: 16px;
 +
"> OUR OSCILLATION VIDEO </div>
 +
</div>
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 04:45, 29 August 2016

ZJU-CHINA 2016

Abstract

    Synthetic genetic oscillators have long been of interest to the scientific community. Our team has constructed a special oscillator gene circuit manipulating two quorum sensing autoinducers to change periodically, and reach their peak value alternately. Inspired by Enigma machine, we intend to use our oscillator circuit to make a biological cipher machine, which is able to encrypt and decipher information consisting of two basic elements. In our design, blue and red fluorescence stand for two basic elements of input and output. When one protein reaches its threshold value, a corresponding gene circuit will be triggered, either to retain the original element, or to change it to the other one. Using this method, we could realize the periodic conversion of a code book, which is hard to be deciphered. We hope this design can be an innovative attempt to apply synthetic biology to information safety from the aspect of interdiscipline.

 

1.Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
2.Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
3.Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
OUR OSCILLATION VIDEO