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

Revision as of 08:08, 14 October 2016

Document

Abstract of bio-compass

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.

- TEAM
- Members
- Instructors
- Attributions
- Acknowledgement
- PROJECT
- Pathway and Design
- Result
- Future Work
- PARTS
- Biobrick
- Protools
- HUMAN
  PRACTICES
- Society
- New Power
- Questionnaire
- MOOC
- Art
- SAFETY
- Safety
- NOTEBOOK
- Notebook
- Lab Pictures

@@ Line 1: / Line 1: @@
 {{:Team:AHUT_China/CSS_reset}}
-−
 <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>
-−
 <style type="text/css">
-−
   *{margin：0px;padding:0px}
-−
   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;
-−
 }
-−
 .nav-menu > li {
-−
 	display: inline;
-−
 	float:left;
-−
 	border-right:1px solid #94c0be;
-−
 }
-−
 .nav-menu > li:last-child {
-−
 	border-right: none;
-−
 }
-−
 .nav-menu li a {
-−
 	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;
-−
 }
-−
 .three-d {
-−
 	/* 任务三、设置3D舞台布景 */
-−
 	-webkit-perspective: 200px;
-−
 	-moz-perspective: 200px;
-−
 	-ms-perspective: 200px;
-−
 	-o-perspective: 200px;
-−
 	perspective: 200px;
-−
            /*任务四、设置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: 20rem;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:6rem}
-−
-#name p{font-size:8em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;margin-left:14rem}
-−
 #uptop  > img{margin-top:-6.5rem;margin-left:72%;position:fixed;}
-−
-−
-−
+#content{background-image:url("images/main/compass (3).png" );width:100%;height:600px;position:relative;}
-−
+#con_inner{padding:5rem}
-−
-−
-−
-#content{background-image:url("https://static.igem.org/mediawiki/2016/d/de/AHUT_CHINA_igem_china_team.png" );width:100%;height:1000rem;position:relative;}
-−
-#con_inner{padding:5rem;background-color:rgba(0,0,0,0.7);height:990rem}
-−
-#con_inner p{color:#ffffff}
-−
-−
-−
-−
-−
-−
-#team_at_1,#team_at_2,#team_at_3{
-−
-float:left;
-−
-width:320px;
-−
-height:315px;
-−
-font-family: Arial,Helvetica,sans-serif;
-−
-text-align:center;
-−
-}
-−
-−
-#team_at_1_1,#team_at_1_2,#team_at_1_3,#team_at_2_1,#team_at_2_2,#team_at_2_3,#team_at_3_1,#team_at_3_2,#team_at_3_3{
-−
-float:left;
-−
-width:320px;
-−
-height:60px;
-−
-font-size:20px;
-−
-line-height:60px;
-−
-font-weight:600;
-−
-color:#ffffff;
-−
-}
-−
-−
-#team_at_1_1_content,#team_at_1_2_content,#team_at_1_3_content,#team_at_2_1_content,#team_at_2_2_content,#team_at_2_3_content,#team_at_3_1_content,#team_at_3_2_content,#team_at_3_3_content{
-−
-float:left;
-−
-width:320px;
-−
-height:60px;
-−
-font-size:14px;
-−
-color:#ffffff;
-−
-}
-−
-−
-#team_acknowledgement{
-−
-position:relative;
-−
-width:960px;
-−
-height:8rem;
-−
-margin:0 auto;
-−
-}
-−
-−
-#team_a_pre{
-−
-height:20px;
-−
-margin-top:30px;
-−
-font-family: Arial,Helvetica,sans-serif;
-−
-font-size:18px;
-−
-font-weight:600;
-−
-text-align:center;
-−
-line-height:20px;
-−
-color:#ffffff;
-−
-}
-−
-−
-#team_a1,#team_a2,#team_a3,#team_a4,#team_a5{
-−
-position:absolute;
-−
-top:50px;
-−
-width:150px;
-−
-height:220px;
-−
-background-repeat:no-repeat;
-−
-background-size:contain;
-−
-}
-−
-−
-#team_a1_name,#team_a2_name,#team_a3_name,#team_a4_name,#team_a5_name{
-−
-position:absolute;
-−
-top:170px;
-−
-height:50px;
-−
-margin-top:0px;
-−
-font-family: Arial,Helvetica,sans-serif;
-−
-font-size:12px;
-−
-font-weight:600;
-−
-text-align:center;
-−
-color:#ffffff;
-−
-}
-−
-−
-#team_a1{
-−
-left:0px;
-−
-background-image:url(https://static.igem.org/mediawiki/2015/d/db/AHUT_CHINA_2015_team_jixie.jpg);
-−
-}
-−
-−
-#team_a2{
-−
-left:195px;
-−
-background-image:url(https://static.igem.org/mediawiki/2015/9/97/AHUT_CHINA_2015_team_huagong.jpg);
-−
-}
-−
-−
-#team_a3{
-−
-left:400px;
-−
-background-image:url(https://static.igem.org/mediawiki/2015/d/d5/AHUT_CHINA_2015_team_shuli.jpg);
-−
-}
-−
-−
-#team_a4{
-−
-left:605px;
-−
-background-image:url(https://static.igem.org/mediawiki/2015/1/12/AHUT_CHINA_2015_team_waiguoyu.jpg);
-−
-}
-−
-−
-#team_a5{
-−
-left:810px;
-−
-background-image:url(https://static.igem.org/mediawiki/2015/d/db/AHUT_CHINA_2015_team_yishe.png);
-−
-}
-−
-−
-−
-−
-−
-#text_01{height:65rem;width:100%;background:rgba(0,0,0,0);}
-−
-−
-img{ border:0;}
-−
-.brands-list { width: 90%; height: 100%; overflow: hidden; margin: 20px auto 0 auto; }
-−
-.brands-list li { float: left; width: 155px; margin: 0 4px 7px 0; display: inline; }
-−
-.brands-list li a { position: relative; height: 250px; display: block; overflow: hidden; cursor: pointer; }
-−
-.brands-list li a .title { z-index: 2; position: absolute; bottom: 230px; left: -160px; width: 150px; height: 20px; padding: 0 0 0 10px; color:#ffffff; line-height: 17px; background-color:#000000 no-repeat; font-size:12px;font:Arial, Helvetica, sans-serif, "新宋体";}
-−
-.brands-list li a .shine { z-index: 3; position: absolute; top: 0; left: 0; width: 160px; height: 104px; background-color:#000000  no-repeat -160px 0; }
-−
-−
-−
-.teacher{width:1100px;height:360px;position:relative;margin:0 auto; overflow:hidden;}
-−
-.teacher .teacherPic{width:1100px;height:360px;}
-−
-.teacher .teacherPic .content{width:200px;height:360px;float:left;position:relative;overflow:hidden;margin-left:3px;}
-−
-.teacher .teacherPic .content .txt{width:180px;height:100px;background:rgba(18,21,44,0.7); position:absolute;left:0px;bottom:0px;padding:0 12px;border-top:2px solid #CB5412;}
-−
-.teacher .teacherPic .content .txt h3{color:#CB5412;font-size:20px;font-weight:100;margin:10px 0 6px 0;}
-−
-.teacher .teacherPic h4{color:#fff;font-size:14px;font-weight:100;}
-−
-.teacher .teacherPic .content .txt p{color:#fff;margin-top:5px;padding-top:12px;border-top:1px solid #CB5412;font-famliy:"Lucida Sans Unicode", "Lucida Grande";}
-−
-−
-−
-−
-−
-−
-−
-−
-−
-−
-−
-−
-−
-−
-−
-−
-−
-−
-−
 /*-------------------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/2016/8/87/AHUT_CHINA_2015_index_igem_gray.jpg);
-−
 }
-−
 #foot_igem > a:hover {
-−
 	background-image:url(https://static.igem.org/mediawiki/2016/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>
-−
   </head>
-−
   <body>
-−
-−
-−
 <div id="nav">
-−
 <!---------------------------------------------------------------------------->
-−
 <!----------------------banner----------------------------------------------->
-−
 <div id="banner">
-−
-−
 <div id="menu">
-−
 	<ul class="nav-menu clearfix unstyled">
+		 <li><a href="https://2016.igem.org/Team:AHUT_China" class="three-d active"> 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" 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>
-−
-		 <li><a href="https://2016.igem.org/Team:AHUT_China/Attributions" class="three-d  active">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">Menbers</span><span class="back">Menbers</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">Instructions</span><span class="back">Instructions</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 and Design</span><span class="back">Pathway and 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">Protools</span><span class="back">Protools</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#Society" class="three-d";href="#Society">Society <span class="three-d-box"><span class="front">Society</span><span class="back">Society</span></span> </a></li>
-−
          <li><a href="https://2016.igem.org/Team:AHUT_China/Human_Practices#New Power" class="three-d";href="#New Power">New Power<span class="three-d-box"><span class="front">New Power</span><span class="back">New Power</span></span> </a></li>
-−
          <li><a href="https://2016.igem.org/Team:AHUT_China/HP#Qestionnaire" class="three-d";href="#Qestionnaire">Qestionnaire<span class="three-d-box"><span class="front">Qestionnaire</span><span class="back">Qestionnaire</span></span> </a></li>
-−
 		 <li><a href="https://2016.igem.org/Team:AHUT_China/HP#MOOC" class="three-d";href="#MOOC">MOOC<span class="three-d-box"><span class="front"> MOOC</span><span class="back">MOOC</span></span> </a></li>
-−
 		 <li><a href="https://2016.igem.org/Team:AHUT_China/HP#Art" class="three-d";href="#Art">Art<span class="three-d-box"><span class="front"> Art</span><span class="back">Art</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">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/a/a5/AHUT_CHINA_igem_2016_logo.png" width="250" height="250" border="0" alt="">
-−
+<p>Biocompass 2.0</p>
-<img src="https://static.igem.org/mediawiki/2016/f/fd/AHUT_CHINA_igem_china_team_max.png" width="250" height="250" border="0" alt="">
-−
-<p>Attributions</p>
-−
-−
 </div>
-−
 <a id="uptop" href="#menu"><img src="https://static.igem.org/mediawiki/2016/d/da/Up.png" width="60" height="60" border="0" ></a>
-−
 </div>
-−
-−
 </div>
-−
-−
-−
 <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%">Abstract of bio-compass</p>
-−
+<p style="font-size:2em;font-weight:lighter;font-family:Segoe UI;line-height:1.5">   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="font-size:4em;font-weight:lighter;font-family:Segoe UI;text-align:center">Attributions</p>
-−
+</div>
- <div style="margin-left:6rem" id="team_attributions">
+</div>
-−
-        	<div id="team_at_1">
-−
-            	<span id="team_at_1_1">Project name</span>
+	<!---------------------banner_over---------------------------------------->
-−
-                <span id="team_at_1_1_content">Bio-compass 2.0</span>
-−
-                <span id="team_at_1_2">Team Leaders</span>
-−
-                <span id="team_at_1_2_content">Xia tianlai，Ding Haojie</span>
-−
+	<div id="footer">
-                <span id="team_at_1_3">Laboratory Work</span>
+  <div class="conent">
+    <!--<div id="im_logo_link">
-−
+      <ul>
-                <span id="team_at_1_3_content">GuanHaojun，Hu Jianjun<br>Zhu jun，Xudong Cai<br>Qian Du</span>
+        <li id="twitter"><a href=""></a></li>
+        <li id="youtube"><a href=""></a></li>
-−
+        <li id="webchat"><a href=""></a></li>
-            </div>
+        <li id="qq"><a href=""></a></li>
+      </ul>
-−
+    </div>
-            <div id="team_at_2">
+    <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>-->
-            	<span id="team_at_2_1">Human Practice Work</span>
+    <ul id="foot_list">
+      <li id="team">
-−
+        <ul>
-                <span id="team_at_2_1_content">CHEN ZHITONG，QIAN CHENG,Xudong Cai<br>Ding Haojie， Hu Jianjun，Xu HuiHui,GuanHaojun，Yin Hang，Dang Zheng</span>
+          <li>TEAM</li>
+          <li><a href="https://2015.igem.org/Team:AHUT_China/team#Members">Members</a></li>
-−
+          <li><a href="https://2015.igem.org/Team:AHUT_China/team#Instructors">Instructors</a></li>
-                <span id="team_at_2_2">Wiki Work</span>
+          <li><a href="https://2015.igem.org/Team:AHUT_China/team#Attributions">Attributions</a></li>
+          <li><a href="https://2015.igem.org/Team:AHUT_China/team#Acknowledgement">Acknowledgement</a></li>
-−
+        </ul>
-                <span id="team_at_2_2_content">Cailei Lu，Xu HuiHui<br>Shuo Xu，Ye Wanwan</span>
+      </li>
+      <li id="project">
-−
+        <ul>
-                <span id="team_at_2_3">Art Design Work</span>
+          <li>PROJECT</li>
+          <li><a href="https://2015.igem.org/Team:AHUT_China/project#Pathway and Design">Pathway and Design</a></li>
-−
+          <li><a href="https://2015.igem.org/Team:AHUT_China/project#Result">Result</a></li>
-                <span id="team_at_2_3_content">Huihui Xv ,Wanwan Ye<br>Hao Xv</span>
+          <li><a href="https://2015.igem.org/Team:AHUT_China/project#Future">Future Work</a></li>
+        </ul>
-−
+      </li>
-            </div>
+      <li id="parts">
+        <ul>
-−
+          <li>PARTS</li>
-            <div id="team_at_3">
+          <li><a href="https://2015.igem.org/Team:AHUT_China/parts#Biobrick">Biobrick</a></li>
+          <li><a href="https://2015.igem.org/Team:AHUT_China/parts#Protools">Protools</a></li>
-−
+        </ul>
-            	<span id="team_at_3_1">Project design and Data analysis </span>
+      </li>
+      <li id="human_p">
-−
+        <ul>
-                <span id="team_at_3_1_content"> Run-ze Zhang，Tianlai Xia，Ding Haojie<br></span>
+          <li>HUMAN <br>PRACTICES</li>
+          <li><a href="https://2015.igem.org/Team:AHUT_China/Practices#Society">Society</a></li>
-−
+          <li><a href="https://2015.igem.org/Team:AHUT_China/Practices#NewPower">New Power</a></li>
-                <span id="team_at_3_2">Translate and propagate</span>
+          <li><a href="https://2015.igem.org/Team:AHUT_China/Practices#Questionnaire">Questionnaire</a></li>
+          <li><a href="https://2015.igem.org/Team:AHUT_China/Practices#MOOC">MOOC</a></li>
-−
+          <li><a href="https://2015.igem.org/Team:AHUT_China/Practices#Art">Art</a></li>
-                <span id="team_at_3_2_content">Yin Hang，FengPing Wang，<br>Wang Qingyuan
+        </ul>
+      </li>
-−
+      <li id="safety">
-Xuan Zhiwei，<br>Yan Xinrui，CHEN ZHITONG<br>
+        <ul>
+          <li>SAFETY</li>
-−
+          <li><a href="https://2015.igem.org/Team:AHUT_China/Safety">Safety</a></li>
-</span>
+        </ul>
+      </li>
-−
+      <li id="notebook">
-                <span id="team_at_3_3">Instructors</span>
+        <ul>
+          <li>NOTEBOOK</li>
-−
+          <li><a href="https://2015.igem.org/Team:AHUT_China/notebook#Notebook">Notebook</a></li>
-                <span id="team_at_3_3_content">Hujing Leng ,Xiangrong Xu , Hao Xu <br>Liang MA,she huili	<br>Ruilan Cao，Jun Xie，Zi Liu<br>
+          <li><a href="https://2015.igem.org/Team:AHUT_China/notebook#Lab Pictures">Lab Pictures</a></li>
+        </ul>
-−
+      </li>
-</span>
+    </ul>
+    <div id="foot_igem">
-−
+      <a href="https://2016.igem.org/Main_Page"></a>
-            </div>
+    </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>
+    </div>
+    <p id="foot_copyright">Copyright 2016 © AHUT iGEM Team , All rights reserved . </p>
-−
+  </div>
+</div>
-−
- <div style="margin-top:30rem" id="team_acknowledgement">
+<p></p>
+</div>			<div class="visualClear"></div>
-−
+		    </div>
-            <div id="team_a_pre">Our team highly acknowledges the following institutes:</div>
+		</div>
+    </div>
-−
-        	<div id="team_a1"><p id="team_a1_name">School of Mathematics &amp; Physics</p></div>
+<!----------------------------------------------------------------------------------------------->
-−
-            <div id="team_a2"><p id="team_a2_name">School of Mathematics &amp; Physics</p></div>
-−
-            <div id="team_a3"><p id="team_a3_name">School of Chemistry and Chemical Engineering</p></div>
-−
-            <div id="team_a4"><p id="team_a4_name">Center of Foreign languages</p></div>
-−
-            <div id="team_a5"><p id="team_a5_name">Academy of Art and Design</p></div>
-−
-        </div>
-−
-−
-−
-School of Mathematics &amp; Physics
-−
-−
-−
-−
-<p style="margin-top:25rem;font-size:4em;font-weight:lighter;font-family:Segoe UI;text-align:center">Member</p>
-−
-−
-<div id="text_01">
-−
-	<!--menberlist--->
-−
-	<div class="brands-list">
-−
-		<ul>
-−
-		<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/3/35/AHUT_CHINA_igem_2016_xtl.jpg"  /><span class="title" style="line-height:1">Xia Tianlai, it has been<br> the 2nd time for him to<br> participate in iGEM.<br> In our team, he has made<br> great contributions to the<br> design of the project.<br> In our iGEM journey,<br> he has tried his best to<br> learn something<br> from other members<br> to enrich his knowledge<br> and open his horizon.<br> And he’s done a lot of job<br> for our project because<br> he believes whatever is <br>worth doing is worth<br> doing well.<br></span><span class="shine"></span></a></li>
-−
-		<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/4/45/AHUT_CHINA_igem_2016_dhj.jpg" /><span class="title" style="line-height:1">Ding Haojie has taken<br> the responsibility of team <br>leader in the middle<br> and later period in<br> our team .<br>He worked very hard throughtout<br> the whole process.<br> Meanwhile, he was in charge of<br> the theory and design<br> of the project. <br> Taking part in iGEM <br>improved his scientific<br> literacy and cooperation<br> ability.<br></span><span class="shine"></span></a></li>
-−
-		<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/3/37/AHUT_CHINA_igem_2016_lcn.jpg"  /><span class="title">Lucailei is responsible for<br> document writing and<br> web production</span><span class="shine"></span></a></li>
-−
-		<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/0/00/AHUT_CHINA_igem_2016_ghj.jpg"  /><span class="title">Guan Haojun majors in<br> Chemical Biology.<br>He participated in the <br>experiment of this project and<br> recorded the process of doing<br> experiment , he also disposed the<br> experiment data . <br>It is  responsible  for him <br>to do part of the  <br>experimental copywriting </span><span class="shine"></span></a></li>
-−
-		<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/b/b6/AHUT_CHINA_igem_2016_hjj.jpg"  /><span class="title">Hujianjun participates in the<br> whole experiment operation and<br> Bio bricks registration.</span><span class="shine"></span></a></li>
-−
-		<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/a/ac/AHUT_CHINA_igem_2016_xhh.jpg"  /><span class="title">Xuhuihui's work is that<br> design the logo ,<br> the homepage, <br>the banner and the team<br> clothing team pennant.</span><span class="shine"></span></a></li>
-−
-		<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/d/d8/AHUT_CHINA_igem_2016_yh.jpg" /><span class="title" style="line-height:1">Yin Hang is a student <br>in School of Foreign Languages <br>also a leader of English group.<br>In our iGEM,she is<br> in charge of translation<br> and presentation<br>During our preparation<br>she tried her best<br> to enrich her comprehensive<br> knowledge and <br>communicated with others<br>She believes that nothing<br> is impossible <br>to a willing heart!</span><span class="shine"></span></a></li>
-−
-		<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/b/b3/AHUT_CHINA_igem_2016_czt.jpg" /><span class="title" style="line-height:1">Chen Zhitong is a reliable,<br> responsible and fun-loving girl<br> who is always willing to<br> lend a helping hand.<br>As an English major students,<br> she is mainly responsible<br> for translation and presentation part.<br> Besides, Zhitong was involved<br> in the human practice projects:<br> organizing the publicity projects,<br> cooperating with other universities <br>and making the human <br>practice videos.</span><span class="shine"></span></a></li>
-−
-		<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/7/7f/AHUT_CHINA_igem_2016_xzw.jpg" /><span class="title">Xuanzhiwei is a English<br> major student. <br>In our team, <br>he was charge of the<br> translation<br> of the part context.<br> Meanwhile,<br> he took part in the Mooc<br> and human practices.<br> He thought it was a<br> memorable experience.  </span><span class="shine"></span></a></li>
-−
-		<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/8/80/AHUT_CHINA_igem_2016_wll.jpg" /><span class="title">Ling-ling Wei took part<br> in the improvement of <br>the theory of project and<br> the cooperation with other <br>schools, etc.<br> Through this contest,<br>she has improved the <br>scientific research interest,<br> communication ability and team<br> cooperation ability.<br></span><span class="shine"></span></a></li>
-−
-		<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/1/16/AHUT_CHINA_igem_2016_xs.jpg"/><span class="title">His major is digital<br> media art.<br> In the team, <br>I am in charge of<br> video production.<br> The late synthesis<br> of Mooc video is<br> done by me.<br></span><span class="shine"></span></a></li>
-−
-		<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/6/68/AHUT_CHINA_igem_2016_wqy.jpg" /><span class="title">She is responsible for<br> the design of our project<br> and she has accomplished <br>the word processing<br> of the design.<br> She will also do the<br> presentation of the design <br>of our project at iGEM <br>Giant Jamboree.</span><span class="shine"></span></a></li>
-−
-		<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/7/73/AHUT_CHINA_igem_2016_yxr.jpg"  /><span class="title">Yanxinrui is responsible for<br> translation and presentation<br> of Results part and <br>translation of relevant contents;<br> giving advice to our project ;<br> propagating through Sinaweibo<br> and Facebook</span><span class="shine"></span></a></li>
-−
-		<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/b/b1/AHUT_CHINA_igem_2016_yww.jpg" /><span class="title">Yewanwan is responsible for<br> the design of logo <br>and post. <br>At the same time, <br>I also process the image.</span><span class="shine"></span></a></li>
-−
-		<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/0/0c/AHUT_CHINA_igem_2016_zrz.jpg" /><span class="title">It’s his fourth year and<br> also the last time to<br> participate in iGEM,<br> the only thing he can<br> do is to give suggestions<br> to my teammates.<br> The AHUT_China is becoming<br> better and better.<br> Wish you guys<br> have fun and good luck<br> in Boston.</span><span class="shine"></span></a></li>
-−
-		<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/b/bc/AHUT_CHINA_igem_2016_cxd.jpg"  /><span class="title">蔡旭东</span><span class="shine"></span></a></li>
-−
-		<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/7/70/AHUT_CHINA_igem_2016_cgn.jpg" /><span class="title">Chenguangneng was in theory group,<br> studying  the comparison of<br> DNA computer and the<br> electronic computer.</span><span class="shine"></span></a></li>
-−
-		<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/7/72/AHUT_CHINA_igem_2016_zj.jpg" /><span class="title">Zhujun participates in the<br> experiment of this project,<br>and record the process of<br> doing experiment ,<br> dispose  the experiment data .</span><span class="shine"></span></a></li>
-−
-		<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/c/c9/AHUT_CHINA_igem_2016_qc.jpg"  /><span class="title">Qian Cheng is responsible<br> for project theory, <br>questionnaire survey and the<br> publicity work of<br> the game. <br>For attending the games,<br> he has great interest<br> on the synthetic <br>biology.</span><span class="shine"></span></a></li>
-−
-		<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/e/e9/AHUT_CHINA_igem_2016_dz.jpg"  /><span class="title">Dangzheng's main job is to <br>do molecular biology experiment,<br>modify and finish the result<br> and record of the experiment<br> and the analysis of the <br>sequencing results.</span><span class="shine"></span></a></li>
-−
-		<li><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/f/f8/AHUT_CHINA_igem_2016_dq.jpg"  /><span class="title">Du Qian participated in <br>the whole process of this<br> experiment and processed<br> part of documents </span><span class="shine"></span></a></li>
-−
-		<li ><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/9/9f/AHUT_CHINA_igem_2016_wfp02.jpg"  /><span class="title">Wangfengping is responsible<br> for translating bio-brick <br>of our project and human<br> practice part in <br>the Wi-ki. <br>She is also the the<br> presenter of human practice <br>part in the Giant Jamboree.</span><span class="shine"></span></a></li>
-−
-		<li  ><a href="javascript:;"><img src="https://static.igem.org/mediawiki/2016/f/fe/AHUT_CHINA_igem_2016_czk.jpg" /><span class="title">Chen Zhenke is one of <br>the members of the <br>theory group.<br>He is in charge of<br> collecting web publicity <br>materials and information<br> of participants.<br> What's more,he takes<br> part in the recording <br>of MOOC and assists<br> teachers in logistics.
-−
-/span><span class="shine"></span></a></li>
-−
-−
-  </ul>
-−
 </div>
-−
-<!--menberlist_over------->
+ </body>
-−
+</html>
-<script src="http://www.lanrenzhijia.com/ajaxjs/jquery.1.4.2-min.js"></script>
-−
-<script>
-−
-$(function(){
-−
-	$(".brands-list li a").hover(function(){
-−
-		$(this).find(".shine").stop();
-−
-		$(this).find(".shine").css("background-position","-160px 0");
-−
-		$(this).find(".shine").animate({backgroundPosition: '160px 0'},500);
-−
-		$(this).find(".title").stop().animate({left:'0px'},{queue:false,duration:450});
-−
-	},function()