Difference between revisions of "Template:Rice"

Line 1: Line 1:
{{Template_All_Teams}}
+
{{HKUST-Rice}}
 
<html>
 
<html>
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700' rel='stylesheet' type='text/css'>
+
<head>
<style>
+
  
      /*-- Remove borders, float content left and remove padding/margin */
 
      #globalWrapper, #content{
 
                width: 100%;
 
}
 
  
                 #top_menu_14 { padding-left:11%}
+
                 <style type="text/css">
 +
 
 +
#quicklink {
 +
padding-left: 8%;
 +
padding-bottom: 30px;
 +
width: 92%;
 +
                                min-height: 300px;
 +
float: left;
 +
background-color: #1b1c3a;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
}
 +
 
 +
 
 +
/*Set up height place holder for the banner*/
 +
#bannerContainer {
 +
                                width: 100%;
 +
                                height:550px;
 +
overflow:hidden;
 +
margin: 0px;
 +
text-align:center;
 +
}
 +
 
 +
 
 +
div.project_row a{
 +
color:#5570b0;
 +
 +
}
  
 
</style>
 
</style>
  
<!-- Declare that you are going to use html code instead of wiki code -->
 
<html>
 
  
<!-- Start of CSS-->
+
            <!--<style>
<style type="text/css">
+
  <div id="titleContainer">
 +
<br>
 +
                                <image src="https://static.igem.org/mediawiki/2015/d/d4/Logo.jpg" style="width: 100px; height: 100px; float: left;">
  
/* PAGE LAYOUT */
+
<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;
 +
}
  
/* Change Background color*/
+
#Slider #Slide0 {
body {  
+
background-image: url(https://static.igem.org/mediawiki/2015/7/7f/HKUST-Rice15_first_slider.png);
background-color: #1b1c3a;
+
}
              }
+
  
/* Creates a container that will wrap all of the content inside your wiki pages. */
+
#Slider #Slide1 {
#mainContainer {
+
background-image: url(https://static.igem.org/mediawiki/2015/c/c6/Team_HKUST-Rice_2015_overviewslider.jpg);
width: 100%;
+
        display: none;
float:left;
+
}
margin-left: 0px;
+
                                margin-right: 0px;
+
margin-bottom: 10px;
+
background-color: #FFFFFF;
+
border-bottom: 0px solid #565656;
+
border-right: 0px solid #565656;
+
border-left: 0px solid #565656;
+
border-top: 0px solid #565656;
+
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
  
 +
        #Slider #Slide2 {
 +
background-image: url(https://static.igem.org/mediawiki/2015/f/f3/Team_HKUST-Rice_2015_potassiumslider.jpg);
 +
        display: none;
 
}
 
}
  
/* Creates the container for the menu */
+
#Slider #Slide3 {
#menuContainer  {  
+
background-image: url(https://static.igem.org/mediawiki/2015/5/58/Team_HKUST-Rice_2015_phosphateslider.jpg);
float: left;
+
display: none;
width: 100%;
+
}
margin:0;
+
padding:0;
+
background-color: #1b1c3a;
+
margin-top: 0px;
+
z-index:0;
+
            }
+
  
/* Creates the container for the content */
+
#Slider #Slide4 {
#contentContainer {
+
background-image: url(https://static.igem.org/mediawiki/2015/8/89/Team_HKUST-Rice_2015_nitrateslider.jpg);
padding-top:20px;
+
display: none;
padding-bottom: 20px;
+
padding-right:20px;
+
padding-left: 20px;
+
margin-bottom: 10px;
+
margin-left: 20px;
+
margin-right: 20px;
+
width: 92%;
+
float: left;
+
background-color: #FFFFFF;
+
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
 
}
 
}
  
/*Set up height place holder for the title*/
+
#Slider #Slide5 {
#titleContainer {
+
background-image: url(https://static.igem.org/mediawiki/2015/b/b2/HKUST-Rice15_coexpression_slider.png);
                        width: 100%;
+
display: none;
height:auto;
+
overflow:hidden;
+
margin: 0px;
+
                        background-color: #1b1c3a;
+
text-align:center;
+
                        text-shadow: 2px 2px #000000;
+
 
}
 
}
  
/*Set up height place holder for the banner*/
+
#Slider #Slide6 {
#bannerContainer {
+
background-image: url(https://static.igem.org/mediawiki/2015/4/4e/HKUSt-RICE_human_practice.jpg);
                        width: 100%;
+
display: none;
                        height: 75%;
+
}
/*overflow:hidden;*/
+
margin: 0px;
+
text-align:center;
+
} */
+
  
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
+
#Slider .SideBar {
 +
position: absolute;
 +
top: 0;
 +
width: 100px;
 +
z-index: 1;
 +
}
  
/*Change the styling of text for everything inside main container*/
+
#Slider #LeftBar {
#mainContainer p {  
+
left: 0;
font-size: 15px;
+
color: #000000;
+
 
}
 
}
/*This changes the color and font family */
+
 
#contentContainer h1, h2, h3, h4, h5, h6 {  
+
#Slider #RightBar {
color: #565656;
+
right: 0;
border-bottom: none;
+
font-weight: bold;
+
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
margin-top:0px;
+
 
}
 
}
  
/*Style of the links - links are different inside the menu */
+
#Slider #LeftArrow {
#contentContainer a {  
+
position: absolute;
font-weight: bold;
+
width: 70px;
color: #000000;
+
height: 80px;
                                font-size: 100%;
+
margin-left: 30px;
 +
        margin-top: 60px;
 +
background: url(https://static.igem.org/mediawiki/2015/e/ea/HKUST-Rice15_leftarrow.png) top no-repeat;
 +
        background-size: 70px auto;
 
}
 
}
  
/* Styling links on hover- links are different inside the menu */
+
#Slider #RightArrow {
/* #contentContainer a:hover {
+
position: absolute;
color: #59BF92;
+
width: 70px;
} */
+
height: 80px;
 +
margin-right: 30px;
 +
        margin-top: 60px;
 +
background: url(https://static.igem.org/mediawiki/2015/7/7a/HKUST-Rice15_rightarrow.png) top no-repeat;
 +
        background-size: 60px auto;
 +
}
  
/*Change the styling of tables */
+
#Slider #LeftArrow:hover, #Slider #RightArrow:hover {
      #contentContainer table {
+
     opacity: 0.7;
     border: 1px solid #565656;
+
     filter: alpha(opacity=80); /* For IE8 and earlier */
     border-collapse: collapse;
+
}
    width: 90%
+
                </style>
    margin: auto;
+
<script>
    margin-bottom: 0px;
+
$(document).ready(function() {
    margin-top: 0px;
+
//Display slider for Javascript users
    margin-right: 0px;
+
$('#Slider').css('display', 'block');
    margin-left: 0px;
+
    }
+
//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);
  
/*Change the styling of table cells*/
+
//Repeats for window resize
    #contentContainer  td {
+
$(window).resize(function() {
    padding: 0px;
+
$('#Slider').css('height', ($('body').width() / 3.2));
    border: 1px solid #565656;
+
    border-collapse: collapse;
+
var BarHeight = $('#Slider').height();
    vertical-align: text-top;
+
$('#LeftBar, #RightBar').css('height', BarHeight);
                             
+
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
    }
+
});
 +
 +
var TotalSlides = $('.Slides').length;
 +
var CurrentSlide = 0;
  
/*Change the styling of table headers */
+
$('#RightArrow').click(function() {
    #contentContainer th {
+
CurrentSlide = ++CurrentSlide % TotalSlides;
    background-color: #FFFFFF;
+
changeSlide(CurrentSlide);
    padding: 0px;
+
});
    border: 1px solid #565656;
+
    border-collapse: collapse;
+
$('#LeftArrow').click(function() {
    vertical-align: text-top;
+
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>
 +
<link rel="stylesheet" href="https://2015.igem.org/Template:HKUST-Rice/CSS?action=raw&ctype=text/css" type="text/css" />
 +
</head>
 +
 +
<body>
  
 +
<div id="bannerContainer" style="display: block; height: 550px; position: relative;margin-top: 6.2%;">
 +
<div id="Slider" >
 +
<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>
 +
<a href=" #scroll"><img class="button" src="https://static.igem.org/mediawiki/2015/c/ce/HKUST-Rice15_bannerarrow.jpg" style="width: 4%; height: auto; margin-top: 3.5%; position: absolute; z-index: 999; left:48%; "></a>
 +
        </div>
  
  
/*MENU STYLING */
 
  
#menuContainer {
+
text-align: center;
+
<div class= "project_superrow">
                                        padding-top: 10px;
+
<div id= "page_title"><h1 id="scroll">Project Description</h1>
                                        padding-bottom: 20px;
+
        </div>
    }
+
  
#menuContainer > ul a {
+
<div class= "project_content">
color: #FFF;
+
<div class= "project_row">
}
+
<p>Nitrogen (N), phosphorus (P) and potassium (K) are three essential macronutrients needed for healthy plant growth. By creating a biological sensor that can quickly provide the status of these macronutrients in the soil, we can provide farmers with the tools to monitor and respond to potential nutrition deficiencies.
#menuContainer > ul {
+
In previous iGEM projects, nitrate- and phosphate-responsive promoters have been utilized extensively. However, a potassium-responsive promoter was still lacking. Our team submitted the first ever potassium-sensing promoter to the Part Registry, in addition to  providing more comprehensive characterization data for the existing phosphate- and nitrate-responsive promoters. Our biological sensors are constructed in <i>E. coli</i>,  to detect NPK levels in the surrounding environment and produce a measurable level of reporter protein. To simulate the expression of multiple sensors in a single system, we characterized the effects of a parallel sensors system, in contrast to a single output system.</p>
list-style: none;
+
  <p style=" text-align: right"><a class=" learn" href="https://2015.igem.org/Team:HKUST-Rice/Description"> Learn more ... </a></p>
margin-left: 0;
+
</div>
padding-top: 10px;
+
text-align: center;
+
                                        width: 100%
+
}
+
#menuContainer > ul ul {
+
list-style: none;
+
margin-left: 0%;
+
padding-top: 0;
+
text-align: center;
+
                                        width: 100%
+
}
+
#menuContainer > ul li {
+
position: relative;
+
text-align: center;
+
}
+
#menuContainer > ul a {
+
padding: 10px 8px;
+
display: block;
+
text-decoration: none;
+
font-family: "Helvetica Neue", Helvetica, sans-serif;
+
font-size: 155%;
+
}
+
#menuContainer > ul a:hover {
+
background: #000;
+
background-color: #3b3d63;
+
}
+
  
 +
<div class= "project_row">
 +
<hr class="para">
 +
<h1>The Journey of HKUST-Rice iGEM team </h1>
  
/* Level 1 Drop Down Menu */
+
<p>The HKUST-Rice iGEM team is the first transcontinental team in iGEM, comprising of <a href ="https://2015.igem.org/Team:HKUST-Rice/Team"> 31 student members</a>- 18 from the Hong Kong University of Science and Technology and 13 from Rice University. The benefit of forming a large joint team is that we have members coming from different disciplines who contribute different perspectives to the project. This has enabled us to tackle a broad subject matter effectively.
#menuContainer > ul > li {
+
display: inline-block;
+
vertical-align: top;
+
margin-left: -4px; /* solve the 4 pixels spacing between list-items */
+
}
+
#menuContainer > ul > li:first-child {
+
margin-left: 0;
+
}
+
#menuContainer > ul > li > a {}
+
#menuContainer > ul > li > a:hover {}
+
+
+
/* Level 2 */
+
#menuContainer > ul > li > ul {
+
text-align: left;
+
width: auto; /* change auto value with 200px if you want a bigger menu */
+
display: none;
+
background-color: #1b1c3a;
+
position: absolute;
+
top: 100%;
+
left: 0;
+
                                        margin-top: 0px;
+
z-index: 9999999; /* if you have YouTube iframes, is good to have a bigger z-index so the video can appear above the video */
+
}
+
#menuContainer > ul > li:hover > ul{
+
display: block;
+
+
}
+
#menuContainer > ul ul li a {}
+
#menuContainer > ul ul li a:hover {}
+
/* Level 3 */
+
#menuContainer > ul > li > ul > li > ul {
+
text-align: left;
+
display: none;
+
background: #1b1c3a;
+
position: absolute;
+
left: 100%;
+
top: -5px;
+
z-index: 9999999;
+
}
+
#menuContainer > ul > li > ul > li:hover > ul {
+
display: block;
+
}
+
#menuContainer > ul ul ul li {}
+
#menuContainer > ul ul ul li a {}
+
#menuContainer > ul ul ul li a:hover {}
+
#menuContainer.navItem {
+
                          pointer-events: auto;
+
}
+
                        #Directory { 
+
width: 100%;
+
overflow:hidden;
+
float:left;
+
margin-left:20px;
+
                                margin-right: 20px;
+
margin-bottom: 0px;
+
background-color: #000000;
+
border-bottom: 0px solid #565656;
+
border-right: 0px solid #565656;
+
border-left: 0px solid #565656;
+
border-top: 0px solid #565656;
+
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
}               
+
                          /*Style the Directory*/     
+
                          #Directory table {
+
                                Background-color: #000000;
+
                                color: #FFFFFF;
+
                                margin-left: 0px;
+
                                padding: 20px;
+
                                line-height: 10px;
+
                                height: 100px;
+
                                width:100%;
+
                                /*float:left;*/
+
                          }
+
               
+
  
                /*Style the Directory button*/      
+
<p>Taking the native metabolic pathway found in <i>E. coli</i>, we have designed a <a href ="https://2015.igem.org/Team:HKUST-Rice/Potassium_Sensor" >potassium ion (K<sup>+</sup>) regulated construct</a> and a <a href ="https://2015.igem.org/Team:HKUST-Rice/Nitrate_Sensor_PdcuS" >nitrate-(NO<sub>3</sub><sup>-</sup>) regulated construct</a> that could potentially report the K<sup>+</sup> and NO<sub>3</sub><sup>-</sup> level in soil. Since previous iGEM teams have also worked on <a href ="https://2015.igem.org/Team:HKUST-Rice/Nitrate_Sensor_PyeaR" >nitrate-regulated promoters</a> and<a href ="https://2015.igem.org/Team:HKUST-Rice/Phosphate_Sensor" > phosphate-regulated promoters</a>, our team utilized these promoters and further characterized them in order to provide more information on these promoters.</p>
                        #Directory li a{
+
                                color: #000000;
+
<p>In addition, we characterized the effects of a <a href ="https://2015.igem.org/Team:HKUST-Rice/Expression" >parallel sensors system</a>, in contrast to a single output system, in order to predict the expression of multiple outputs in a single system.</p>
                                padding: 0px;
+
                        }     
+
<p>When it comes to the real application method of our biosensors, our team considered two factors- biological <a href ="https://2015.igem.org/Team:HKUST-Rice/Safety" >safety</a> and feasibility. Biological safety is our priority, especially since the practical application of our project is related to the agricultural business. In our plan of applying the biosensor, we chose to deliver the biosensor in a <a href ="https://2015.igem.org/Team:HKUST-Rice/Application#pp" >cell-free system</a>, which has no capability to sustain itself in the wild. However, after factoring in the feasibility, we think that delivering our biosensor in <a href ="https://2015.igem.org/Team:HKUST-Rice/Application#cc" >common soil bacteria</a> will be more practical. Hence we perform proof-of-concept experiments to demonstrate our idea. </p>
 +
<p>Besides lab work, we also engaged the community- introducing synthetic biology to the younger community by <a href ="https://2015.igem.org/Team:HKUST-Rice/Practices_Debate" >debating</a> and interacting with and  <a href ="https://2015.igem.org/Team:HKUST-Rice/Practices_ExploratoryResearch" >gathering the community's perception</a> regarding biosensors and genetic engineering technology. Through engagement with the community, we gained valuable feedback and comments which we then used to improve our design. </p>
 +
</div>
  
img.button {
+
<img src="https://static.igem.org/mediawiki/2015/7/7e/HKUST-Rice15_titlebackground2.jpg" style="width: 100%; height: 100px;">
    opacity: 1.0;
+
</div>
    filter: alpha(opacity=100); /* For IE8 and earlier */
+
}
+
  
img.button:hover {
 
    opacity: 0.7;
 
    filter: alpha(opacity=80); /* For IE8 and earlier */
 
}
 
  
 +
<div id="quicklink">
 +
<a href= "https://2015.igem.org/Team:HKUST-Rice/Nitrate_Sensor_PdcuS"><image class="button" src="https://static.igem.org/mediawiki/2015/4/4f/Team_HKUST-Rice_2015_N.png" style="width: 30%; position: relevant; left: 3%"></a>
  
/*CLASSES */
+
<a href= "https://2015.igem.org/Team:HKUST-Rice/Phosphate_Sensor"><image class="button" src="https://static.igem.org/mediawiki/2015/3/3b/Team_HKUST-Rice_2015_P.png" style="width: 30%; position: relevant; left: 35%"></a>
  
/*Clear class for all the pages, adds spacing too*/
+
<a href= "https://2015.igem.org/Team:HKUST-Rice/Potassium_Sensor"><image class="button" src="https://static.igem.org/mediawiki/2015/0/02/Team_HKUST-Rice_2015_K.png" style="width: 30%; position: relevant; left: 67%"></a>
.clear{
+
clear:both;
+
height: 10px;
+
}
+
  
 +
<a href= "https://2015.igem.org/Team:HKUST-Rice/Practices"><image class="button" src="https://static.igem.org/mediawiki/2015/b/bf/Team-2015-HKUST-Rice-new_human_practice.png" style="width: 30%; position: relevant; left: 3%"></a>
  
/* highlight box for special messages */
+
<a href= "https://2015.igem.org/Team:HKUST-Rice/Expression"><image class="button" src="https://static.igem.org/mediawiki/2015/8/83/Team_HKUST-Rice_2015_ParallelSensorsexpression_0918.png" style="width: 30%; position: relevant; left: 35%"></a>
    .highlightBox {
+
      width:500px;
+
                                margin:auto;
+
      background-color: #E8E8E9;
+
margin-bottom: 15px;
+
margin-top: 15px;
+
padding: 15px;
+
padding-top: 10px;
+
    }
+
  
        h1 {
+
<a href=" https://2015.igem.org/Team:HKUST-Rice/Application"><image class="button" src="https://static.igem.org/mediawiki/2015/0/03/Team_HKUST-Rice15_applicationbutton.png" style="width: 30%; position: relevant; left: 67%"></a>
            font-family: "Abadi MT Condensed Extra Bold", Helvetica, Arial;
+
            font-size: 30px;
+
            font-style: normal;
+
            font-variant: normal;
+
            font-weight: bold;
+
            line-height: 26.4px;
+
        }
+
        h3 {
+
            font-family: "DIN Alternate", Helvetica, Arial;
+
            font-size: 18px;
+
            font-style: normal;
+
            font-variant: normal;
+
            font-weight: bold;
+
            line-height: 15.4px;
+
        }
+
        p {
+
            font-family: Helvetica, Arial, sans-serif;
+
            font-size: 14px;
+
            font-style: normal;
+
            font-variant: normal;
+
            font-weight: light;
+
            line-height: 20px;
+
        }
+
  
</style>
+
</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.-->
  
 +
</body>
  
<!--- THIS IS WHERE THE HTML BEGINS --->
 
  
 +
<!--
 +
<h3><ins>Background and Significance</ins></h3>
 +
</div>
  
<!-- This tells the browser that your page is responsive -->
+
<h3> Welcome to iGEM 2015! </h3>
 +
<p><h4>Your team has been approved and you are ready to start the iGEM season!</h4></p>
  
<head>  
+
<h4>Before you start: </h4>
</head>
+
<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>
  
<div id="mainContainer">
+
<h4> Editing your wiki </h4>
  <!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
+
<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>  
  <!-- Start of menu -->
+
<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>
  <div id="menuContainer">
+
<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>  
    <!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
+
    <ul>
+
      <li style="padding:0 20px;">
+
        <a href="https://igem.org/Main_Page">
+
          <image src="https://static.igem.org/mediawiki/2015/5/52/HKUST-Rice15_iGEMofficiallogo.jpg" style="width: 82px; height: 72px;  margin: -20px;">
+
        </a>
+
      </li>
+
      <li style="padding:0 20px;">
+
        <a>
+
          <image src="https://static.igem.org/mediawiki/2016/d/d2/Rice_University_seal.svg.png" style="width: 72px; height: 72px;  margin: -20px;">
+
        </a>
+
      </li>
+
      <li><a href="https://2016.igem.org/Team:Rice" style=" margin-top:10px;"><h3>HOME</h3></a></li>
+
      <li><a class="navItem" href="https://2016.igem.org/Team:Rice/Description" style=" margin-top:10px;"><h3>PROJECT</h3></a>
+
        <ul>
+
          <li><a href="https://2016.igem.org/Team:Rice/Description">OVERVIEW</a></li>
+
          <li><a href="https://2016.igem.org/Team:Rice/Sofware">SOFTWARE</a>
+
            <ul>
+
              <li><a href="https://2016.igem.org/Team:Rice/Software">inspiration</a></li>
+
              <li><a href="https://2016.igem.org/Team:Rice/Software">overview</a></li>
+
              <li><a href="https://2016.igem.org/Team:Rice/Software">feedback</a></li>
+
            </ul>
+
          </li>
+
          <li><a href="https://2016.igem.org/Team:Rice/Modeling">MODELING</a>
+
            <ul>
+
              <li><a href="https://2016.igem.org/Team:Rice/Modeling">prediction</a></li>
+
              <li><a href="https://2016.igem.org/Team:Rice/Modeling">assumption</a></li>
+
              <li><a href="https://2016.igem.org/Team:Rice/Modeling">equations</a></li>
+
              <li><a href="https://2016.igem.org/Team:Rice/Modeling">references</a></li>
+
            </ul>
+
          </li>
+
          <li><a href="https://2016.igem.org/Team:Rice/Expression">PARALLEL SENSORS</a>
+
            <ul>
+
              <li><a href="https://2016.igem.org/Team:Rice/Expression/ParaBAD"><i>P<sub>araBAD</sub></i> characterization</a></li>
+
            </ul>
+
          </li>
+
          <li><a href="https://2016.igem.org/Team:Rice/Application">APPLICATION</a></li>
+
        </ul>
+
        <li><a class="navItem" href="https://2016.igem.org/Team:Rice/Parts" style=" margin-top:10px;"><h3>ACHIEVEMENT</h3></a>
+
          <ul>
+
            <li><a href="https://2016.igem.org/Team:Rice/Parts">PARTS</a></li>
+
            <li><a href="https://2016.igem.org/Team:Rice/Medal">MEDAL REQUIREMENTS</a>
+
              <ul>
+
                <li><a href="https://2016.igem.org/Team:Rice/Medal">bronze</a></li>
+
                <li><a href="https://2016.igem.org/Team:Rice/Medal">silver</a></li>
+
                <li><a href="https://2016.igem.org/Team:Rice/Medal">gold</a></li>
+
              </ul>
+
            </li>
+
          </ul>
+
        </li>
+
        <li><a class="navItem" href="https://2016.igem.org/Team:Rice/Team" style=" margin-top:10px;"><h3>TEAM</h3></a>
+
          <ul>
+
            <li><a href="https://2016.igem.org/Team:Rice/Members">MEMBERS</a></li>
+
            <li><a href="https://2016.igem.org/Team:Rice/Advisers">ADVISERS</a></li>
+
            <li><a href="https://2016.igem.org/Team:Rice/Instructors">INSTRUCTORS</a></li>
+
            <li><a href="https://2016.igem.org/Team:Rice/Attributions">ATTRIBUTIONS</a></li>
+
          </ul>
+
        </li>
+
        <li><a class="navItem" href="https://2016.igem.org/Team:Rice/Practices" style=" margin-top:10px;"><h3>HUMAN PRACTICES</h3></a>
+
          <ul>
+
            <li><a href="https://2016.igem.org/Team:Rice/Building_With_Biology">BUIDING WITH BIOLOGY</a></li>
+
            <li><a href="https://2016.igem.org/Team:Rice/Practices_ExploratoryResearch">EXPLORATORY RESEARCH</a></li>
+
            <li><a href="https://2016.igem.org/Team:Rice/Practices_Debate">BIOETHICAL DEBATE</a></li>
+
            <li><a href="https://2016.igem.org/Team:Rice/Humans_Of_Syn_Bio">HUMANS OF SYN BIO</a></li>
+
          </ul>
+
        </li>
+
        <li><a class="navItem" href="https://2016.igem.org/Team:Rice/Notebook" style=" margin-top:10px;"><h3>WETLAB</h3></a>
+
          <ul>
+
            <li><a href="https://2016.igem.org/Team:Rice/Notebook">NOTEBOOK</a></li>
+
            <li><a href="https://2016.igem.org/Team:Rice/Protocol">PROTOCOL</a>
+
              <ul>
+
                <li><a href="https://2016.igem.org/Team:Rice/Protocol">protocols</a></li>
+
                <li><a href="https://2016.igem.org/Team:Rice/Protocol">experiments</a></li>
+
              </ul>
+
            </li>
+
            <li><a href="https://2016.igem.org/Team:Rice/Safety">SAFETY</a>
+
              <ul>
+
                <li><a href="https://2016.igem.org/Team:Rice/Safety">organisms</a></li>
+
                <li><a href="https://2016.igem.org/Team:Rice/Safety">project design</a></li>
+
                <li><a href="https://2016.igem.org/Team:Rice/Protocol">biosafety</a></li>
+
                <li><a href="https://2016.igem.org/Team:Rice/Protocol">safety training</a></li>
+
              </ul>
+
            </li>
+
          </ul>
+
        </li>
+
        <li style="padding:10px 20px;">
+
          <a href="http://www.rice.edu/">
+
            <image id="Ricelogo" src="https://static.igem.org/mediawiki/2015/f/f6/HKUST-Rice15_ricelogo3.png" style="width: 106px; height: 40px;  margin: -20px;">
+
          </a>
+
        </li>
+
        <li style="padding:10px 20px;">
+
          <a href="https://2016.igem.org/Team:Rice/">
+
<!--            <image class="button" id="Ricelogo" src="https://static.igem.org/mediawiki/2016/thumb/a/a0/Igem_generic_logo.jpg/537px-Igem_generic_logo.jpg" style="width: 40px; height: 40px; margin:-20px;">   -->
+
            <image id="Ricelogo" src="https://static.igem.org/mediawiki/2016/thumb/a/a0/Igem_generic_logo.jpg/537px-Igem_generic_logo.jpg" style="width: 40px; height: 40px; margin:-20px;">
+
          </a>
+
        </li>
+
    </ul>
+
  </div>
+
  
  
 +
<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>
  
  
<footer>
+
<h4>Tips</h4>
  <div style="position:absolute; bottom:-60px; width:100%; height:60px;">
+
<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>
    <div class="row_1" style="position:relative;background:black;padding:0px:height:10px;width:100%">
+
<ul>
      <h3 style="display:inline;float:left;position:absolute;top:30%;left:10%"><font color="white">Stay Connected</font></h3>
+
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
      <a href="https://www.facebook.com/riceuniversityigem/"><img src="https://static.igem.org/mediawiki/2016/3/3f/Facebook_icon.png" style="position:relative;left:30%;" width="80px" height="auto"></a>
+
<li>Be clear about what you are doing and how you plan to do this.</li>
      <a href="https://www.instagram.com/riceuniversity_igem/"><img src="https://static.igem.org/mediawiki/2016/8/8f/Insta_icon.png" style="position:relative;left:35%;" width="80px" height="auto"></a>
+
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
      <a href="https://twitter.com/riceu_igem"><img src="https://static.igem.org/mediawiki/2016/e/e8/Twit.png" style="position:relative;left:40%;" width="80px" height="auto"></a>
+
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li>
      <img src="https://static.igem.org/mediawiki/2016/0/06/Snapchat-2-128.png" style="position:relative;left:45%;" width="45px" height="auto">
+
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li>
<!--  backup  https://static.igem.org/mediawiki/2016/thumb/a/a6/Snapchat-xxl.png/120px-Snapchat-xxl.png-->
+
<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>
      <img src="https://static.igem.org/mediawiki/2016/8/86/Gmail.png" style="position:relative;left:50%;" width="80px" height="auto">
+
<li>Have lots of fun! </li>
    </div>
+
</ul>  
    <div class="row_2" style="background:rgba(28,134,238,1);padding-top:20px">
+
 
      <div style="position:absolute; left:10%;width:40%">
+
 
        <h3>Useful Links</h3>
+
<h4>Inspiration</h4>
        <ul class="f-menu space40">
+
<p><h4> You can also view other team wikis for inspiration! Here are some examples:</h4></p>
          <li><a href="/Team:Rice">Home</a></li>
+
<ul>
          <li><a href="https://2015.igem.org/Main_Page">iGEM 2015</a></li>
+
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
        </ul>
+
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
      </div>
+
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
      <div style="background:transparent;position:absolute; left:33%;width:33%">
+
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
        <h3>Contact Us</h3>
+
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
        <ul class="f-menu space40">
+
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
          <li>MAIL</li>
+
</ul>
          <br/>
+
 
          <li>Rice University</li>
+
<h4> Uploading pictures and files </h4>
          <Li>6100 Main St.</li>
+
<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 />
          <li>Houston, Texas 77005</li>
+
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>
        </ul>
+
 
      </div>
+
<a href="https://2015.igem.org/Special:Upload">CLICK HERE TO UPLOAD FILES</a>
      <div style="position:absolute; left:66%;width:33%">
+
-->
        <h3><em>Unconventional Wisdom</em></h3>
+
 
        <div style="position:absolute; left:5%">
+
          <img src="https://static.igem.org/mediawiki/2016/thumb/d/d2/Rice_University_seal.svg.png/600px-Rice_University_seal.svg.png" width="130px" height="auto">
+
        </div>
+
      </div>
+
      <br><br><br><br><br><br><br><br><br><br>
+
    </div>
+
</footer>
+
  
 
</html>
 
</html>
 +
{{HKUST-Rice Directory}}

Revision as of 01:39, 28 July 2016

Project Description

Nitrogen (N), phosphorus (P) and potassium (K) are three essential macronutrients needed for healthy plant growth. By creating a biological sensor that can quickly provide the status of these macronutrients in the soil, we can provide farmers with the tools to monitor and respond to potential nutrition deficiencies. In previous iGEM projects, nitrate- and phosphate-responsive promoters have been utilized extensively. However, a potassium-responsive promoter was still lacking. Our team submitted the first ever potassium-sensing promoter to the Part Registry, in addition to providing more comprehensive characterization data for the existing phosphate- and nitrate-responsive promoters. Our biological sensors are constructed in E. coli, to detect NPK levels in the surrounding environment and produce a measurable level of reporter protein. To simulate the expression of multiple sensors in a single system, we characterized the effects of a parallel sensors system, in contrast to a single output system.

Learn more ...


The Journey of HKUST-Rice iGEM team

The HKUST-Rice iGEM team is the first transcontinental team in iGEM, comprising of 31 student members- 18 from the Hong Kong University of Science and Technology and 13 from Rice University. The benefit of forming a large joint team is that we have members coming from different disciplines who contribute different perspectives to the project. This has enabled us to tackle a broad subject matter effectively.

Taking the native metabolic pathway found in E. coli, we have designed a potassium ion (K+) regulated construct and a nitrate-(NO3-) regulated construct that could potentially report the K+ and NO3- level in soil. Since previous iGEM teams have also worked on nitrate-regulated promoters and phosphate-regulated promoters, our team utilized these promoters and further characterized them in order to provide more information on these promoters.

In addition, we characterized the effects of a parallel sensors system, in contrast to a single output system, in order to predict the expression of multiple outputs in a single system.

When it comes to the real application method of our biosensors, our team considered two factors- biological safety and feasibility. Biological safety is our priority, especially since the practical application of our project is related to the agricultural business. In our plan of applying the biosensor, we chose to deliver the biosensor in a cell-free system, which has no capability to sustain itself in the wild. However, after factoring in the feasibility, we think that delivering our biosensor in common soil bacteria will be more practical. Hence we perform proof-of-concept experiments to demonstrate our idea.

Besides lab work, we also engaged the community- introducing synthetic biology to the younger community by debating and interacting with and gathering the community's perception regarding biosensors and genetic engineering technology. Through engagement with the community, we gained valuable feedback and comments which we then used to improve our design.