Team:Imperial College/Home2

From 2013.igem.org

(Difference between revisions)
 
(50 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
-
<style media="screen" type="text/css">
+
<script src="http://www.synbiuk.org/igem/SpryAccordion.js" type="text/javascript"></script>
-
/* <!-- */
+
<link href="http://www.synbiuk.org/igem/SpryAccordion.css" rel="stylesheet" type="text/css" />
-
/* Header styles */
+
<link rel="stylesheet" type="text/css" href="http://www.synbiuk.org/igem/gallery/css/style.css" />
-
#page_width {
+
<link rel="stylesheet" type="text/css" href="http://www.synbiuk.org/igem/gallery/css/elastislide.css" />
-
clear:both;
+
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1' rel='stylesheet' type='text/css' />
-
float:left;
+
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css' />
-
width:100%;
+
<noscript>
-
}
+
<style>
-
+
.es-carousel ul{
-
/* 'widths' sub menu */
+
display:block;
-
#layoutdims {
+
}
-
clear:both;
+
</style>
-
background:#eee;
+
</noscript>
-
margin:0;
+
<script id="img-wrapper-tmpl" type="text/x-jquery-tmpl">
-
padding:6px 15px !important;
+
<div class="rg-image-wrapper">
-
text-align:right;
+
{{if itemsCount > 1}}
-
}
+
<div class="rg-image-nav">
-
/* column container */
+
<a href="#" class="rg-image-nav-prev">Previous Image</a>
-
.colmask {
+
<a href="#" class="rg-image-nav-next">Next Image</a>
-
clear:both;
+
</div>
-
float:left;
+
{{/if}}
-
width:100%; /* width of whole page */
+
<div class="rg-image"></div>
-
overflow:hidden; /* This chops off any overhanging divs */
+
<div class="rg-loading"></div>
-
}
+
<div class="rg-caption-wrapper">
-
/* common column settings */
+
<div class="rg-caption" style="display:none;">
-
.colright,
+
<p></p>
-
.colmid,
+
</div>
-
.colleft {
+
</div>
-
float:left;
+
</div>
-
width:100%;
+
</script>
-
position:relative;
+
 
-
}
+
<div class="container" style="float:left; width:655px;">
-
.col1,
+
<div class="header">
-
.col2,
+
  <div class="clr"></div>
-
.col3 {
+
</div><!-- header -->
-
float:left;
+
-
position:relative;
+
-
padding:0 0 1em 0;
+
-
overflow:hidden;
+
-
}
+
-
/* 2 Column (double page) settings */
+
-
.doublepage {
+
-
}
+
-
.doublepage .colleft {
+
-
right:50%; /* right column width */
+
-
background:#fff; /* left column background colour */
+
-
}
+
-
.doublepage .col1 {
+
-
width:46%; /* left column content width (column width minus left and right padding) */
+
-
left:52%; /* right column width plus left column left padding */
+
-
}
+
-
.doublepage .col2 {
+
-
width:46%; /* right column content width (column width minus left and right padding) */
+
-
left:56%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */
+
-
}
+
-
/* Footer styles */
+
-
#footer {
+
-
clear:both;
+
-
float:left;
+
-
width:100%;
+
-
border-top:1px solid #000;
+
-
}
+
-
#footer p {
+
-
padding:10px;
+
-
margin:0;
+
-
}
+
-
/* --> */
+
-
</style>
+
-
<div>
+
-
+
-
</div>
+
-
<div class="colmask doublepage">
+
-
<div class="colleft">
+
-
<div class="col1">
+
-
  <!-- Column 1 start -->
+
-
</html>
+
-
{{:Team:Imperial_College/Templates/Carousel2}}
+
-
<html>
+
-
  <!-- Column 1 end -->
+
-
</div>
+
-
<div class="col2">
+
-
  <!-- Column 2 start -->
+
-
+
<div class="content">
-
</html>
+
  <div id="rg-gallery" class="rg-gallery">
-
         
+
<div class="rg-thumbs">
-
          Accumulation of waste represents a considerable problem to humanity. <strong>Over  the next 50 years, the global community will produce approximately 2  trillion tonnes of waste, or 2.5 times the weight of Mount Everest.</strong>  
+
<!-- Elastislide Carousel Thumbnail Viewer -->
-
  <p>Traditionally, mixed non-recyclable waste is sent to landfill or  for incineration, both of which result in environmental damage. The  detrimental effects are perpetrated by the plastic degradation into  toxic byproducts and the production of greenhouse gases by these  processes. We propose to upcycle this mixed waste into the bioplastic  poly-3-hydroxybutyrate (P3HB) to create a closed loop recycling system. Our engineered E. coli will operate within sealed bioreactors. In the future we picture the use of our system in a variety of contexts as part  of our M.A.P.L.E. (Modular And Plastic Looping E.coli) system. </p>
+
<div class="es-carousel-wrapper">
-
         
+
<div class="es-nav">
-
<html>        
+
<span class="es-nav-prev">Previous</span>
-
</div>
+
<span class="es-nav-next">Next</span>
-
  </div>
+
</div>
 +
<div class="es-carousel">
 +
<ul>
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2013/9/9d/Slide01.jpg" alt="image01" width="65" height="65" data-large="https://static.igem.org/mediawiki/2013/9/9d/Slide01.jpg" data-description="Waste is a resource! We have engineered a system to divert mixed, non-recyclable waste away from landfill sites and incinerators. Our system uses the waste to produce bioplastic which can be 3D- printed and used for medical applications." /></a></li>
 +
  <li><a href="#"><img src="https://static.igem.org/mediawiki/2013/4/41/Slide02.jpg" data-large="https://static.igem.org/mediawiki/2013/4/41/Slide02.jpg" alt="image02" data-description="Resource-full waste: the first module in our system." /></a></li>
 +
                                   
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2013/c/cd/Slide03.jpg" data-large="https://static.igem.org/mediawiki/2013/c/cd/Slide03.jpg" alt="image03" data-description="Bioplastic production (left) native phaCAB (BBa_K934001), (Right) Imperial Biobrick hybrid phaCAB (BBa_K1149051)" /></a></li>
 +
                                   
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2013/c/c3/Slide04.jpg" data-large="https://static.igem.org/mediawiki/2013/c/c3/Slide04.jpg" alt="image04" data-description="Plastic Fantastic: the second module in our system" /></a></li>
 +
                                   
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2013/c/c1/Slide05.jpg" data-large="https://static.igem.org/mediawiki/2013/c/c1/Slide05.jpg" alt="image05" data-description="Our system allows for the complete biological recycling of P(3HB)." /></a></li>
 +
                                    <li><a href="#"><img src="https://static.igem.org/mediawiki/2013/5/54/Slide06.jpg" alt="image01" width="65" height="65" data-large="https://static.igem.org/mediawiki/2013/5/54/Slide06.jpg" data-description="Our system is designed to be industrially scaleable. " /></a></li>
 +
  <li><a href="#"><img src="https://static.igem.org/mediawiki/2013/b/b5/Slide07.jpg" data-large="https://static.igem.org/mediawiki/2013/b/b5/Slide07.jpg" alt="image02" data-description="The mixed waste we used in our experiments was sourced from the Powerday recycling centre, West London." /></a></li>
 +
                                   
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2013/9/97/Slide08.jpg" data-large="https://static.igem.org/mediawiki/2013/9/97/Slide08.jpg" alt="image03" data-description="We have also started our own art movement, with our highly cultured E. coli" /></a></li>
 +
                                   
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2013/d/dc/Slide09.jpg" data-large="https://static.igem.org/mediawiki/2013/d/dc/Slide09.jpg" alt="image04" data-description="Our recycling posters were developed with advice from Imperial's own waste management team. We posted them around campus" /></a></li>
 +
                                   
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2013/7/77/Slide10.jpg" data-large="https://static.igem.org/mediawiki/2013/7/77/Slide10.jpg" alt="image05" data-description="Quotes from our human practices" /></a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
<!-- End Elastislide Carousel Thumbnail Viewer -->
 +
</div><!-- rg-thumbs -->
 +
</div><!-- rg-gallery -->
 +
 +
  </div><!-- content -->
 +
</div><!-- container -->
 +
 
 +
 
 +
 
 +
<style type="text/css">
 +
<!--
 +
 
 +
#rightbox h2 {
 +
font-size: 12px;
 +
text-transform: uppercase;
 +
padding-bottom: 0px;
 +
margin-right: 0px;
 +
margin-bottom: 2px;
 +
margin-left: 0px;
 +
line-height:1.2em;
 +
border:none;
 +
}
 +
#rightbox  p {
 +
font-size: 12px;
 +
margin: 0px;
 +
padding: 0px;
 +
line-height:1.2em;
 +
text-align: left;
 +
}
 +
-->
 +
</style>
 +
 
 +
 
 +
 
 +
<div id="rightbox" style="float:left;  margin-left:8px; width:290px;">
 +
 
 +
 
 +
<div  style=" width:290px;margin-bottom:3px" >
 +
<a href="https://2013.igem.org/wiki/index.php?title=Team:Imperial_College/tour"><img src="https://static.igem.org/mediawiki/2013/5/5c/Button_glance.jpg" alt="At a glance" width="290"  /></a>
</div>
</div>
-
</html>
+
<div  style="  width:290px; margin-bottom:3px" c> <a href="https://2013.igem.org/Team:Imperial_College/Judging_Criteria"><img src="https://static.igem.org/mediawiki/2013/e/ea/Button_judge.jpg" alt="Judging criteria" width="290"  /></a> </div>
-
<br>
+
-
{{:Team:Imperial_College/boxes}}
+
 +
<div  style="  width:290px;" >
 +
<a href="https://2013.igem.org/Team:Imperial_College/mainresults"><img src="https://static.igem.org/mediawiki/2013/3/33/Button_data.jpg" alt="Main data" width="290"  /></a>
 +
 +
</div>
 +
 +
<div style="border-top:solid; border-width:1px; border-color:#aaaaaa;">
 +
<table width="289" border="0" cellpadding="0" cellspacing="0">
 +
  <tr>
 +
    <td width="105" valign="top"><img src="https://static.igem.org/mediawiki/2013/8/8b/Mod1_icon.jpg" width="105" height="138" /></td>
 +
    <td valign="top"><h2><a href=" https://2013.igem.org/Team:Imperial_College/Waste_Degradation:_SRF">Resourceful Waste</a></h2>
 +
      <p>Non-recyclable waste is sourced from a recycling
 +
        centre, placed in a bioreactor with our M.A.P.L.E
 +
        system which degrades the waste and synthesises
 +
    the bioplastic P(3HB). </p></td>
 +
  </tr>
 +
</table>
 +
</div>
 +
<div style="border-top:solid; border-width:1px; border-color:#aaaaaa;">
 +
<table width="289" border="0" cellpadding="0" cellspacing="0">
 +
  <tr>
 +
    <td width="105" valign="top"><img src="https://static.igem.org/mediawiki/2013/7/76/Mod2_icon.jpg" alt="" width="105" height="138"  /></td>
 +
    <td valign="top"><h2 class="style2"><a href="https://2013.igem.org/Team:Imperial_College/BioPlastic_Recycling:_PHB">Plastic Fantastic</a></h2>
 +
      <p>Plastic Fantastic is a complete P(3HB) bioplastic
 +
        recycling platform, where P(3HB) is degraded
 +
        into monomeric form and then re-polymerised
 +
    back into de novo P(3HB) for future applications. </p>      <h2>&nbsp;</h2></td>  </tr>
 +
</table>
 +
 +
 +
<a class="twitter-timeline"  href="https://twitter.com/search?q=%23imperialigem"  data-widget-id="393312753730859008">Tweets about "#imperialigem"</a>
 +
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 +
 +
 +
</div>
 +
 +
<!-- begin htmlcommentbox.com -->
 +
<div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">Widget</a> is loading comments...</div>
 +
<link rel="stylesheet" type="text/css" href="//www.htmlcommentbox.com/static/skins/bootstrap/twitter-bootstrap.css?v=0" />
 +
<script type="text/javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={};} (function(){var s=document.createElement("script"), l=(hcb_user.PAGE || ""+window.location), h="//www.htmlcommentbox.com";s.setAttribute("type","text/javascript");s.setAttribute("src", h+"/jread?page="+encodeURIComponent(l).replace("+","%2B")+"&opts=16542&num=5");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script>
 +
<!-- end htmlcommentbox.com -->
 +
 +
 +
 +
 +
 +
 +
<div style="border-top:solid; border-width:1px; border-color:#aaaaaa;">
 +
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 +
<script type="text/javascript" src="http://www.synbiuk.org/igem/gallery/js/jquery.tmpl.min.js"></script>
 +
<script type="text/javascript" src="http://www.synbiuk.org/igem/gallery/js/jquery.easing.1.3.js"></script>
 +
<script type="text/javascript" src="http://www.synbiuk.org/igem/gallery/js/jquery.elastislide.js"></script>
 +
<script type="text/javascript" src="http://www.synbiuk.org/igem/gallery/js/gallery.js"></script>
 +
<div style="clear:both;height:1px;">&nbsp;</div>
 +
 +
 +
 +
 +
<div style="clear:both; height:1px;" >&nbsp;</div>
 +
</html>
{{:Team:Imperial_College/Templates:footer}}
{{:Team:Imperial_College/Templates:footer}}

Latest revision as of 09:59, 24 October 2013

At a glance
Judging criteria
Main data

Resourceful Waste

Non-recyclable waste is sourced from a recycling centre, placed in a bioreactor with our M.A.P.L.E system which degrades the waste and synthesises the bioplastic P(3HB).

Plastic Fantastic

Plastic Fantastic is a complete P(3HB) bioplastic recycling platform, where P(3HB) is degraded into monomeric form and then re-polymerised back into de novo P(3HB) for future applications.

 

Widget is loading comments...
 
 

Our Sponsors

TueSponsorsEppendorf.png 125px Invitrogen.jpg Geneart.jpg CSynBI.JPG