Difference between revisions of "Team:NAU-CHINA"

 
(87 intermediate revisions by the same user not shown)
Line 10: Line 10:
 
href="https://2016.igem.org/Template:NAU-CHINA/component?action=raw&ctype=text/css" />
 
href="https://2016.igem.org/Template:NAU-CHINA/component?action=raw&ctype=text/css" />
 
<style type="text/css">
 
<style type="text/css">
−
<!--
 
 
/* Hide top title */
 
/* Hide top title */
 
#top_title, #sideMenu {
 
#top_title, #sideMenu {
Line 53: Line 52:
 
  vertical-align: middle;
 
  vertical-align: middle;
 
}
 
}
 +
                        #top_menu_inside .submenu{min-height:250px;}
 +
  
−
 
 
#abstract{
 
#abstract{
−
background-color: rgba(0,0,0,0.4);
+
background-color: rgba(147,251,152,0.9);
−
margin:800px 500px;
+
position: fixed;
−
position: absolute;
+
margin: 1.25em 20em 0 20em;
 +
height: 90%;
 +
                        z-index:-1;
 +
                        font-family:'Comic Sans MS','Arial Black';
 +
display: none;
 +
                        border:solid 1px white;
 +
 
 
}
 
}
 
#scroll_to_bottom{
 
#scroll_to_bottom{
−
margin: 400px 500px;
+
position: fixed;
−
position: absolute;
+
text-align: center;
−
float: left;
+
color: #ffffff;
 +
font-weight: bold;
 +
bottom: 10%;
 +
left: 40%;
 
}
 
}
−
@media screen and (max-width: 1220px) {
+
 
 +
@media screen and (max-width: 1170px) {
  
 
    .menu{
 
    .menu{
 
        display: none;
 
        display: none;
−
        opacity: 0;
 
 
    }
 
    }
  
Line 77: Line 86:
  
 
}
 
}
 +
@media screen and (max-width: 980px){
 +
#ClickBack{
 +
display: none;
 +
}
 +
#abstract{
 +
background-color: rgba(147,251,152,0.9);
 +
position: fixed;
 +
margin: 45% auto 0 auto;
 +
min-height: 40em;
 +
            height:auto;
 +
            z-index:-1;
 +
            font-family:'Comic Sans MS','Arial Black';
 +
            border:solid 1px white;
 +
            display: block;
 +
            overflow:hidden;
 +
}
 +
#scroll_to_bottom{
 +
display: none;
 +
}
 +
body{
 +
background-color: white;
 +
}
 +
    .menu{
 +
        display: none;
 +
    }
  
−
@media screen and (min-width: 1220px) {
+
    .container {
 +
        display: block;
 +
    }
 +
}
 +
@media screen and (min-width: 1170px) {
  
 
    .menu{
 
    .menu{
Line 90: Line 128:
 
}
 
}
  
 +
                #abstract #guanjian {margin-left:7em;font-family:'Comic Sans MS','Arial Black';font-size:16px;}
 +
p{
 +
margin-left: 5em;
 +
margin-right: 5em;
 +
                        font-family:'Comic Sans MS','Arial Black';
 +
}
 +
h1{
 +
margin-left: 4.5em;
 +
margin-right: 5em;
 +
margin-top: 3.5em;
 +
                        font-family:'Comic Sans MS','Arial Black';
 +
}
 +
#ClickBack{
 +
text-align: center;
 +
position: fixed;
 +
bottom: 3em;
 +
right: 18em;
 +
                        display:none;
 +
                        font-family:'Comic Sans MS','Arial Black';
 +
}
 +
 +
#ClickBack img{
 +
width: 6em;
 +
}
  
 
</style>
 
</style>
Line 106: Line 168:
 
ThisPic.height=TrueHeight/Multiple;
 
ThisPic.height=TrueHeight/Multiple;
 
}
 
}
−
</script>
 
  
 +
$(document).ready(function(){
 +
 +
  $("#scroll_to_bottom").click(function(){
 +
  $("#abstract").slideToggle();
 +
  $("#ClickBack").slideToggle();
 +
  $("#scroll_to_bottom").slideToggle();
 +
  });
 +
 +
  $("#ClickBack").click(function(){
 +
    $("#abstract").fadeOut("slow");
 +
    $("#ClickBack").fadeOut("slow");
 +
    $("#scroll_to_bottom").fadeIn("slow");
 +
  });
 +
});
 +
 +
</script>
  
 
</head>
 
</head>
 +
 +
<body>
  
−
<body >
+
<!-- small screen menu -->
−
<!--[if IE]>
+
−
            <h1>Please use another browser to get the best effects.</h1>
+
−
    <![endif]-->
+
−
<!-- small screen menu -->
+
−
<nav>
+
 
<div class="container" >
 
<div class="container" >
 
<ul id="gn-menu" class="gn-menu-main" >
 
<ul id="gn-menu" class="gn-menu-main" >
Line 135: Line 210:
 
</li>
 
</li>
 
<li>
 
<li>
−
<a href="https://2016.igem.org/Team:NAU-CHINA/Parts_list"> PARTS</a>
+
<a href="https://2016.igem.org/Team:NAU-CHINA/Part_Collection"> PARTS</a>
 
</li>
 
</li>
 +
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Safety"> SAFETY</a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Safety"> SAFETY</a></li>
−
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Attribution"> ATTRIBUTION</a></li>
+
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Attributions"> ATTRIBUTION</a></li>
 
<li>
 
<li>
 
<a href="https://2016.igem.org/Team:NAU-CHINA/Human_Practices"> HP</a>
 
<a href="https://2016.igem.org/Team:NAU-CHINA/Human_Practices"> HP</a>
Line 153: Line 229:
 
 
  
−
+
<nav>
 
<!-- big screen menu-->
 
<!-- big screen menu-->
 
<div class="nav" id="main" role="main">
 
<div class="nav" id="main" role="main">
Line 161: Line 237:
 
<ul class="submenu">
 
<ul class="submenu">
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Participator">Participator</a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Participator">Participator</a></li>
−
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Collaboration">Collaboration</a></li>
+
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Collaborations">Collaboration</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
Line 167: Line 243:
 
<ul class="submenu">
 
<ul class="submenu">
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Description">Description</a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Description">Description</a></li>
−
                                <li><a href="https://2016.igem.org/Team:NAU-CHINA/Applied Design">Applied Design</a></li>
+
                                <li><a href="https://2016.igem.org/Team:NAU-CHINA/Design">Applied Design</a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Experiment">Experiment</a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Experiment">Experiment</a></li>
−
                                <li><a href="https://2016.igem.org/Team:NAU-CHINA/Proof_of_Concept">Proof of Concept</a></li>
+
                                <li><a href="https://2016.igem.org/Team:NAU-CHINA/Proof">Proof of Concept</a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Demonstrate">Demonstrate </a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Demonstrate">Demonstrate </a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Model">Model </a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Model">Model </a></li>
−
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Result">Result </a></li>
 
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Notebook">Notebook </a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Notebook">Notebook </a></li>
 
</ul>
 
</ul>
Line 178: Line 253:
 
<li><a>PARTS</a>
 
<li><a>PARTS</a>
 
<ul class="submenu">
 
<ul class="submenu">
−
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Parts_list">Parts list</a></li>
+
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Part_List">Part List</a></li>
−
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Collection">Collection</a></li>
+
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Basic_Part">Basic Part</a></li>
−
+
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Composite_Part">Composite Part</a></li>
 +
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Part_Collection">Collection</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Safety">SAFETY</a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Safety">SAFETY</a></li>
−
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Attribution">ATTRIBUTION</a></li>
+
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Attributions">ATTRIBUTION</a></li>
 
<li><a>HUMAN PRACTICE</a>
 
<li><a>HUMAN PRACTICE</a>
 
<ul class="submenu">
 
<ul class="submenu">
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Human_Practices">Human Practices</a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Human_Practices">Human Practices</a></li>
−
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Silver">Silver</a></li>
+
<li><a href="https://2016.igem.org/Team:NAU-CHINA/HP/Silver">Silver</a></li>
−
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Gold">Gold</a></li>
+
<li><a href="https://2016.igem.org/Team:NAU-CHINA/HP/Gold">Gold</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
Line 197: Line 273:
 
</nav>
 
</nav>
 
<img src="https://static.igem.org/mediawiki/2016/e/e8/NAU_CHINA_2016WIKI_HOME.jpeg"  onload="ChangeImg(this)" style="z-index:-60;position:absolute;left:0;top:0px"><!--backgroundimg-->
 
<img src="https://static.igem.org/mediawiki/2016/e/e8/NAU_CHINA_2016WIKI_HOME.jpeg"  onload="ChangeImg(this)" style="z-index:-60;position:absolute;left:0;top:0px"><!--backgroundimg-->
−
 
+
<div>
 
<div name="abstract" id="abstract">
 
<div name="abstract" id="abstract">
−
<h1>BACKGROUND</h>
+
<br><br>
−
<p>This is backgroundld.</p>
+
<h1 style="font-family:'Comic Sans MS','Arial Black';font-size:20px;">The Birth of Healer & A Story of Us</h1>
 +
<p style="font-family:'Comic Sans MS','Arial Black';font-size:17px;">Several ideas were created and several ideas were denied. Our eyes were blocked by <b style="font-weight: bold;color:blue;">3-phenoxybenzoate acid(3-PBA)</b>, the main intermediate product of pyrethroids. But what is 3-PBA and what are pyrethroids? Why we need to degrade 3-PBA thoroughly and how to degrade it through employing microbial biodegradation techniques? Once our Healer (the engineered bacteria) were born, how to put it into practice? From knowing to deep knowing, our efforts made it real.</p><br>
 +
<ul id="guanjian">Key words:
 +
<li>Cause <span>(what is 3-PBA and what are pyrethroids? Why we need to degrade 3-PBA thoroughly?)</span></li>
 +
<li>Method <span>(How to degrade it through employing microbial biodegradation techniques?)</span></li>
 +
<li>Extention <span>(How to put it into practice?)</span></li>
 +
</ul>
 +
<br><br>
 
</div>
 
</div>
 +
<br style="clear:both;"></div>
 +
<div  id="ClickBack">
 +
<img src="https://static.igem.org/mediawiki/2016/e/e9/NAU_CHINA_2016_ClickToBack.gif">
 +
<p>Click Me Back</p>
 +
</div>
  
 
<div id="scroll_to_bottom">
 
<div id="scroll_to_bottom">
−
<a href="#abstract"><img src="https://static.igem.org/mediawiki/2016/6/60/NAU_CHINA_2016_scrollBottom.gif"></a>
+
<p>Click here to see more</p>
 +
<img src="https://static.igem.org/mediawiki/2016/6/60/NAU_CHINA_2016_scrollBottom.gif">
 
</div>
 
</div>
 
<script type="text/javascript" src="https://2016.igem.org/Template:NAU-CHINA/modernizr_custom?
 
<script type="text/javascript" src="https://2016.igem.org/Template:NAU-CHINA/modernizr_custom?

Latest revision as of 18:17, 19 October 2016



The Birth of Healer & A Story of Us

Several ideas were created and several ideas were denied. Our eyes were blocked by 3-phenoxybenzoate acid(3-PBA), the main intermediate product of pyrethroids. But what is 3-PBA and what are pyrethroids? Why we need to degrade 3-PBA thoroughly and how to degrade it through employing microbial biodegradation techniques? Once our Healer (the engineered bacteria) were born, how to put it into practice? From knowing to deep knowing, our efforts made it real.


    Key words:
  • Cause (what is 3-PBA and what are pyrethroids? Why we need to degrade 3-PBA thoroughly?)
  • Method (How to degrade it through employing microbial biodegradation techniques?)
  • Extention (How to put it into practice?)



Click Me Back

Click here to see more