Difference between revisions of "Template:Rice"

Line 1: Line 1:
−
{{HKUST-Rice}}
+
{{Template_All_Teams}}
 
<html>
 
<html>
−
<head>
+
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700' rel='stylesheet' type='text/css'>
 +
<style>
  
 +
      /*-- Remove borders, float content left and remove padding/margin */
 +
      #globalWrapper, #content{
 +
                width: 100%;
 +
}
  
−
                 <style type="text/css">
+
                 #top_menu_14 { padding-left:11%}
−
 
+
−
#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>
  
−
            <!--<style>
+
<!-- Start of CSS-->
−
  <div id="titleContainer">
+
<style type="text/css">
−
<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>
+
/* PAGE LAYOUT */
−
                                <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 {
+
/* Change Background color*/
−
background-image: url(https://static.igem.org/mediawiki/2015/7/7f/HKUST-Rice15_first_slider.png);
+
body {  
−
}
+
background-color: #1b1c3a;
 +
              }
  
−
#Slider #Slide1 {
+
/* Creates a container that will wrap all of the content inside your wiki pages. */
−
background-image: url(https://static.igem.org/mediawiki/2015/c/c6/Team_HKUST-Rice_2015_overviewslider.jpg);
+
#mainContainer {
−
        display: none;
+
width: 100%;
−
}
+
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;
 
 
}
 
}
  
−
#Slider #Slide3 {
+
/* Creates the container for the menu */
−
background-image: url(https://static.igem.org/mediawiki/2015/5/58/Team_HKUST-Rice_2015_phosphateslider.jpg);
+
#menuContainer  {  
−
display: none;
+
float: left;
−
}
+
width: 100%;
 +
margin:0;
 +
padding:0;
 +
background-color: #1b1c3a;
 +
margin-top: 0px;
 +
z-index:0;
 +
            }
  
−
#Slider #Slide4 {
+
/* Creates the container for the content */
−
background-image: url(https://static.igem.org/mediawiki/2015/8/89/Team_HKUST-Rice_2015_nitrateslider.jpg);
+
#contentContainer {
−
display: none;
+
padding-top:20px;
 +
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;
 
}
 
}
  
−
#Slider #Slide5 {
+
/*Set up height place holder for the title*/
−
background-image: url(https://static.igem.org/mediawiki/2015/b/b2/HKUST-Rice15_coexpression_slider.png);
+
#titleContainer {
−
display: none;
+
                        width: 100%;
 +
height:auto;
 +
overflow:hidden;
 +
margin: 0px;
 +
                        background-color: #1b1c3a;
 +
text-align:center;
 +
                        text-shadow: 2px 2px #000000;
 
}
 
}
  
−
#Slider #Slide6 {
+
/*Set up height place holder for the banner*/
−
background-image: url(https://static.igem.org/mediawiki/2015/4/4e/HKUSt-RICE_human_practice.jpg);
+
#bannerContainer {
−
display: none;
+
                        width: 100%;
−
}
+
                        height: 75%;
 +
/*overflow:hidden;*/
 +
margin: 0px;
 +
text-align:center;
 +
} */
  
−
#Slider .SideBar {
+
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
−
position: absolute;
+
−
top: 0;
+
−
width: 100px;
+
−
z-index: 1;
+
−
}
+
  
−
#Slider #LeftBar {
+
/*Change the styling of text for everything inside main container*/
−
left: 0;
+
#mainContainer p {  
 +
font-size: 15px;
 +
color: #000000;
 
}
 
}
−
 
+
/*This changes the color and font family */
−
#Slider #RightBar {
+
#contentContainer h1, h2, h3, h4, h5, h6 {  
−
right: 0;
+
color: #565656;
 +
border-bottom: none;
 +
font-weight: bold;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
margin-top:0px;
 
}
 
}
  
−
#Slider #LeftArrow {
+
/*Style of the links - links are different inside the menu */
−
position: absolute;
+
#contentContainer a {  
−
width: 70px;
+
font-weight: bold;
−
height: 80px;
+
color: #000000;
−
margin-left: 30px;
+
                                font-size: 100%;
−
        margin-top: 60px;
+
−
background: url(https://static.igem.org/mediawiki/2015/e/ea/HKUST-Rice15_leftarrow.png) top no-repeat;
+
−
        background-size: 70px auto;
+
 
}
 
}
  
−
#Slider #RightArrow {
+
/* Styling links on hover- links are different inside the menu */
−
position: absolute;
+
/* #contentContainer a:hover {
−
width: 70px;
+
color: #59BF92;
−
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;
+
−
}
+
  
−
#Slider #LeftArrow:hover, #Slider #RightArrow:hover {
+
/*Change the styling of tables */
−
     opacity: 0.7;
+
      #contentContainer table {
−
     filter: alpha(opacity=80); /* For IE8 and earlier */
+
     border: 1px solid #565656;
−
}
+
     border-collapse: collapse;
−
                </style>
+
    width: 90%
−
<script>
+
    margin: auto;
−
$(document).ready(function() {
+
    margin-bottom: 0px;
−
//Display slider for Javascript users
+
    margin-top: 0px;
−
$('#Slider').css('display', 'block');
+
    margin-right: 0px;
−
+
    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);
+
  
−
//Repeats for window resize
+
/*Change the styling of table cells*/
−
$(window).resize(function() {
+
    #contentContainer  td {
−
$('#Slider').css('height', ($('body').width() / 3.2));
+
    padding: 0px;
−
+
    border: 1px solid #565656;
−
var BarHeight = $('#Slider').height();
+
    border-collapse: collapse;
−
$('#LeftBar, #RightBar').css('height', BarHeight);
+
    vertical-align: text-top;
−
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
+
                             
−
});
+
    }
−
+
−
var TotalSlides = $('.Slides').length;
+
−
var CurrentSlide = 0;
+
  
−
$('#RightArrow').click(function() {
+
/*Change the styling of table headers */
−
CurrentSlide = ++CurrentSlide % TotalSlides;
+
    #contentContainer th {
−
changeSlide(CurrentSlide);
+
    background-color: #FFFFFF;
−
});
+
    padding: 0px;
−
+
    border: 1px solid #565656;
−
$('#LeftArrow').click(function() {
+
    border-collapse: collapse;
−
CurrentSlide = (CurrentSlide + TotalSlides - 1) % TotalSlides;
+
    vertical-align: text-top;
−
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 {
−
<div class= "project_superrow">
+
text-align: center;
−
<div id= "page_title"><h1 id="scroll">Project Description</h1>
+
                                        padding-top: 10px;
−
        </div>
+
                                        padding-bottom: 20px;
 +
    }
  
−
<div class= "project_content">
+
#menuContainer > ul a {
−
<div class= "project_row">
+
color: #FFF;
−
<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.
+
}
−
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>
+
#menuContainer > ul {
−
  <p style=" text-align: right"><a class=" learn" href="https://2015.igem.org/Team:HKUST-Rice/Description"> Learn more ... </a></p>
+
list-style: none;
−
</div>
+
margin-left: 0;
 +
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>
 
  
−
<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.
+
/* Level 1 Drop Down Menu */
 +
#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;*/
 +
                          }
 +
               
  
−
<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>
+
                /*Style the Directory button*/      
−
+
                        #Directory li a{
−
<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>
+
                                color: #000000;
−
+
                                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 src="https://static.igem.org/mediawiki/2015/7/7e/HKUST-Rice15_titlebackground2.jpg" style="width: 100%; height: 100px;">
+
img.button {
−
</div>
+
    opacity: 1.0;
 +
    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>
 
  
−
<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>
+
/*CLASSES */
  
−
<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 class for all the pages, adds spacing too*/
 +
.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>
 
  
−
<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>
+
/* highlight box for special messages */
 +
    .highlightBox {
 +
      width:500px;
 +
                                margin:auto;
 +
      background-color: #E8E8E9;
 +
margin-bottom: 15px;
 +
margin-top: 15px;
 +
padding: 15px;
 +
padding-top: 10px;
 +
    }
  
−
<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>
+
        h1 {
 +
            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;
 +
        }
  
−
</div>
+
</style>
  
  
−
</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>
 
  
−
<h3> Welcome to iGEM 2015! </h3>
+
<!-- This tells the browser that your page is responsive -->
−
<p><h4>Your team has been approved and you are ready to start the iGEM season!</h4></p>
+
  
−
<h4>Before you start: </h4>
+
<head>  
−
<p><h4>Please read the following pages:</h4></p>
+
</head>
−
<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>
+
<div id="mainContainer">
−
<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>  
+
  <!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
−
<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>
+
  <!-- Start of menu -->
−
<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>  
+
  <div id="menuContainer">
 +
    <!-- 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>
 
  
  
−
<h4>Tips</h4>
+
<footer>
−
<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 style="position:absolute; bottom:-60px; width:100%; height:60px;">
−
<ul>
+
    <div class="row_1" style="position:relative;background:black;padding:0px:height:10px;width:100%">
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
      <h3 style="display:inline;float:left;position:absolute;top:30%;left:10%"><font color="white">Stay Connected</font></h3>
−
<li>Be clear about what you are doing and how you plan to do this.</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>You have a global audience! Consider the different backgrounds that your users come from.</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>Make sure information is easy to find; nothing should be more than 3 clicks away. </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>Avoid using very small fonts and low contrast colors; information should be easy to read. </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>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>
+
<!--  backup  https://static.igem.org/mediawiki/2016/thumb/a/a6/Snapchat-xxl.png/120px-Snapchat-xxl.png-->
−
<li>Have lots of fun! </li>
+
      <img src="https://static.igem.org/mediawiki/2016/8/86/Gmail.png" style="position:relative;left:50%;" width="80px" height="auto">
−
</ul>  
+
    </div>
−
 
+
    <div class="row_2" style="background:rgba(28,134,238,1);padding-top:20px">
−
 
+
      <div style="position:absolute; left:10%;width:40%">
−
<h4>Inspiration</h4>
+
        <h3>Useful Links</h3>
−
<p><h4> You can also view other team wikis for inspiration! Here are some examples:</h4></p>
+
        <ul class="f-menu space40">
−
<ul>
+
          <li><a href="/Team:Rice">Home</a></li>
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
          <li><a href="https://2015.igem.org/Main_Page">iGEM 2015</a></li>
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
        </ul>
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
      </div>
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
      <div style="background:transparent;position:absolute; left:33%;width:33%">
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
        <h3>Contact Us</h3>
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
        <ul class="f-menu space40">
−
</ul>
+
          <li>MAIL</li>
−
 
+
          <br/>
−
<h4> Uploading pictures and files </h4>
+
          <li>Rice University</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>6100 Main St.</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>
+
          <li>Houston, Texas 77005</li>
−
 
+
        </ul>
−
<a href="https://2015.igem.org/Special:Upload">CLICK HERE TO UPLOAD FILES</a>
+
      </div>
−
-->
+
      <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:53, 28 July 2016