Difference between revisions of "Team:Pasteur Paris"

 
(264 intermediate revisions by 6 users not shown)
Line 1: Line 1:
 
{{:Team:Pasteur_Paris/Template:Home}}
 
{{:Team:Pasteur_Paris/Template:Home}}
<!-- {{Pasteur_Paris}} -->
 
 
<html>
 
<html>
 
<script type="text/javascript">
 
<script type="text/javascript">
 +
//===================================================
 +
//Unhover items => show everything
 +
//===================================================
 +
function Show () {
 +
    $('#front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);
 +
    $('#desc_item1').stop().animate({'top' : '0px', 'left' : '0px'}, 500);
 +
    $('#desc_item2').stop().animate({'top' : '60px', 'left' : '0px'}, 500);
 +
    $('#desc_item3').stop().animate({'top' : '170px', 'left' : '0px'}, 500);
 +
    $('#desc_item4').stop().animate({'top' : '200px', 'left' : '0px'}, 500);
 +
    $('#desc_item5').stop().animate({'top' : '250px', 'left' : '0px'}, 500);
 +
}
 +
 +
//===================================================
 +
//Items description animation
 +
//===================================================
 
$(document).ready(function(){
 
$(document).ready(function(){
                  $('.Item1').hover(function(){
+
      //====================================================
        $(this).children('.front').stop().animate({'top' : '-150px'}, 500);
+
      //Hover the item => Hide front and hide others items
}, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);});
+
      //====================================================
 +
      $('.Item1').hover(function(){
 +
$('#front').stop().animate({'top' : '-700px'}, 500);
 +
$('#desc_item2').stop().animate({'top' : '-700px'}, 0);
 +
                $('#desc_item3').stop().animate({'top' : '-700px'}, 0);
 +
                $('#desc_item4').stop().animate({'top' : '-700px'}, 0);
 +
                $('#desc_item5').stop().animate({'top' : '-700px'}, 0);
 +
      },function(){Show();}
 +
      );
 +
 
 +
      $('.Item2').hover(function(){
 +
$('#front').stop().animate({'top' : '-700px'}, 500);
 +
$('#desc_item1').stop().animate({'top' : '-700px'}, 0);
 +
                $('#desc_item3').stop().animate({'top' : '-700px'}, 0);
 +
                $('#desc_item4').stop().animate({'top' : '-700px'}, 0);
 +
                $('#desc_item5').stop().animate({'top' : '-700px'}, 0);
 +
      },function(){Show();}
 +
      );
 +
 
 +
      $('.Item3').hover(function(){
 +
$('#front').stop().animate({'top' : '-700px'}, 500);
 +
$('#desc_item1').stop().animate({'top' : '-700px'}, 0);
 +
                $('#desc_item2').stop().animate({'top' : '-700px'}, 0);
 +
                $('#desc_item4').stop().animate({'top' : '-700px'}, 0);
 +
                $('#desc_item5').stop().animate({'top' : '-700px'}, 0);
 +
      },function(){Show();}
 +
      );
 +
 
 +
      $('.Item4').hover(function(){
 +
$('#front').stop().animate({'top' : '-700px'}, 500);
 +
$('#desc_item1').stop().animate({'top' : '-700px'}, 0);
 +
                $('#desc_item2').stop().animate({'top' : '-700px'}, 0);
 +
                $('#desc_item3').stop().animate({'top' : '-700px'}, 0);
 +
                $('#desc_item5').stop().animate({'top' : '-700px'}, 0);
 +
      },function(){Show();}
 +
      );
 +
 
 +
      $('.Item5').hover(function(){
 +
$('#front').stop().animate({'top' : '-700px'}, 500);
 +
$('#desc_item1').stop().animate({'top' : '-700px'}, 0);
 +
                $('#desc_item2').stop().animate({'top' : '-700px'}, 0);
 +
                $('#desc_item3').stop().animate({'top' : '-700px'}, 0);
 +
                $('#desc_item4').stop().animate({'top' : '-700px'}, 0);
 +
      },function(){Show();}
 +
      );
 
});
 
});
 +
 
</script>
 
</script>
<div class="container">
 
<div class="jumbotron">
 
  
<p><center>Presentation video of our project, PlastiCure! </br> Made by iGEM IONIS, during the Parisian Meet-up!<center/></p>
+
<p id="Abstract"></p>
<video controls width="100%" height="450" autoplay>
+
<br>
    <source src="https://static.igem.org/mediawiki/2015/8/8f/Scientific_popularization_of_iGEM_Pasteur_project.mp4"/></div>
+
<h1 style="text-decoration: none; background-color: #0ca5b1; color: #ffffff;"><center>What if plastic could cure people?</center></h1>
 +
<p class="resume" style="text-indent:3em; background-color: #f0f5f8;"> Today, scientists are looking for new ways to synthesize drugs. As one of the major pollutants, <b>plastic waste</b> is a growing resource with 25 million tons produced in 2014, in Europe alone. Because of their composition, plastics have a very slow degradation rate and produce persistent organic pollutants. This leads to an increase of plastic pollution and an accumulation of plastic <b>microparticles</b> in our ecosystem, especially in the oceans. <b>PlastiCure</b> is a biological system designed in <i>E. coli</i> to degrade polyethylene terephthalate and use the degradation products to synthesize a commonly used antibiotic: <b>Erythromycin A</b>. For this, exogenous DNA sequences are integrated in <b>multiple operons</b> to express the biodegradation pathway (22kb) and the biosynthesis pathway (55kb). PlastiCure is a <b>very innovative project</b> to address an environmental issue, plastic pollution, by degrading plastic into a profitable transformation product and thus increase efforts in plastic recycling. <center><a href="#Menu"><img src="https://static.igem.org/mediawiki/2015/c/c0/Skip_noir_pasteurparis2015.png" /> </a></center></p>
 +
 
 +
 
 +
 
 +
<br/><br/><br/>
 +
<p id="Menu"></p>
 +
<br><br><br><br>
 +
<div class="container">
  
 
   <div class="row">
 
   <div class="row">
 
     <div class="col-lg-8 col-md-8 col-xs-8 col-sm-8" id="itemMenu">
 
     <div class="col-lg-8 col-md-8 col-xs-8 col-sm-8" id="itemMenu">
 
       <div class="col-md-11 col-lg-11" >
 
       <div class="col-md-11 col-lg-11" >
 +
 
         <div class="row">
 
         <div class="row">
           <div class="col-md-12 Item1" id="itemMenuElement" style="background-image: url(http://img15.hostingpics.net/pics/433591piranhaplantbyfungasm.png);">
+
           <a href="https://2015.igem.org/Team:Pasteur_Paris/Description"><div class="col-md-12 Item1" id="itemMenuElement" style="background-image: url(https://static.igem.org/mediawiki/2015/d/dc/Problems_homepage_pasteur2015.jpg); background-position: center;">
                   Item 1
+
                  PROBLEMS
 +
          </div></a>
 +
        </div>
 +
        <div class="row">
 +
          <a href="https://2015.igem.org/Team:Pasteur_Paris/Description#link_solution"><div class="col-md-12 Item2" id="itemMenuElement" style="background-image: url(https://static.igem.org/mediawiki/2015/4/44/Solution_homepage_pasteur2015.jpg);  background-position: center; ">
 +
                  SOLUTION
 +
          </div>
 +
        </div>
 +
        <div class="row">
 +
          <a href="https://2015.igem.org/Team:Pasteur_Paris/Results"><div class="col-md-12 Item3" id="itemMenuElement" style="background-image: url(https://static.igem.org/mediawiki/2015/c/cb/Results_homepage_pasteur2015.jpg); background-position: center; ">
 +
                   RESULTS
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
         <div class="row">
 
         <div class="row">
           <div class="col-md-12" id="itemMenuElement" style="background-image: url(http://img15.hostingpics.net/pics/625085plasticasianbottlebydrewpalmer04.jpg);">
+
           <a href="https://2015.igem.org/Team:Pasteur_Paris/Parts"><div class="col-md-12 Item4" id="itemMenuElement" style="background-image: url(https://static.igem.org/mediawiki/2015/4/4e/Parts_homepage_pasteur2015.jpg); background-position: center; ">
                   Item 2
+
                   PARTS
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 +
        <div class="row">
 +
          <a href="https://2015.igem.org/Team:Pasteur_Paris/Practices"><div class="col-md-12 Item5" id="itemMenuElement" style="background-image: url(https://static.igem.org/mediawiki/2015/e/e6/Practice_homepage_pasteur2015.jpg); background-position: center; ">
 +
                  PRACTICES
 +
          </div>
 +
        </div></a>
 +
<!-- Add here the items (just at the top of this comment)-->
 +
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 35: Line 118:
 
         <div class="row">
 
         <div class="row">
 
           <div class="col-md-12 wrap" id="itemDesc">
 
           <div class="col-md-12 wrap" id="itemDesc">
                <div class="sleek" id="desc_item1">Description of the item 1 in construction.</div>
+
                <!-- Several div of Items -->
                 <!-- <img class="sleek" src="http://img15.hostingpics.net/pics/625085plasticasianbottlebydrewpalmer04.jpg"/> -->
+
                <div class="sleek desc_item" id="desc_item1" style="text-align: justify; padding: 10px;">
                 <div class="sleek front">Description in construction</div>
+
                    Every year, the world’s plastic production increases. In 2013, 299 million tons of plastic were produced throughout the world. However, recovery and recycling remain insufficient, and millions of tons end up in landfills, contribution to plastic pollution.
                 <!-- <img class="sleek front" src="http://img15.hostingpics.net/pics/625085plasticasianbottlebydrewpalmer04.jpg" /> -->
+
                </div>
 +
                 <div class="sleek desc_item" id="desc_item2"  style="text-align: justify; padding: 10px;">
 +
                    PlastiCure is a biological system designed to degrade PET, one of the most commonly used plastic, and use the degradation products to synthesize Erythromycin A.
 +
                </div>
 +
                <div class="sleek desc_item" id="desc_item3"  style="text-align: justify; padding: 10px;">
 +
                    Here, you can find our Notebook, the results, and the modeling of our system.
 +
                </div>
 +
                <div class="sleek desc_item" id="desc_item4"  style="text-align: justify; padding: 5px;">
 +
                    This is where you can see which Biobricks, chassis organism and cells we used during the iGEM competition. There is detailed information about every part we used : their name, their natural function and how we used them in our project PlastiCure.
 +
                </div>
 +
                 <div class="sleek desc_item" id="desc_item5"  style="text-align: justify; padding: 10px;">
 +
                    During iGEM, we met scientists, journalists, politicians that helped us and gave us tips. This chapter is where you’ll find every collaborations that we participated in, the mettings that we attended in during the summer.
 +
                </div>
 +
                 <!-- Div of the front description -->
 +
                <div class="sleek desc_item" id="front">
 +
                  Description in construction
 +
                </div>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
Line 46: Line 145:
  
 
<style type="text/css">
 
<style type="text/css">
                  .wrap {
 
                        float:left;
 
                        position:relative;
 
                        width:300px;
 
                        height:150px;
 
                        margin:20px;
 
                        overflow:hidden;
 
                  }
 
                  #itemDesc {
 
                        border: 3px solid #61085E;
 
                        /*line-height: 500px;
 
                        font-size:20px;
 
                        margin-bottom:15px;*/
 
                  }
 
                  #desc_item1{
 
                        width:300px;
 
                        height:150px;
 
                        text-align: center;
 
                  }
 
                  .front {
 
                        width:300px;
 
                        height:150px;
 
                        text-align: center;
 
                        color: #FFFFFF;
 
                        background-color: black;
 
                  }
 
.sleek {
 
top:0;
 
left:0;
 
position:absolute;
 
}
 
  
 
#itemMenuElement {
 
#itemMenuElement {
Line 84: Line 152:
 
   -moz-border-radius: 5px;
 
   -moz-border-radius: 5px;
 
   border-radius: 5px;
 
   border-radius: 5px;
   padding: 20px;
+
   padding: 45px;
   font-size: 2em;
+
   font-size: 1px;
   color: #000000;
+
   color: #ffffff;
 
   font-weight: 800;
 
   font-weight: 800;
  text-shadow: #ffffff 1px 1px, #ffffff -1px 1px, #ffffff -1px -1px, #ffffff 1px -1px;
+
   background-position: center;
   background-position: center top;
+
 
   background-size: 100% auto;
 
   background-size: 100% auto;
 
   opacity: 0.7;
 
   opacity: 0.7;
 +
  height:115px;
 
}
 
}
  
Line 97: Line 165:
 
   opacity: 1;
 
   opacity: 1;
 
}
 
}
</style>
 
  
 +
.desturate img:hover {
 +
  -webkit-filter: grayscale(0%);
 +
  -webkit-transition: .5s ease-in-out;
 +
  -moz-filter: grayscale(0%);
 +
  -moz-transition: .5s ease-in-out;
 +
  -o-filter: grayscale(0%);
 +
  -o-transition: .5s ease-in-out;
 +
}
  
 +
.desturate img {
 +
  -webkit-filter: grayscale(100%);
 +
  -webkit-transition: .5s ease-in-out;
 +
  -moz-filter: grayscale(100%);
 +
  -moz-transition: .5s ease-in-out;
 +
  -o-filter: grayscale(100%);
 +
  -o-transition: .5s ease-in-out;
 +
}
  
<!-- OLD WEBSITE
 
  <div class="row">
 
      <div class="col-md-4 col-lg-4">
 
          <div class="col-md-11 col-lg-11" style="border: 3px solid #61085E;" id="item">
 
                <div class="row">
 
                      <div class="col-md-12 col-lg-12" style="background-color: #61085E;" id="itemTitre">
 
                          <a href="https://2015.igem.org/Team:Pasteur_Paris/Description">Project</a>
 
                      </div>
 
                      <div class="col-md-12 col-lg-12" id="itemImg">
 
                          <a href="https://2015.igem.org/Team:Pasteur_Paris/Description">Img in construction</a>
 
                      </div>
 
                </div>
 
          </div>
 
      </div>
 
      <div class="col-md-4 col-lg-4">
 
          <div class="col-md-11 col-lg-11" style="border: 3px solid #58acfa;" id="item">
 
                <div class="row">
 
                      <div class="col-md-12 col-lg-12" style="background-color: #58acfa;" id="itemTitre">
 
                          <a href="https://2015.igem.org/Team:Pasteur_Paris/Modeling">Results</a>
 
                      </div>
 
                      <div class="col-md-12 col-lg-12" id="itemImg">
 
                          <a href="https://2015.igem.org/Team:Pasteur_Paris/Modeling">Img in construction</a>
 
                      </div>
 
                </div>
 
          </div>
 
      </div>
 
      <div class="col-md-4 col-lg-4">
 
          <div class="col-md-11 col-lg-11" style="border: 3px solid #69B23A;" id="item">
 
                <div class="row">
 
                      <div class="col-md-12 col-lg-12" style="background-color: #69B23A;" id="itemTitre">
 
                          <a href="https://2015.igem.org/Team:Pasteur_Paris/Tools">Tools</a>
 
                      </div>
 
                      <div class="col-md-12 col-lg-12" id="itemImg">
 
                          <a href="https://2015.igem.org/Team:Pasteur_Paris/Tools">Img in construction</a>
 
                      </div>
 
                </div>
 
          </div>
 
      </div>
 
    </div>
 
  
    <div class="row">
+
 
      <div class="col-md-4 col-lg-4">
+
#content {
          <div class="col-md-11 col-lg-11" style="border: 3px solid #D90E19;" id="item">
+
    width:auto;
                <div class="row">
+
    height:auto;
                      <div class="col-md-12 col-lg-12" style="background-color: #D90E19;" id="itemTitre">
+
    padding:0px 0px 0px 0px;
                          <a href="https://2015.igem.org/Team:Pasteur_Paris/Practices">Human Practice</a>
+
}
                      </div>
+
</style>
                      <div class="col-md-12 col-lg-12" id="itemImg">
+
 
                          <a href="https://2015.igem.org/Team:Pasteur_Paris/Practices">Img in construction</a>
+
                      </div>
+
                </div>
+
          </div>
+
      </div>
+
      <div class="col-md-4 col-lg-4">
+
          <div class="col-md-11 col-lg-11" style="border: 3px solid #FF8411;" id="item">
+
                <div class="row">
+
                      <div class="col-md-12 col-lg-12" style="background-color: #FF8411;" id="itemTitre">
+
                          <a href="https://2015.igem.org/Team:Pasteur_Paris/Team">Team</a>
+
                      </div>
+
                      <div class="col-md-12 col-lg-12" id="itemImg">
+
                          <a href="https://2015.igem.org/Team:Pasteur_Paris/Team">Img in construction</a>
+
                      </div>
+
                </div>
+
          </div>
+
      </div>
+
      <div class="col-md-4 col-lg-4">
+
          <div class="col-md-11 col-lg-11" style="border: 3px solid #F781F3;" id="item">
+
                <div class="row">
+
                      <div class="col-md-12 col-lg-12" style="background-color: #F781F3;" id="itemTitre">
+
                          <a href="https://2015.igem.org/Team:Pasteur_Paris">Science is fun</a>
+
                      </div>
+
                      <div class="col-md-12 col-lg-12" id="itemImg">
+
                          <a href="https://2015.igem.org/Team:Pasteur_Paris">Img in construction</a>
+
                      </div>
+
                </div>
+
          </div>
+
      </div>
+
    </div>
+
-->
+
  
 
<!-- End <container> -->
 
<!-- End <container> -->
  
 +
<div class="row" style="padding-top: 0px">
 +
            <div class="container">
 +
                <div class="col-md-4 text-center" style="height: 120px; padding-top: 18px;"><a class="desturate" href="http://www.pasteur.fr/en" target="_blank"><img src="https://static.igem.org/mediawiki/2015/d/d2/Logo_Institut_Pasteur.png" width="242" /></a></div>
 +
                <div class="col-md-4 text-center" style="height: 120px; padding-top: 18px;"><a  class="desturate" href="http://www.pasteur.fr/en/research/pasteur-mi-carnot-institute" target="_blank"><img src="https://static.igem.org/mediawiki/2015/1/18/IGEMPasteur_Carnot.png" width="240" /></a></div>
 +
                <div class="col-md-4 text-center" style="height: 120px; padding-top: 35px;"><a  class="desturate" href="http://www.operon.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/9/91/Logo_Eurofins_MWG.png" width="320" /></a></div>
  
 +
                <div class="col-md-4 text-center" style="height: 115px; padding-top: 22px;"><a class="desturate" href="http://www.bluebirdbio.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/e/ea/Unnamed.jpg" width="242" /></a></div>
 +
                <div class="col-md-4 text-center" style="height: 115px; padding-top: 12px;"><a class="desturate" href="https://www.neb.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/c/ca/NE79207LOGO-b.jpg" width="222" /></a></div>
 +
                <div class="col-md-4 text-center" style="height: 130px; padding-top: 5px;"><a class="desturate" href="http://www.veolia.com/en" target="_blank"><img src="https://static.igem.org/mediawiki/2015/a/a2/VERI.jpg" width="235" /></a></div>
 +
 +
                <div class="col-md-3 text-center" style="height: 120px; padding-top: 5px;"><a class="desturate" href="http://www.geneious.com" target="_blank"><img src="https://static.igem.org/mediawiki/2015/b/b6/Geneious_logo.png" width="223" /></div>
 +
                <div class="col-md-3" style="height: 120px;"><a class="desturate" href="http://citech.pasteur.fr/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/8/83/Logo_Citech_2.png" width="210" /></a></div>
 +
                <div class="col-md-3 text-center" style="height: 110px; padding-top: 28px;"><a class="desturate" href="http://www.zonetrente.com" target="_blank"><img src="https://static.igem.org/mediawiki/2015/3/3a/LOGO_zone_trente_idem_pasteur.png" width="200" /></a></div>
 +
                <div class="col-md-3 text-center" style="height: 130px;"><a  class="desturate" href="http://www.france-science.org/-Homepage-English-.html" target="_blank"><img src="https://static.igem.org/mediawiki/2015/7/7f/Ambassade_de_France.jpg" width="100" /></a></div>
 +
            </div>
 +
</br>
  
<br/></br>
 
  
<!-- Footer -->
 
<footer style="border:none;" class="sponsors">
 
<center><table>
 
          <!-- <tr>
 
                <td><a href="http://www.pasteur.fr/fr" target="_blank"><img src="https://static.igem.org/mediawiki/2015/1/1c/Pasteur_logo.png" /></a></td>
 
                <td><a href="http://www.pasteur.fr/fr/recherche/institut-carnot-pasteur-mi" target="_blank"><img src="https://static.igem.org/mediawiki/2015/f/f2/Iogo_Institut_Carnot.tif"  style="height:50px;width:141px;"></a></td>
 
              <td><a href="http://www.operon.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/0/06/Logo_eurofins_Pasteur.png" style="height:50px;width:192px/></a></td> 
 
              <td><a href="http://www.zonetrente.com"target="_blank"><img src="https://static.igem.org/mediawiki/2015/3/3a/LOGO_zone_trente_idem_pasteur.png" style="height:40px;width:200px/></a> </td>
 
              <td><a href="http://www.geneious.com" target="_blank"><img src="https://static.igem.org/mediawiki/2015/b/b6/Geneious_logo.png" style="height:60px;width:140px" /> </a> </td>
 
            </tr> -->
 
 
   
 
   
</table></center>
 
</footer>
 
</br></br>
 
  
 +
 +
</br>
 +
 +
 +
 +
       
 +
</div>
 +
<div>Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0">CC BY 3.0</a></div>
 
</div> <!--These are the closing tags for div id="mainContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
 
</div> <!--These are the closing tags for div id="mainContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
 
</div> <!-- End container tag -->
 
</div> <!-- End container tag -->
  
 
</html>
 
</html>

Latest revision as of 02:05, 19 September 2015


What if plastic could cure people?

Today, scientists are looking for new ways to synthesize drugs. As one of the major pollutants, plastic waste is a growing resource with 25 million tons produced in 2014, in Europe alone. Because of their composition, plastics have a very slow degradation rate and produce persistent organic pollutants. This leads to an increase of plastic pollution and an accumulation of plastic microparticles in our ecosystem, especially in the oceans. PlastiCure is a biological system designed in E. coli to degrade polyethylene terephthalate and use the degradation products to synthesize a commonly used antibiotic: Erythromycin A. For this, exogenous DNA sequences are integrated in multiple operons to express the biodegradation pathway (22kb) and the biosynthesis pathway (55kb). PlastiCure is a very innovative project to address an environmental issue, plastic pollution, by degrading plastic into a profitable transformation product and thus increase efforts in plastic recycling.








Every year, the world’s plastic production increases. In 2013, 299 million tons of plastic were produced throughout the world. However, recovery and recycling remain insufficient, and millions of tons end up in landfills, contribution to plastic pollution.
PlastiCure is a biological system designed to degrade PET, one of the most commonly used plastic, and use the degradation products to synthesize Erythromycin A.
Here, you can find our Notebook, the results, and the modeling of our system.
This is where you can see which Biobricks, chassis organism and cells we used during the iGEM competition. There is detailed information about every part we used : their name, their natural function and how we used them in our project PlastiCure.
During iGEM, we met scientists, journalists, politicians that helped us and gave us tips. This chapter is where you’ll find every collaborations that we participated in, the mettings that we attended in during the summer.
Description in construction
Icons made by Freepik from www.flaticon.com is licensed by CC BY 3.0