Team:UI-Indonesia

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
{{:Team:SDU-Denmark/core/header| }}
<html>
<html>
 +
<script type="text/javascript">
 +
    $(document).ready(function() {
 +
        $('#box1').hover(function(){
 +
            var smallTop = $('#box1').height() - $(".cover", this).height() -10 +"px";
 +
    $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});
 +
}, function() {
 +
    $(".cover", this).stop().animate({top:'405px'},{queue:false,duration:160});
 +
});
 +
        $('#box2').hover(function(){
 +
            var smallTop = $('#box2').height() - $(".cover", this).height() -10 +"px";
 +
    $(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});
 +
}, function() {
 +
    $(".cover", this).stop().animate({top:'405px'},{queue:false,duration:160});
 +
});
 +
    });
 +
</script>
-
 
+
<div class="expandedContent">
-
<!-- this section changes the default wiki template to a white full width background -->
+
<div class="boxgrid contentBorder boxgridBig" id="box1">
-
 
+
  <img src="https://static.igem.org/mediawiki/2013/4/47/SDU2013_SpotTrees.jpg">
-
<style type="text/css">
+
  <div class="cover boxcaption" style="top: 405px">
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
+
    <h2 class="onBlack">Doesn't rubber come from trees?</h2>
-
 
+
    <p class="onBlackIntro">
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
Let your eyes (and mouse) wander to these trees to discover our ideas on how to help the environment and change the future of rubber production. Take a look at our short <strong>project description</strong> below.
-
+
-
border: 0 none;
+
-
height: 14px;
+
-
z-index: 100;
+
-
top: 0;
+
-
position: fixed;
+
-
width: 975px;
+
-
left: 50%;
+
-
margin-left: -487px;
+
-
}
+
-
 
+
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
-
width: 100%;
+
-
height: 100%;
+
-
border: 0px;
+
-
background-color: transparent;
+
-
margin: 0px;
+
-
padding: 0px;
+
-
}
+
-
 
+
-
html, body, .wrapper { /*-- changes default wiki settings --*/
+
-
width: 100%;
+
-
height: 100%;
+
-
background-color: transparent;
+
-
}
+
-
</style>
+
-
<!--  here ends the section that changes the default wiki template to a white full width background -->
+
-
 
+
-
 
+
-
<!-- beginning of your page -->
+
-
 
+
-
<div id="contentcontainer">
+
-
 
+
-
 
+
-
<!-- this table contains the navigation bar -->
+
-
<table  width="975px" align="center">
+
-
<tr> <td colspan="10" heigth="155px"> </td></tr>
+
-
 
+
-
<br>
+
-
 
+
-
<tr>
+
-
<!--
+
-
**************Navigation bar**************
+
-
Each cell represents a button,
+
-
1.-  first row defines the borders outside each box, how the text is aligned and the height
+
-
2.- second row defines the color, here you can change the color by modifying the hex code
+
-
3.- third row is where you place the link to where you want that button to take you
+
-
4.- fourth row you define the color of the text inside the button and the content of it
+
-
-->
+
-
 
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px"
+
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/WikitemplateA_home"
+
-
style="color:#000000">Home </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px"
+
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/WikitemplateA_team"
+
-
style="color:#000000"> Team </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" 
+
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href=""
+
-
style="color:#000000"> Official Team Profile </a></td>
+
-
 
+
-
<td style="border:1px solid black" align="center"  height ="45px"
+
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/WikitemplateA_project"
+
-
style="color:#000000"> Project</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px"
+
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/WikitemplateA_parts"
+
-
style="color:#000000"> Parts</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px"
+
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href=""
+
-
style="color:#000000"> Modeling</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px"
+
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href=""
+
-
style="color:#000000"> Notebook</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px"
+
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href=""
+
-
style=" color:#000000"> Safety </a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px"
+
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href=""
+
-
style="color:#000000"> Attributions </a></td>
+
-
 
+
-
 
+
-
<!-- this is the iGEM logo! it will take to igem.org -->
+
-
<td align ="center"> <a href="https://igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
-
</tr>
+
-
 
+
-
<tr> <td colspan="10" heigth="45px"> </td></tr>
+
-
</table>
+
-
 
+
-
<!-- end of navigation bar -->
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<!-- page content begins-->
+
-
 
+
-
<table width="975px" align="center">
+
-
<tr ><td coslpan="2" height="35px"></td></tr>
+
-
<tr>
+
-
 
+
-
<td width="35%" valign="top">  
+
-
<h3>Welcome ! </h3>
+
-
<p>
+
-
This is a basic template you may use to customize your wiki, you can take it apart and modify it as much as you want. The links and tabs provided here are basic suggestions, feel free to adapt it for your team and your project. </p>
+
-
<p>
+
-
If you are looking for general  wiki guidelines, restrictions, design tips and more, visit the <br><a href="https://2014.igem.org/Wiki_How-To"> Wiki How-To Page</a></p>
+
</p>
</p>
 +
    <p class="onBlack">
 +
The growing demand for natural rubber causes deforestation of the rainforest and occupation of arable lands, due to the establishment of new plantations. If producing rubber by bacteria succeeds, production of natural rubber will not be limited to the regions where the rubber tree can grow. Rather, rubber can be produced even in barren lands.
 +
</p><p class="onBlack">
 +
Our project aims to enable a common bacteria to produce natural rubber while grown under controlled conditions.
 +
Natural rubber is composed of molecules consisting of the substance IPP linked together like a chain. The common bacteria that we use (E. coli) already possesses the ability to produce the IPP, but it lacks the enzyme to connect the IPP links together into a chain.
 +
We introduced the enzyme that the rubber tree has for connecting the links into the bacteria. Furthermore, we introduced genes that allow the bacteria further production of the IPP links.
 +
    </p>
 +
  </div>
 +
</div>
 +
<div class="boxgrid contentBorder boxgridMedium" id="box2" style="margin-left:8px">
 +
  <img src="https://static.igem.org/mediawiki/2013/0/06/SDU2013_LabHigh.jpg">
 +
  <a class="cover boxcaption" style="top: 405px" href="https://2013.igem.org/Team:SDU-Denmark/Tour10">
 +
    <h2 class="onBlack">No, rubber is made in the lab.</h2>
 +
    <p class="onBlackIntro">
-
</td>
+
If you wish to see how, click here to start the interactive tour.
-
 
+
    </p>
-
<td width="5%" > </td>
+
    <p class="onBlack">
-
 
+
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.
-
 
+
    </p>
-
<!-- here you can place an image related to your project or your logo! -->
+
  </a>
-
<td width="60%" > <img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg" width="600px" height="300px"></td>
+
</div>
-
 
+
<div class="EndFloatBlock"></div>
-
 
+
-
 
+
-
<tr ><td coslpan="2" height="35px"></td></tr>
+
-
</tr>
+
-
</table>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<!-- 3 columns content
+
-
this area is divided intro 3 columns, you can add more information about your team, project, city or mention your sponsors! -->
+
-
<table width="975px" align="center">
+
-
 
+
-
 
+
-
<tr>
+
-
<!-- first column -->
+
-
<td width="30%">
+
-
<!-- you can have an image related to your paragraph -->
+
-
<img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg" width="300px" height="200px">
+
-
<h4> Results</h4>
+
-
<p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber
+
-
hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. </p>
+
-
 
+
-
</td>
+
-
 
+
-
<td width="5%"></td>
+
-
 
+
-
 
+
-
<!-- second column -->
+
-
<td width="30%">
+
-
<img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg" width="300px" height="200px">
+
-
<h4>Human Practice</h4>
+
-
<p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in,
+
-
eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. </p>
+
-
</td>
+
-
<td width="5%"></td>
+
-
 
+
-
 
+
-
<!-- third column -->
+
-
<td width="30%">
+
-
<img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg" width="300px" height="200px">
+
-
<h4>Follow us on Twitter/Facebook!</h4>
+
-
<p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in,
+
-
eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. </p>
+
-
</td>
+
-
</tr>
+
-
 
+
-
 
+
-
</table>
+
-
<!-- end of 3 column content -->
+
-
 
+
-
 
+
-
 
+
</div>
</div>
</html>
</html>
-
 
+
{{:Team:SDU-Denmark/core/footer}}
-
<!-- end of page -->
+

Revision as of 04:01, 22 June 2014

Doesn't rubber come from trees?

Let your eyes (and mouse) wander to these trees to discover our ideas on how to help the environment and change the future of rubber production. Take a look at our short project description below.

The growing demand for natural rubber causes deforestation of the rainforest and occupation of arable lands, due to the establishment of new plantations. If producing rubber by bacteria succeeds, production of natural rubber will not be limited to the regions where the rubber tree can grow. Rather, rubber can be produced even in barren lands.

Our project aims to enable a common bacteria to produce natural rubber while grown under controlled conditions. Natural rubber is composed of molecules consisting of the substance IPP linked together like a chain. The common bacteria that we use (E. coli) already possesses the ability to produce the IPP, but it lacks the enzyme to connect the IPP links together into a chain. We introduced the enzyme that the rubber tree has for connecting the links into the bacteria. Furthermore, we introduced genes that allow the bacteria further production of the IPP links.