Difference between revisions of "Team:AHUT China/Description"

 
(49 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{AHUT_China}}
+
{{:Team:AHUT_China/CSS_reset}}
−
<html>
+
<html lang="en">
 +
<head>
 +
  <meta charset="UTF-8">
 +
  <meta name="Generator" content="EditPlus®">
 +
  <meta name="Author" content="">
 +
  <meta name="Keywords" content="">
 +
  <meta name="Description" content="">
 +
  <title>Document</title>
  
−
<head>
 
 
<style type="text/css">
 
<style type="text/css">
−
body{
+
*{margin：0px;padding:0px}
−
width:800px;
+
body{margin:0px;}
 +
 
 +
#nav{margin:0px auto;width:100%;}
 +
 
 +
/*---------------------------------daohang------------------------------*/
 +
#menu{height:80px;width:80%;background-color:#0066ff;z-index:11;position:absolute;margin-left:12rem}
 +
 
 +
.nav-menu {
 +
display: block;
 +
/* background: #74adaa;*/
 +
width:950px;
 +
margin: 50px auto 100px;
 
}
 
}
−
.title{  
+
.nav-menu > li {
−
width:500px;
+
display: inline;
−
height:40px;
+
float:left;
−
margin:0 auto;
+
border-right:1px solid #94c0be;
 
}
 
}
−
.title h{
+
.nav-menu > li:last-child {
−
font-family:Times New Roman,Georgia,Serif;
+
border-right: none;
−
font-size:28px;
+
−
font-weight:600;
+
−
color:#666666
+
 
}
 
}
−
.content{
+
.nav-menu li a {
−
width:800px;
+
color: #000000;
 +
display: block;
 +
text-decoration: none;
 +
/*调用本地字体*/
 +
font-family:Segoe UI;
 +
font-weight:400;
 +
-webkit-font-smoothing: antialiased;
 +
-moz-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 +
text-transform: capitalize;
 +
overflow: visible;
 +
line-height: 20px;
 +
font-size: 1 rem;
 +
padding: 15px 30px 15px 31px;
 
}
 
}
−
.content p{
+
.three-d {
−
font-family: Times New Roman,Georgia,Serif;  
+
/* 任务三、设置3D舞台布景 */
−
font-size:16px;
+
-webkit-perspective: 200px;
−
text-align:Justify;
+
-moz-perspective: 200px;
−
word-spacing:2px;
+
-ms-perspective: 200px;
−
letter-spacing: 0px;
+
-o-perspective: 200px;
−
text-indent:2em;
+
perspective: 200px;
−
color:#858585;
+
          /*任务四、设置3D舞台布景过渡效果*/
 +
-webkit-transition: all .07s linear;
 +
-moz-transition: all .07s linear;
 +
-ms-transition: all .07s linear;
 +
-o-transition: all .07s linear;
 +
transition:all .7s linear;
 +
position: relative;
 
}
 
}
 +
.three-d:not(.active):hover {
 +
cursor: pointer;
 +
}
 +
/*任务五、给不是当前状态的3D舞台的悬浮与聚焦状态设置变形效果*/
 +
.three-d:not(.active):hover .three-d-box,  .three-d:not(.active):focus .three-d-box {
 +
-wekbit-transform: translateZ(-25px) rotateX(90deg);
 +
-moz-transform: translateZ(-25px) rotateX(90deg);
 +
-o-transform: translateZ(-25px) rotateX(90deg);
 +
-ms-transform: translateZ(-25px) rotateX(90deg);
 +
transform: translateZ(-25px) rotateX(90deg);
 +
/*    -webkit-transform:rotateX(90deg) translatez(-25px);*/
 +
      /*  -webkit-transform:rotatex(90deg);*/
 +
}
 +
.three-d-box {
 +
          /*任务六、给3D舞台中“.three-d-box”设置过渡与变形效果*/
 +
-webkit-transition: all .3s ease-out;
 +
-moz-transition: all .3s ease-out;
 +
-ms-transition: all .3s ease-out;
 +
-o-transition: all .3s ease-out;
 +
transition: all .3s ease-out;
 +
-webkit-transform: translatez(-25px);
 +
-moz-transform: translatez(-25px);
 +
-ms-transform: translatez(-25px);
 +
-o-transform: translatez(-25px);
 +
transform: translatez(-25px);
 +
-webkit-transform-style: preserve-3d;
 +
-moz-transform-style: preserve-3d;
 +
-ms-transform-style: preserve-3d;
 +
-o-transform-style: preserve-3d;
 +
transform-style: preserve-3d;
 +
-webkit-pointer-events: none;
 +
-moz-pointer-events: none;
 +
-ms-pointer-events: none;
 +
-o-pointer-events: none;
 +
pointer-events: none;
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
display: block;
 +
width: 100%;
 +
height: 100%;
 +
}
 +
/*任务七、给导航设置3D前，与3D后变形效果*/
 +
.front {
 +
-webkit-transform: rotatex(0deg) translatez(25px);
 +
-moz-transform: rotatex(0deg) translatez(25px);
 +
-ms-transform: rotatex(0deg) translatez(25px);
 +
-o-transform: rotatex(0deg) translatez(25px);
 +
transform: rotatex(0deg) translatez(25px);
 +
}
 +
.back {
 +
-webkit-transform: rotatex(-90deg) translatez(25px);
 +
-moz-transform: rotatex(-90deg) translatez(25px);
 +
-ms-transform: rotatex(-90deg) translatez(25px);
 +
-o-transform: rotatex(-90deg) translatez(25px);
 +
transform: rotatex(-90deg) translatez(25px);
 +
color: #ffffff;
 +
}
 +
.front, .back {
 +
/*          border:1px solid red;*/
 +
display: block;
 +
width: 100%;
 +
height: 100%;
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
background:rgba(0, 0, 0, 0.8);
 +
 +
padding: 15px 30px 15px 31px;
 +
color: #ffffff;
 +
-webkit-pointer-events: none;
 +
-moz-pointer-events: none;
 +
-ms-pointer-events: none;
 +
-o-pointer-events: none;
 +
pointer-events: none;
 +
-webkit-box-sizing: border-box;
 +
box-sizing: border-box;
 +
}
 +
/*任务八、设置导航当前状态与悬浮状态下的背景效果*/
 +
.nav-menu li .active .front,  .nav-menu li .active .back,  .nav-menu li a:hover .front,  .nav-menu li a:hover .back {
 +
background-color: #000033;
 +
-webkit-background-size: 5px 5px;
 +
background-size: 5px 5px;
 +
background-position: 0 0, 30px 30px;
 +
background-image: -webit-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 +
background-image: -moz-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 +
background-image: -ms-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 +
background-image: -o-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 +
background-image: linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 +
}
 +
.nav-menu ul {
 +
position: absolute;
 +
text-align: left;
 +
line-height: 40px;
 +
font-size: 14px;
 +
width: 200px;
 +
-webkit-transition: all 0.3s ease-in;
 +
-moz-transition: all 0.3s ease-in;
 +
-ms-transition: all 0.3s ease-in;
 +
-o-transition: all 0.3s ease-in;
 +
transition: all 0.3s ease-in;
 +
-webkit-transform-origin: 0px 0px;
 +
-moz-transform-origin: 0px 0px;
 +
-ms-transform-origin: 0px 0px;
 +
-o-transform-origin: 0px 0px;
 +
transform-origin: 0px 0px;
 +
-webkit-transform: rotateX(-90deg);
 +
-moz-transform: rotateX(-90deg);
 +
-ms-transform: rotateX(-90deg);
 +
-o-transform: rotateX(-90deg);
 +
transform: rotateX(-90deg);
 +
-webkit-backface-visibility: hidden;
 +
-moz-backface-visibility: hidden;
 +
-ms-backface-visibility: hidden;
 +
-o-backface-visibility: hidden;
 +
backface-visibility: hidden;
 +
}
 +
/*任务九、显示下拉导航菜单，并其设置一个变形效果*/
 +
.nav-menu > li:hover ul {
 +
-webkit-transform: rotateX(0deg);
 +
-moz-transform: rotateX(0deg);
 +
-ms-transform: rotateX(0deg);
 +
-o-transform: rotateX(0deg);
 +
transform: rotateX(0deg);
 +
}
 +
/*-------------------------------------------daohang_over---------------------------*/
 +
 +
 +
#banner{width:100%;height:800px;background-color:#0066ff;margin:0px}
 +
#name img{margin-left: 24rem;margin-top:-230px;position:absolute}
 +
#name{color:#ffffff;margin-left:0rem;margin-top:40%; position:relative;z-index:-100;}
 +
#name p{font-size:8em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;margin-left:16rem}
 +
#uptop  > img{margin-top:-6.5rem;margin-left:72%;position:fixed;}
 +
 +
 +
 +
 +
 +
 +
#content{background-image:url("https://static.igem.org/mediawiki/2016/5/54/AHUT_CHINA_igem_2016_dc.png" );width:100%;height:120rem;position:relative;}
 +
#con_inner{padding:5rem;background-color:rgba(0,0,0,0.7);height:110rem}
 +
#con_inner p{color:#ffffff}
 +
 +
 +
 +
 +
 +
 +
 +
 +
/*-------------------footer-----------------------*/
 +
 +
#footer{
 +
height:300px;
 +
width:100%;
 +
color:#ccc;
 +
font-size:12px;
 +
position:relative;
 +
z-index:top;
 +
background-color:#3c3e3f;
 +
}
 +
 +
#footer  .conent{
 +
width:960px;
 +
 +
left:50%;
 +
bottom:0;
 +
margin-left:14%;
 +
z-index:2;
 +
}
 +
 +
#foot_list {
 +
width:759px;
 +
height:175px;
 +
float:left;
 +
padding-top:5px;
 +
margin:0;
 +
}
 +
#foot_list  li{
 +
float:left;
 +
text-align:left;
 +
width:115px;
 +
margin-left:0;
 +
margin-right:10px;
 +
    line-height:18px;
 +
    display:block;
 +
    color:#FFF;
 +
    font-size:16px;
 +
text-decoration: none;
 +
font-family:Arial, Helvetica, sans-serif;
 +
}
 +
#foot_list  li ul li:first-child {
 +
font-size:20px;
 +
color:#b4b4b4;
 +
line-height:28px;
 +
}
 +
 +
#foot_list  li ul li a {
 +
font-size:12px;
 +
color:#a1a1a1;
 +
line-height:18px;
 +
text-decoration:none;
 +
}
 +
 +
#foot_list li ul li a:hover {
 +
color:#fff;
 +
transition: color 0.3s ease 0s;
 +
}
 +
 +
 +
#foot_igem{
 +
padding:38px 33px 24px 18px;
 +
float:right;
 +
}
 +
#foot_igem > a {
 +
width:150px;
 +
height:118px;
 +
display:block;
 +
background-image:url(https://static.igem.org/mediawiki/2015/8/87/AHUT_CHINA_2015_index_igem_gray.jpg);
 +
}
 +
#foot_igem > a:hover {
 +
background-image:url(https://static.igem.org/mediawiki/2015/d/d8/AHUT_CHINA_2015_index_igem_origin.jpg);
 +
}
 +
#foot_copyright {
 +
 +
margin-left:14%;
 +
clear:both;
 +
width:960px;
 +
line-height:36px;
 +
text-align:center;
 +
vertical-align:middle;
 +
color:#777777;
 +
font-size:12px;
 +
font-family:Arial, Helvetica, sans-serif;
 +
}
 +
 +
 +
 +
 +
 
</style>
 
</style>
−
</head>
+
</head>
 +
<body>
 +
 
  
−
<body>
+
<div id="nav">
−
<div class="">
+
<!---------------------------------------------------------------------------->
−
<div class="title">
+
<!----------------------banner----------------------------------------------->
−
<h>
+
<div id="banner">  
−
  WELCOME TO AHUT-CHINA 2016
+
 
−
</h>
+
<div id="menu">
 +
<ul class="nav-menu clearfix unstyled">
 +
<li><a href="https://2016.igem.org/Team:AHUT_China" class="three-d "> Home <span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span> </a></li>
 +
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Attributions" class="three-d">Attributions <span class="three-d-box"><span class="front"> Attributions</span><span class="back"> Attributions</span></span> </a>
 +
    <ul class="clearfix unstyled drop-menu">
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#attributions" class="three-d";href="#attributions"> Attributions <span class="three-d-box"><span class="front">Attributions</span><span class="back">Attributions</span></span> </a></li>
 +
 
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#menbers" class="three-d";href="#menbers"> Menbers <span class="three-d-box"><span class="front">Members</span><span class="back">Members</span></span> </a></li>
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#instructions" class="three-d";href="#instructions">Instructions <span class="three-d-box"><span class="front">Instructors</span><span class="back">Instructors</span></span> </a></li>
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#acknowledgement" class="three-d";href="#acknowledgement"> Acknowledgement <span class="three-d-box"><span class="front"> Acknowledgement</span><span class="back">Acknowledgement</span></span> </a></li>
 +
    </ul>
 +
 
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Project " class="three-d"> Project <span class="three-d-box"><span class="front"> Project</span><span class="back"> Project</span></span> </a>
 +
<ul class="clearfix unstyled drop-menu">
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Project/Pathway and Design" class="three-d";href="#Pathway and Design">Pathway and Design<span class="three-d-box"><span class="front">Pathway & Design</span><span class="back">Pathway & Design</span></span> </a></li>
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Project/Result" class="three-d";href="#Result">Result<span class="three-d-box"><span class="front">Result</span><span class="back">Result</span></span> </a></li>
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Project#Biobrick" class="three-d";href="#Biobrick"> Biobrick <span class="three-d-box"><span class="front">Biobrick</span><span class="back">Biobrick</span></span> </a></li>
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Project/Protools" class="three-d";href="#Protools">Protools<span class="three-d-box"><span class="front">Protocols</span><span class="back">Protocols</span></span> </a></li>
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Project#Notebook" class="three-d";href="#Notebook">Notebook<span class="three-d-box"><span class="front">Notebook</span><span class="back">Notebook</span></span> </a></li>
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Project/Lab Pictures" class="three-d";href="#Lab Pictures">Lab Pictures<span class="three-d-box"><span class="front">Lab Pictures</span><span class="back">Lab Pictures</span></span> </a></li>
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Project/Future Work" class="three-d";href="#Future Work">Future Work<span class="three-d-box"><span class="front">Future Work</span><span class="back">Future Work</span></span> </a></li>
 +
    </ul>
 +
 
 +
 +
 
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/HP" class="three-d "> HP <span class="three-d-box"><span class="front">HP </span><span class="back">HP </span></span> </a>
 +
<ul class="clearfix unstyled drop-menu">
 +
      <li><a href="https://2016.igem.org/Team:AHUT_China/HP/Silver" class="three-d";href="#silver">silver<span class="three-d-box"><span class="front">silver</span><span class="back">silver</span></span> </a></li>
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/HP/Gold" class="three-d";href="#gold">gold<span class="three-d-box"><span class="front">gold</span><span class="back">Gold</span></span> </a></li>
 +
      <li><a href="https://2016.igem.org/Team:AHUT_China/HP/Human Practice" class="three-d";href="#Overview">Human Practice<span class="three-d-box"><span class="front">Human Practice</span><span class="back">Human Practice</span></span> </a></li>
 +
     
 +
    </ul>
 +
 
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Collaborations" class="three-d"> Collaborations <span class="three-d-box"><span class="front">Collaborations</span><span class="back">Collaborations</span></span></a>
 +
      <ul class="clearfix unstyled drop-menu">
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Collaborations" class="three-d"> Collaborations <span class="three-d-box"><span class="front">Collaborations</span><span class="back">Collaborations</span></span> </a></li>
 +
     
 +
      </ul>
 +
 
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Description" class="three-d active">Description <span class="three-d-box"><span class="front">Description</span><span class="back">Description</span></span></a>
 +
      <ul class="clearfix unstyled drop-menu">
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Description" class="three-d"> Description <span class="three-d-box"><span class="front">Description</span><span class="back">Description</span></span> </a></li>
 +
     
 +
      </ul>
 +
 
 +
  <li><a href="https://2016.igem.org/Team:AHUT_China/Proof" class="three-d">Proof <span class="three-d-box"><span class="front">Proof</span><span class="back">Proof</span></span></a>
 +
      <ul class="clearfix unstyled drop-menu">
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Proof" class="three-d";>Proof<span class="three-d-box"><span class="front">Proof</span><span class="back">Proof</span></span> </a></li>
 +
     
 +
      </ul>
 +
 
 +
  <li><a href="https://2016.igem.org/Team:AHUT_China/Demonstrate" class="three-d"> Demonstrate<span class="three-d-box"><span class="front">Demonstrate</span><span class="back">Demonstrate</span></span></a>
 +
      <ul class="clearfix unstyled drop-menu">
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Demonstrate" class="three-d";href="#Safety"> Demonstrate<span class="three-d-box"><span class="front">Demonstrate</span><span class="back">Demonstrate</span></span> </a></li>
 +
     
 +
      </ul>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 +
 
 +
  </ul>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<div id="name">
 +
<img src="https://static.igem.org/mediawiki/2016/8/8c/AHUT_CHINA_igem_2016_dclog_max.png" height="250" border="0" alt="">
 +
<p>Description</p>
 +
 
 +
</div>
 +
<a id="uptop" href="#top"><img src="https://static.igem.org/mediawiki/2016/d/da/Up.png" width="60" height="60" border="0" ></a>  
 
</div>
 
</div>
  
−
<div class="content">
+
</div>
−
<p style="font-family: Times New Roman,Georgia,Serif; font-size:16px; ">
+
 
−
Our team has chosen to continue our 2014 project of BIO-COMPASS after discussing its meaning and feasibility as well as comparing with other projects. Firstly, we firmly believe that the project of 2014 was quite potential and could be further researched and developed so as to bring more real benefits to human beings. Besides, our initial plan of using paclitaxel to cure diseases like cancer is not practical enough， thus needs to be further improved. Finally, our team is always ready for delving into a wonderful subject and pursuing the better or perfection, and continuing our 2014 project of BIO-COMPASS serves as a great option to achieve this purpose.</p>
+
 
−
<p>Our project aims to build a new available bio-navigational system in which the map information will be coded in DNA strands with correlative biochemical reactions. The bio-navigational database builds up the relationship between biochemical operation instructions and traditional navigation instructions. In order to improve work efficiency, BIO-COMPASS 2.0 is designed to screen out and optimize the conditions of reaction according to road conditional filtering. Therefore, we attempt to renew the system based on our project in 2014 to adapt to the more complex path plans. As for this point, based on our previous pathway planning which includes design of sites and lines, we have further conducted deeper coding to lines. Also, the lines are used not only to complement corresponding nodes, but also encompass the information of length, node and specific identification. Through BIO-COMPASS 2.0, the shortest way to achieve the purpose of navigation will be obtained by using a variety of detection methods (such as electrophoresis , sequencing, etc).  
+
<div id="content">
 +
<div id ="con_inner">
 +
 
 +
<p style="position:absolute;margin:10px;font-size:4em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;margin-left:0%">BIO-COMPASS</p>
 +
 
 +
<p style="font-size:2em;font-weight:lighter;font-family:Segoe UI;line-height:1.5;text-indent:2em">  
 +
The aim of our project is to build a brand new bio-navigational system that can be used by the ordinary people. The map information will be coded in DNA strand and do corresponding biochemical operations. The bio-navigational database will establish the relationship between biochemical operation instructions and traditional navigation instructions. In order to reduce workload in advance， BIO-COMPASS can also screen reaction conditions according to the road conditions. Furthermore, we try to update the system to adapt to the more complex path plans. For this, we design some special enzyme sites which differ from standard bio-bricks’ as the function interfaces. For example, “Logic Gate” genetic device can be inserted in our system to help us solve the path plan which include a transfer station between the start and the destination. BIO-COMPASS will find the best solution by using a variety of detection methods such as electrophoresis and reporter gene. </p>
 +
 
 +
 
 +
<p style="position:absolute;margin:10px;font-size:4em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;margin-left:0%">BIO-COMPASS 2.0</p>
 +
 
 +
 
 +
 
 +
<p style="font-size:2em;font-weight:lighter;font-family:Segoe UI;line-height:1.5;text-indent:2em">A new updated version of bio–navigational system that enables a faster acquisition of optimal pathway will be built by the BIO-COMPASS 2.0 to break the limitations of computational capacity in the big data era. DNA will be used to encode the information of points and pathways on the map, and log into the bio-navigation database. In this way, each feasible solution can be obtained by the corresponding biochemical operation. Because of the high parallelism of the DNA calculation, the solution is rapid. Then by selecting the feasible solutions, finally determine the optimal solution. Compared with AHUT_China 2014's project, BIO-COMPASS 2.0 has added identification site, path length, and adjacent site number information into the DNA sequence used for path expressing. Besides, Quaternary has been applied in our calculation to optimize the data extraction methods. These improvements have boosted our system’s practicability and suitability when it is applied into more complex navigation.  </p>
 +
 
 +
<p style="position:absolute;margin:10px;font-size:4em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;margin-left:0%">Improved parts</p>
 +
 
 +
 
 +
<p style="font-size:2em;font-weight:lighter;font-family:Segoe UI;line-height:1.5;text-indent:2em">olution24578 is the shortest pathway in the project of 2014 of AHUT_China, which Node NO.5 is a necessary node to be passed in order to get to Node NO.8. However, in our project of this year, we don’t have to pass Site NO.5 while taking Site NO.2 as the start point and Site NO.8 as the terminal, which provides us with more diverse pathway choices and more conforms to the real situation. In our project of 2016, the DNA single strands of the sites and lines are connected by bridging-PCR. 12 information bits are added to the DNA single strand of the lines, which the pre-4bp sequences contain the information of identification point, the mid-4bp sequences contain the information of the specified line, and the post-4bp contain the information of the path length. In order to obtain Solution24578, it needs to construct recombinant plasmid in every possible pathway. And then the recombinant plasmid was inserted in E.coli, where the fluorescent protein gene in Node NO.5 get expressed. Thus, all the pathways passing Node NO.5 screened out. By contrast, we don’t have to go through a series of complex process like what have been depicted above in order to obtain the shortest pathway <2-6-8> in this year. </p>
 +
 
 +
 
 +
 
 +
<p style="font-size:2em;font-weight:lighter;font-family:Segoe UI;line-height:1.5;text-indent:2em">
 +
<a href="http://parts.igem.org/Part:BBa_K1341020"><p style="font-size:2.5em;color:red;">BBa_K1341020</p></a>
 +
<a href="http://parts.igem.org/Part:BBa_K1341000"><p style="font-size:2.5em;color:red;">BBa_K1341000</p></a>
 +
<a href="http://parts.igem.org/Part:BBa_K1341001"><p style="font-size:2.5em;color:green">BBa_K1341001</p></a>
 +
 
 
</p>
 
</p>
 +
 +
 +
 
</div>
 
</div>
  
 
</div>
 
</div>
−
</body>
+
 +
 +
 +
 +
 
 +
<!---------------------banner_over---------------------------------------->
 +
 
 +
 
 +
 +
 
 +
 +
 
 +
 
 +
 +
 
 +
<div id="footer">
 +
  <div class="conent">
 +
    <!--<div id="im_logo_link">
 +
      <ul>
 +
        <li id="twitter"><a href=""></a></li>
 +
        <li id="youtube"><a href=""></a></li>
 +
        <li id="webchat"><a href=""></a></li>
 +
        <li id="qq"><a href=""></a></li>
 +
      </ul>
 +
    </div>
 +
    <div style="height:1px;">
 +
      <img src="https://static.igem.org/mediawiki/2015/f/fe/AHUT_CHINA_2015_index_foot_line_white.jpg" width="960" height="1" alt=""/>
 +
    </div>-->
 +
    <p style="font-size:8em;color:rgba(0,0,0,0.8);position:absolute">AHUT_CHINA</a>
 +
    <div id="foot_igem">
 +
      <a href="https://2016.igem.org/Main_Page"></a>
 +
    </div>
 +
    <div style="clear:both;">
 +
      <img src="./Team_AHUT China_team - 2015.igem.org_files/AHUT_CHINA_2015_index_foot_line_gray.jpg" width="960" height="3" alt="">
 +
    </div>
 +
    <p id="foot_copyright">Copyright 2016 © AHUT iGEM Team , All rights reserved . </p>
 +
  </div>
 +
</div>
 +
 
 +
<p></p>
 +
</div> <div class="visualClear"></div>
 +
    </div>
 +
</div>
 +
    </div>
 +
 
 +
<!----------------------------------------------------------------------------------------------->
 +
</div>
 +
 
 +
 
 +
 
 +
</body>
 
</html>
 
</html>

Latest revision as of 09:52, 19 October 2016

Document