Difference between revisions of "Team:AHUT China"

 
(82 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{:Team:AHUT_China/CSS_reset}}
 
{{:Team:AHUT_China/CSS_reset}}
−
<html>
+
<html lang="en">
−
<title>Home page</title>
+
<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">
 
<style type="text/css">
 +
*{margin：0px;padding:0px}
 +
body{margin:0px;}
 +
 +
#nav{margin:0px auto;width:100%;}
  
−
/*---------------------------------menu------------------------------*/
+
/*---------------------------------daohang------------------------------*/
−
#nav{margin:0}
+
#menu{height:80px;width:80%;background-color:#0066ff;z-index:11;position:absolute;margin-left:12rem}
−
#menu{height:80px;width:80%;background-color:#0066ff;z-index:11;position:absolute;margin-left:15%}
+
  
 
.nav-menu {
 
.nav-menu {
Line 12: Line 22:
 
/* background: #74adaa;*/
 
/* background: #74adaa;*/
 
width:950px;
 
width:950px;
−
margin: 50px auto 150px;
+
margin: 50px auto 100px;
 
}
 
}
 
.nav-menu > li {
 
.nav-menu > li {
Line 28: Line 38:
 
/*调用本地字体*/
 
/*调用本地字体*/
 
font-family:Segoe UI;
 
font-family:Segoe UI;
−
font-weight:500;
+
font-weight:400;
 
-webkit-font-smoothing: antialiased;
 
-webkit-font-smoothing: antialiased;
 
-moz-font-smoothing: antialiased;
 
-moz-font-smoothing: antialiased;
Line 35: Line 45:
 
overflow: visible;
 
overflow: visible;
 
line-height: 20px;
 
line-height: 20px;
−
font-size: 20px;
+
font-size: 1 rem;
 
padding: 15px 30px 15px 31px;
 
padding: 15px 30px 15px 31px;
 
}
 
}
Line 181: Line 191:
  
  
−
#banner{width:100%;height:800px;background-color:#0066ff;margin:0px}
+
#banner{width:100%;height:800px;background-color:#0066ff;margin:0px;}
−
#name{color:#ffffff;margin-left:20%;margin-top:50%;position:relative;z-index:-100;padding:0px}
+
#name img{margin-left: 20rem;margin-top:-230px;position:absolute}
−
#name p{font-size:6em;font-family:Segoe UI;font-weight:lighter;position:relative;margin:0px;}
+
#name{color:#ffffff;margin-left:0rem;margin-top:40%; position:relative;z-index:-100;}
−
#uptop a > img{margin-top:-30px;margin-left:72%;position:fixed;}
+
#name p{font-size:8em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;margin-left:6rem}
−
#uptop{margin-top:-50px;margin-left:72%;position:fixed;}
+
#uptop > img{margin-top:-6.5rem;margin-left:72%;position:fixed;}
  
  
Line 191: Line 201:
  
  
−
#abstract{background-color:rgba(0,0,0,0.6);width:100%;height:100px;padding:0px;margin-top:0px;margin:0px}
 
−
#abs_inner p{margin:0px;;padding-left:38%;font-size:5em;font-family:Segoe UI;font-weight:400;color:#ffffff;letter-spacing:0.1em}
 
−
#abstract {
 
−
margin-top: 1px;
 
−
border-top-style: dashed;
 
−
border-top-color: #CCCCCC;
 
−
margin-bottom: 1px;
 
−
border-bottom-style: dashed;
 
−
border-bottom-color: #CCCCCC;
 
−
 
−
 
−
 
−
}
 
−
 
−
 
−
#content{background-color:#0066ff;width:100%;height:600px;}
 
  
 +
#content{background-image:url("images/main/compass (3).png" );width:100%;height:50rem;position:relative;}
 +
#con_inner{padding:5rem}
  
  
Line 290: Line 286:
 
#foot_copyright {
 
#foot_copyright {
  
−
margin-left:30%;
+
margin-left:14%;
 
clear:both;
 
clear:both;
 
width:960px;
 
width:960px;
Line 319: Line 315:
 
<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 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/Team" class="three-d">Team  <span class="three-d-box"><span class="front"> Team</span><span class="back"> Team</span></span> </a>
+
<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">
 
    <ul class="clearfix unstyled drop-menu">
−
        <li><a href="https://2016.igem.org/Team:AHUT_China/Team#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#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/Team#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/Team#attributions" class="three-d";href="#attributions"> Attributions <span class="three-d-box"><span class="front">Attributions</span><span class="back">Attributions</span></span> </a></l
+
         <li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#menbers" class="three-d";href="#menbers"> Members <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/Team#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>
+
         <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>
 
    </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>
 
<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">
 
<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/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/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#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>
+
<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">Protocols<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>
 
    </ul>
  
−
<li><a href="https://2016.igem.org/Team:AHUT_China/Parts" class="three-d"> Parts <span class="three-d-box"><span class="front"> Parts</span><span class="back"> Parts</span></span> </a>
+
−
<ul class="clearfix unstyled drop-menu">
+
−
        <li><a href="https://2016.igem.org/Team:AHUT_China#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/Parts#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>
+
−
    </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>
−
<li><a href="https://2016.igem.org/Team:AHUT_China/Human_Practices" class="three-d "> Human Practices <span class="three-d-box"><span class="front">Human Practices</span><span class="back">Human Practices</span></span> </a>
+
 
<ul class="clearfix unstyled drop-menu">
 
<ul class="clearfix unstyled drop-menu">
−
        <li><a href="https://2016.igem.org/Team:AHUT_China/Human_Practices#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/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/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/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/Human_Practices#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/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>
−
<li><a href="https://2016.igem.org/Team:AHUT_China/Human_Practices#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/Human_Practices#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>
 
    </ul>
  
−
<li><a href="https://2016.igem.org/Team:AHUT_China/Human_Practices" class="three-d"> Safety <span class="three-d-box"><span class="front">Safety</span><span class="back">Safety</span></span></a>
+
<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">
 
       <ul class="clearfix unstyled drop-menu">
−
         <li><a href="https://2016.igem.org/Team:AHUT_China/Human_Practices#Safety" class="three-d";href="#Safety"> Safety <span class="three-d-box"><span class="front">Safety</span><span class="back">Safety</span></span> </a></li>
+
         <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>
 
       </ul>
 
    
 
    
−
<li><a href="https://2016.igem.org/Team:AHUT_China/NoteBook " class="three-d">NoteBook <span class="three-d-box"><span class="front">NoteBook</span><span class="back">NoteBook</span></span> </a>
+
<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">
+
      <ul class="clearfix unstyled drop-menu">
−
         <li><a href="https://2016.igem.org/Team:AHUT_China/NoteBook#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/Description" class="three-d"> Description <span class="three-d-box"><span class="front">Description</span><span class="back">Description</span></span> </a></li>
−
         <li><a href="https://2016.igem.org/Team:AHUT_China/NoteBook#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>
+
     
−
    </ul>
+
      </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>
 
   </ul>
 +
 +
 +
  
  
 
<div id="name">
 
<div id="name">
 +
<img src="https://static.igem.org/mediawiki/2016/7/7a/AHUT_CHINA_igem_2016_logo_01.png" width="250" height="250" border="0" alt="">
 
<p>Bio-compass 2.0</p>
 
<p>Bio-compass 2.0</p>
−
</div>
 
  
−
<a id="uptop" href="#nav"><img src="https://static.igem.org/mediawiki/2016/d/da/Up.png" width="60" height="60" border="0" ></a>  
+
</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>
 
</div>
−
<div id="abstract">
+
 
−
<div id="abs_inner">
+
 
−
<p id="title">ABSTRACT</p>
+
−
</div>
+
−
</div>
+
 
<div id="content">
 
<div id="content">
−
<div id ="con_inner ">
+
<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 2.0</p>
 +
<p style="position:absolute;margin:10px;font-size:2em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;margin-left:0%;text-indent:2rem">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>
 +
 
  
 
</div>
 
</div>
  
 
</div>
 
</div>
 +
 +
 +
 +
  
 
<!---------------------banner_over---------------------------------------->
 
<!---------------------banner_over---------------------------------------->
Line 407: Line 425:
 
       <img src="https://static.igem.org/mediawiki/2015/f/fe/AHUT_CHINA_2015_index_foot_line_white.jpg" width="960" height="1" alt=""/>
 
       <img src="https://static.igem.org/mediawiki/2015/f/fe/AHUT_CHINA_2015_index_foot_line_white.jpg" width="960" height="1" alt=""/>
 
     </div>-->
 
     </div>-->
−
     <ul id="foot_list">
+
     <p style="font-size:6em;color:rgba(0,0,0,0.8);position:absolute">AHUT_China</a>
−
      <li id="team">
+
−
        <ul>
+
−
          <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>
+
−
          <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>
+
−
      </li>
+
−
      <li id="project">
+
−
        <ul>
+
−
          <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>
+
−
          <li><a href="https://2015.igem.org/Team:AHUT_China/project#Future">Future Work</a></li>
+
−
        </ul>
+
−
      </li>
+
−
      <li id="parts">
+
−
        <ul>
+
−
          <li>PARTS</li>
+
−
          <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>
+
−
      </li>
+
−
      <li id="human_p">
+
−
        <ul>
+
−
          <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>
+
−
          <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>
+
−
        </ul>
+
−
      </li>
+
−
      <li id="safety">
+
−
        <ul>
+
−
          <li>SAFETY</li>
+
−
          <li><a href="https://2015.igem.org/Team:AHUT_China/Safety">Safety</a></li>
+
−
        </ul>
+
−
      </li>
+
−
      <li id="notebook">
+
−
        <ul>
+
−
          <li>NOTEBOOK</li>
+
−
          <li><a href="https://2015.igem.org/Team:AHUT_China/notebook#Notebook">Notebook</a></li>
+
−
          <li><a href="https://2015.igem.org/Team:AHUT_China/notebook#Lab Pictures">Lab Pictures</a></li>
+
−
        </ul>
+
−
      </li>
+
−
    </ul>
+
 
     <div id="foot_igem">
 
     <div id="foot_igem">
 
       <a href="https://2016.igem.org/Main_Page"></a>
 
       <a href="https://2016.igem.org/Main_Page"></a>
Line 475: Line 445:
 
</div>
 
</div>
  
 +
 +
 +
</body>
 
</html>
 
</html>

Latest revision as of 03:59, 20 October 2016

Document