Difference between revisions of "Team:HKUST-Rice"

(Undo revision 64900 by Qwangay (talk))
(Undo revision 64880 by Qwangay (talk))
Line 2: Line 2:
 
<html>
 
<html>
 
<head>
 
<head>
−
<style type="text/css">
+
                <style type="text/css">
−
+
#contentContainer {
−
#mainContainer{
+
padding-top:20px;
−
background-color:#1b1c3a;
+
                                padding-bottom: 20px;
−
}
+
padding-right:20px;
−
+
                                padding-left: 20px;
−
#contentContainer{
+
margin-bottom: 10px;
−
background-color:#1b1c3a;
+
                                margin-left: 20px;
−
}
+
                                margin-right: 20px;
−
+
width: 92%;
−
/* Create the structure of the page */
+
float: left;
−
div.line1{
+
background-color: #FFFFFF;  
−
top:20px;
+
font-family: "Trebuchet MS", Helvetica, sans-serif;
−
bottom:20px;
+
}
−
height:220px;
+
−
width:100%;
+
−
background-color:#1b1c3a;
+
−
}
+
  
−
.icon {
+
#quicklink {
−
vertical-align:middle;
+
padding-top:20px;
−
align:middle;
+
                                padding-bottom: 20px;
−
display:inline-block;
+
padding-right:0px;
−
width: 30%;
+
                                padding-left: 0px;
−
height: 220px;
+
margin-bottom: 0px;
−
background-color: white;  
+
                                margin-left: 0px;
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
                                margin-right: 0px;
−
background-color:#1b1c3a;
+
width: 100%;
−
}
+
                                height: 450px;
−
+
float: left;
−
.instruction {
+
background-color: #1b1c3a;  
−
padding-left:20px;
+
font-family: "Trebuchet MS", Helvetica, sans-serif;
−
padding-right:20px;
+
}
−
padding-top:50px;
+
−
padding-bottom:50px;
+
−
color:#FFFFFF;
+
−
background-color:#1b1c3a;
+
−
}
+
−
</style>
+
−
</head>
+
  
−
<body>
+
 
−
<div id="contentContainer">
+
/*Set up height place holder for the banner*/
−
<div class="line" >
+
#bannerContainer {
−
<center><div class="icon">
+
                                width: 100%;
−
<a href= "#"><image src="https://static.igem.org/mediawiki/2015/f/fe/HKUST-Rice15_Ksensorbutton.jpg" style="width: 100%; height: 220px;"></a>
+
                                height:550px;
−
</div></center>
+
overflow:hidden;
−
</div>
+
margin: 0px;
−
<div class="line" >
+
text-align:center;
−
<center><div class="icon">
+
}
−
<a href= "#"><image src="https://static.igem.org/mediawiki/2015/e/e1/HKUST-Rice15_Psensorbutton.jpg" style="width: 100%; height: 220px;"></a>
+
 
−
</div>
+
 
−
<div class="icon">
+
                        #Directory { 
−
<div class="instruction">
+
width: 100%;
−
<h1 style="color:white; font-size:300%"><center><b>Notebook</b></center></h1>
+
overflow:hidden;
−
<p>Click on the icons to view detailed chronological events for each module. </p>
+
float:left;
−
</div>
+
margin-left: 0px;
−
</div>
+
                                margin-right: 0px;
−
<div class="icon">
+
margin-bottom: 0px;
−
<a href= "#"><image src="https://static.igem.org/mediawiki/2015/8/87/HKUST-Rice15_Nsensorbutton.jpg" style="width: 100%; height: 220px;"></a>
+
background-color: #000000;
−
</div></center>
+
border-bottom: 0px solid #565656;
−
</div>
+
border-right: 0px solid #565656;
−
<div class="line">
+
border-left: 0px solid #565656;
−
<center><div class="icon">
+
border-top: 0px solid #565656;
−
<a href= "#"><image src="https://static.igem.org/mediawiki/2015/8/8b/HKUST-Rice15_Expressionbutton.png" style="width: 100%; height: 220px;"></a>
+
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
}               
 +
                          /*Style the Directory*/     
 +
                          #Directory table {
 +
                                Background-color: #000000;
 +
                                color: #FFFFFF;
 +
                                margin-left: 5px;
 +
                                margin-right: 5px;
 +
                                padding-top: 10px;
 +
                                line-height: 10px;
 +
                                height: 100px;
 +
                                width:99%;
 +
                                font-size: 100%;
 +
                                /*float:left;*/
 +
                          }
 +
               
 +
 
 +
                /*Style the Directory button*/     
 +
                        #Directory li a, a:visited, a {
 +
                                color: #FFFFFF;
 +
                                padding: -10px;
 +
                        }     
 +
 
 +
</style>
 +
 
 +
 
 +
            <!--<style>
 +
  <div id="titleContainer">
 +
<br>
 +
                                <image src="https://static.igem.org/mediawiki/2015/d/d4/Logo.jpg" style="width: 100px; height: 100px; float: left;">
 +
 
 +
<p style="font-size:40px;color:#FFFFFF;line-height:1em;"> Potassium, Nitrate and Phosphate Biosensor </font><br>
 +
                                <font size= "5"> HKUST-Rice iGEM Team </font></p>
 +
             
 +
 +
</div>-->
 +
           
 +
<style type="text/css">
 +
#Slider {
 +
position: relative;
 +
width: 100%;
 +
height: 550px;
 +
display: none;
 +
}
 +
 
 +
#Slider .Slides {
 +
width: 100%;
 +
height: 550px;
 +
margin-top:0px;
 +
background-size: 100%;
 +
        background-repeat:no-repeat;
 +
}
 +
 
 +
#Slider #Slide0 {
 +
background-image: url(https://static.igem.org/mediawiki/2015/7/7f/HKUST-Rice15_first_slider.png);
 +
}
 +
 
 +
#Slider #Slide1 {
 +
background-image: url(https://static.igem.org/mediawiki/2015/3/34/Team-HKUST-Rice-Overview_ver2.JPG);
 +
        display: none;
 +
}
 +
 
 +
        #Slider #Slide2 {
 +
background-image: url(https://static.igem.org/mediawiki/2015/d/d4/HKUST-Rice15_phosphate_slider.jpg);
 +
        display: none;
 +
}
 +
 
 +
#Slider #Slide3 {
 +
background-image: url(https://static.igem.org/mediawiki/2015/9/90/HKUST-Rice15_nitrate_slider.jpg);
 +
display: none;
 +
}
 +
 
 +
#Slider #Slide4 {
 +
background-image: url(https://static.igem.org/mediawiki/2015/4/4c/Team-HKUST-Rice-Potassium_sensor3.jpg);
 +
display: none;
 +
}
 +
 
 +
#Slider #Slide5 {
 +
background-image: url(https://static.igem.org/mediawiki/2015/8/8e/HKUST-RICE_expression_platform.png);
 +
display: none;
 +
}
 +
 
 +
#Slider #Slide6 {
 +
background-image: url(https://static.igem.org/mediawiki/2015/b/b7/HKUSt-RICE_human_practice.png);
 +
display: none;
 +
}
 +
 
 +
#Slider .SideBar {
 +
position: absolute;
 +
top: 0;
 +
width: 90px;
 +
z-index: 1;
 +
}
 +
 
 +
#Slider #LeftBar {
 +
left: 0;
 +
}
 +
 
 +
#Slider #RightBar {
 +
right: 0;
 +
}
 +
 
 +
#Slider #LeftArrow {
 +
position: absolute;
 +
width: 60px;
 +
height: 60px;
 +
margin-left: 30px;
 +
        margin-top: 60px;
 +
background: url(https://static.igem.org/mediawiki/2013/5/53/2013UCalgaryArrowLeft.png) top no-repeat;
 +
}
 +
 
 +
#Slider #RightArrow {
 +
position: absolute;
 +
width: 60px;
 +
height: 60px;
 +
margin-right: 30px;
 +
        margin-top: 60px;
 +
background: url(https://static.igem.org/mediawiki/2013/5/56/2013UCalgaryArrowRight.png) top no-repeat;
 +
}
 +
 
 +
#Slider #LeftArrow:hover, #Slider #RightArrow:hover {
 +
background-position: bottom;
 +
cursor: pointer;
 +
}
 +
                </style>
 +
<script>
 +
$(document).ready(function() {
 +
//Display slider for Javascript users
 +
$('#Slider').css('display', 'block');
 +
 +
//Set height of slider (16/5 ratio)
 +
$('#Slider').css('height', ($('body').width() / 3.2));
 +
 +
//Position right/left arrows
 +
var BarHeight = $('#Slider').height();
 +
$('#LeftBar, #RightBar').css('height', BarHeight);
 +
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
 +
 
 +
//Repeats for window resize
 +
$(window).resize(function() {
 +
$('#Slider').css('height', ($('body').width() / 3.2));
 +
 +
var BarHeight = $('#Slider').height();
 +
$('#LeftBar, #RightBar').css('height', BarHeight);
 +
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
 +
});
 +
 +
var TotalSlides = $('.Slides').length;
 +
var CurrentSlide = 0;
 +
 
 +
$('#RightArrow').click(function() {
 +
CurrentSlide = ++CurrentSlide % TotalSlides;
 +
changeSlide(CurrentSlide);
 +
});
 +
 +
$('#LeftArrow').click(function() {
 +
CurrentSlide = (CurrentSlide + TotalSlides - 1) % TotalSlides;
 +
changeSlide(CurrentSlide);
 +
});
 +
 +
$('.SlideLink').click(function() {
 +
var ClickedSlide = $(this).attr('id');
 +
CurrentSlide = parseInt(ClickedSlide.replace('Link', ''));
 +
changeSlide(CurrentSlide);
 +
});
 +
 +
function changeSlide(num){
 +
var SlideID = '#Slide' + num;
 +
$('.Slides').css('display', 'none');
 +
$(SlideID).css('display', 'block');
 +
}
 +
});
 +
</script>
 +
 
 +
</head>
 +
 +
<body>
 +
 
 +
<div id="bannerContainer">
 +
<div id="Slider" style="display: block; height: 550px;">
 +
<div id="Slide0" class="Slides current"></div>
 +
<div id="Slide1" class="Slides"></div>
 +
<div id="Slide2" class="Slides"></div>
 +
<div id="Slide3" class="Slides"></div>
 +
<div id="Slide4" class="Slides"></div>
 +
                                <div id="Slide5" class="Slides"></div>
 +
                                <div id="Slide6" class="Slides"></div>
 +
 +
<div id="LeftBar" class="SideBar"><div id="LeftArrow"></div></div>
 +
<div id="RightBar" class="SideBar"><div id="RightArrow"></div></div>
 +
 
</div>
 
</div>
−
<div class="icon">
+
        </div>
−
<a href= "#"><image src="" style="width: 100%; height: 220px;"></a>
+
−
</div></center>
+
−
</div>
+
−
</div>
+
−
</div><!--for main container-->
+
−
</body>
+
  
 +
<br>
 +
<div id="contentContainer"><p><font size= "6" color=#6B6B47>ABSTRACT</font></p>
 +
<br>
 +
<p><font size= "4" color=#6B6B47>Nitrogen (N), Phosphorus (P), and potassium (K) are three macronutrients for plants, and deficiencies in any of these can lead to plant diseases. By creating a biological sensor that can quickly provide soil status to plant owners, we can prevent plant diseases due to the lack of nutrients.
 +
<br><br>
 +
In the previous iGEM competitions, multiple teams have worked on nitrate and phosphate responsive promoters, but none of them attempted to provide a potassium responsive promoter. In view of this,  our team is constructing a biological sensor in <i>E. coli</i>, which can detect NPK levels in the surrounding environment and give responses in the form of colors. In addition, we are characterizing the effects of a dual output system, in contrast to a single output system, in order to anticipate the expression of multiple outputs in a single system.</font></p>
 +
<br>
 +
</div>
 +
 +
 +
<!--
 +
<h3><ins>Background and Significance</ins></h3>
 +
</div>
 +
 +
<h3> Welcome to iGEM 2015! </h3>
 +
<p><h4>Your team has been approved and you are ready to start the iGEM season!</h4></p>
 +
 +
<h4>Before you start: </h4>
 +
<p><h4>Please read the following pages:</h4></p>
 +
<ul>
 +
<li>  <a href="https://2015.igem.org/Requirements">Requirements page </a> </li>
 +
<li> <a href="https://2015.igem.org/Wiki_How-To">Wiki Requirements page</a></li>
 +
</ul>
 +
 +
<div class="highlightBox">
 +
<h4> Styling your wiki </h4>
 +
<p><h4>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</h4></p>
 +
<p><h4>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</h4></p>
 +
</div>
 +
 +
<h4> Editing your wiki </h4>
 +
<p><h4>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world!</h4></p>
 +
<p><h4> <a href="https://2015.igem.org/wiki/index.php?title=Team:HKUST-Rice&action=edit"> Click here to edit this page! </a></h4></p>
 +
<p><h4>See tips on how to edit your wiki on the <a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation</a> page.</h4></p>
 +
 +
 +
<h4>Templates </h4>
 +
<p><h4>This year we have created templates for teams to use freely. More information on how to use and edit the templates can be found on the
 +
<a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation </a> page.</h4></p>
 +
 +
 +
<h4>Tips</h4>
 +
<p><h4>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started:</h4></p>
 +
<ul>
 +
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
 +
<li>Be clear about what you are doing and how you plan to do this.</li>
 +
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
 +
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
 +
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
 +
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2015.igem.org/Calendar_of_Events">iGEM 2015 calendar</a> </li>
 +
<li>Have lots of fun! </li>
 +
</ul>
 +
 +
 +
<h4>Inspiration</h4>
 +
<p><h4> You can also view other team wikis for inspiration! Here are some examples:</h4></p>
 +
<ul>
 +
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
 +
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
 +
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
 +
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
 +
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
 +
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
 +
</ul>
 +
 +
<h4> Uploading pictures and files </h4>
 +
<p> <h4>You can upload your pictures and files to the iGEM 2015 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
 +
When you upload, set the "Destination Filename" to <code>Team:YourOfficialTeamName/NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</h4></p>
 +
 +
<a href="https://2015.igem.org/Special:Upload">CLICK HERE TO UPLOAD FILES</a>
 +
-->
 +
 +
 +
 +
 +
 +
<div id="quicklink">
 +
<a href= "#"><image src="https://static.igem.org/mediawiki/2015/f/fe/HKUST-Rice15_Ksensorbutton.jpg" style="width: 30%; height: 220px; position: absolute; left: 3%"></a>
 +
 +
<a href= "#"><image src="https://static.igem.org/mediawiki/2015/e/e1/HKUST-Rice15_Psensorbutton.jpg" style="width: 30%; height: 220px; position: absolute; left: 35%"></a>
 +
 +
<a href= "#"><image src="https://static.igem.org/mediawiki/2015/8/87/HKUST-Rice15_Nsensorbutton.jpg" style="width: 30%; height: 220px; position: absolute; left: 67%"></a>
 +
<br><br><br><br><br><br><br><br><br><br><br><br><br>
 +
 +
<a href= "#"><image src="https://static.igem.org/mediawiki/2015/b/bf/Team-2015-HKUST-Rice-new_human_practice.png" style="width: 30%; height: 220px; position: absolute; left: 3%"></a>
 +
 +
<a href= "#"><image src="https://static.igem.org/mediawiki/2015/8/8b/HKUST-Rice15_Expressionbutton.png" style="width: 30%; height: 220px; position: absolute; left: 35%"></a>
 +
 +
<a href= "#"><image src="https://static.igem.org/mediawiki/2015/b/be/HKUST-Rice15_Resultsbutton.png" style="width: 30%; height: 220px; position: absolute; left: 67%"></a>
 +
 +
</div>
 +
 +
 +
</div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
 +
 +
 +
<div id="Directory">
 +
 
 +
  <table>
 +
             
 +
<tr>
 +
                    <th><a href= "https://2015.igem.org/Team:HKUST-Rice">Home</a></th>
 +
                    <th colspan="3"><a href= "https://2015.igem.org/Team:HKUST-Rice" style="color:white">Project</a></th>
 +
                    <th><a>Result</a></th>
 +
                    <th><a>Achievement</a></th>
 +
                    <th><a href= "https://2015.igem.org/Team:HKUST-Rice/Notebook">Team</a></th>
 +
                    <th><a href= "https://2015.igem.org/Team:HKUST-Rice/Practices">Human Practice</a></th>
 +
                    <th><a href= "https://2015.igem.org/Team:HKUST-Rice/Safety">Wetlab</a></th>
 +
                    <th>Future Work</th>
 +
                   
 +
                   
 +
                </tr>
 +
 +
 +
<tr Style= "vertical-align: top">
 +
                    <td><ul>
 +
                    <!-- <li><a href="https://2015.igem.org/Team:HKUST-Rice">Project</a></li>
 +
                    <li><a href"https://2015.igem.org/Team:HKUST-Rice/Team">Team</a></li>
 +
                    <li>Parts</li>
 +
                    <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Notebook">Notebook</a></li>
 +
                    <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Practices">Human Practice</a></li>
 +
                    <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Safety">Safety</a></li>
 +
                    <li>Future Work</li>
 +
                    <li>Achievement</li> -->
 +
                    </ul></td>
 +
 +
 +
                 
 +
                    <td><ul>
 +
                    <li>Overview</li>
 +
                    <li>Nitrate
 +
                        <ul>
 +
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Description">Description</a></li>
 +
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Design">Design</a></li>
 +
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Experiments">Experiments</a></li> 
 +
                        <li>Modelling</li>
 +
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Results">Results</a></li>
 +
                        <li>Discussion</li>
 +
                        </ul>
 +
                    </li>
 +
                    </ul></td>
 +
 +
                    <td><ul>
 +
                        <li>Phosphate
 +
                        <ul>
 +
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Description">Description</a></li>
 +
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Design">Design</a></li>
 +
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Experiments">Experiments</a></li> 
 +
                        <li>Modelling</li>
 +
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Results">Results</a></li>
 +
                        <li>Discussion</li>
 +
                        </ul>
 +
                        </li>
 +
                    </ul></td>
 +
 +
                    <td><ul>
 +
                        <li>Potassium
 +
                        <ul>
 +
                        <li><a href="https://2015.igem.org/Team:HKUST-Rice/Description">Description</a></li>
 +
                        <li><a href="https://2015.igem.org/Team:HKUST-Rice/Design">Design</a></li>
 +
                        <li><a href="https://2015.igem.org/Team:HKUST-Rice/Experiments">Experiments</a></li> 
 +
                        <li>Modelling</li>
 +
                        <li><a href="https://2015.igem.org/Team:HKUST-Rice/Results">Results</a></li>
 +
                        <li>Discussion</li>
 +
                        </ul>
 +
                        </li>
 +
                    </ul></td>
 +
 +
 +
                    <td><ul>
 +
                        <li><a href= "#">Nitrate</a></li>
 +
                        <li><a href= "#">Phosphate</a></li>
 +
                        <li><a href= "#">Potassium</a></li>
 +
                        <li><a href= "#">Expression</a></li>
 +
                    </ul></td>
 +
 +
 +
                    <td><ul>
 +
                        <li><a href= "#">Parts</a></li>
 +
                        <li><a href= "#">Medal Requirement</a></li>
 +
                    </ul></td>
 +
 +
 +
                    <td><ul>
 +
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Collaborations">Collaboration</a></li>
 +
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Attributions">Attribution</a></li>
 +
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Team">Team Members</a></li>
 +
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Team">Advisors</a></li>
 +
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Team">Instructors</a></li>
 +
 +
                    </ul></td>
 +
 +
 +
                    <td><ul>
 +
                        <li>Debate</li>
 +
                        <li>Exploratory Research</li>
 +
                    </ul></td>
 +
 +
                 
 +
                    <td><ul>
 +
                        <li>Notebook</li>
 +
                        <li>Protocol</li>
 +
                        <li>Safety</li>
 +
                    </ul></td>
 +
 +
 +
              <!--      <td><ul>
 +
                        <li>Basic</li>
 +
                        <li>Composite</li>
 +
                    </ul></td>
 +
 +
                    <td><ul>
 +
                        <li>Design</li>
 +
                        <li>Labwork</li>
 +
                        <li>Shipment</li>
 +
                    </ul></td>      -->
 +
 +
                    <td><ul>
 +
                        <li>Application</li>
 +
                        <li>Improvement</li>
 +
                    </ul></td>
 +
 +
              </tr>
 +
               
 +
              </table> 
 +
</div>
 +
 +
       
 +
 +
</body>
 
</html>
 
</html>

Revision as of 13:21, 26 July 2015


ABSTRACT


Nitrogen (N), Phosphorus (P), and potassium (K) are three macronutrients for plants, and deficiencies in any of these can lead to plant diseases. By creating a biological sensor that can quickly provide soil status to plant owners, we can prevent plant diseases due to the lack of nutrients.

In the previous iGEM competitions, multiple teams have worked on nitrate and phosphate responsive promoters, but none of them attempted to provide a potassium responsive promoter. In view of this, our team is constructing a biological sensor in E. coli, which can detect NPK levels in the surrounding environment and give responses in the form of colors. In addition, we are characterizing the effects of a dual output system, in contrast to a single output system, in order to anticipate the expression of multiple outputs in a single system.


Home Project Result Achievement Team Human Practice Wetlab Future Work
  • Debate
  • Exploratory Research
  • Notebook
  • Protocol
  • Safety
  • Application
  • Improvement