Difference between revisions of "Team:Paris Bettencourt"

 
(53 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{Paris Bettencourt 2016}}
+
{{Paris_Bettencourt/Menu}}
 +
{{Paris_Bettencourt/Wiki}}
 +
 
 +
                                            <!-- Code by the 2016 Paris Bettencourt -->
  
 
<html>
 
<html>
 +
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
 +
<style>
 +
a:hover {
 +
text-decoration : none;
 +
}
  
−
<div class="column full_size" >
+
html {
−
<center>
+
height : 100%;
−
<img src="https://static.igem.org/mediawiki/2016/5/5e/GroupPic.jpeg" alt="Group picture" height="506" width="900">
+
}
−
</center>
+
−
</div>
+
  
−
<br>
+
body {
−
<br>
+
position : relative;
 +
height : 100%;
 +
margin-left : 0;
 +
margin-right : 0;
 +
margin-top : 0;
 +
}
  
−
<div align="justify" class="column full_size" >
+
#topheader {
−
<center>
+
position : relative;
−
<h1> Project Description </h1>
+
margin-top : -100px;
−
</center>
+
margin-left : 0px;
−
<font size="4">
+
margin-right : 0;
−
Dry cleaning is a process used to clean delicate fabrics which cannot withstand conventional detergents, physical forces and temperatures inside a washing machine. Despite being useful, dry cleaning can pose a threat to human health and the environment, since throughout the process different hazardous solvents are used to remove the stains from the fabric.
+
padding:0;
−
Among the most widely used chemicals are tetrachloroethylene and perchloroethylene (also called "perc" by the industry). “Perc” is a volatile organic compound, hence it generates fumes that allow it to spread through the air from the clothes after the dry-cleaning process. Furthermore, “perc” is listed as "reasonably anticipated to be a human carcinogen" in the Thirteenth Report on Carcinogens published by the National Toxicology Program, because long-term exposure to perchloroethylene has been linked to different types of cancer. Luckily, the French government has begun, in the light of the Horizon 2020, the process of banning the use of “perc”, and promoting eco-friendly alternatives in all establishments close to the inhabited areas. <br>
+
width : 100%;
−
This is where our iGEM project starts. We interviewed several dry cleaning facilities in Paris to get a better insight about their needs, and what problems they might be facing. Not surprisingly, they told us that wine stains are one of the most difficult stains to remove from clothes, and thus we decided to have them as our main focus. <br>
+
height : 560px;
−
Wine, in general, is a complex mixture of alcohol, sugars, water and different secondary metabolites, such as anthocyanins, flavonoids, tannins, amongst many more. Our project is based on finding and improving enzymes, and processes, to degrade pigment molecules from wine stains. We are going to design and implement a series of assays in order to identify different enzymes and microbes from environmental samples. In addition, our project will develop a library of various binding domains with affinity for different fabrics, such as cotton, wool, silk, nylon or polyester. Some of these domains already exist in nature, and some are available in the iGEM registry. By adding these domains to our enzymes, we expect to improve cleaning efficiency and localization to the stain. We are also planning to focus on other important issues concerning our project, such as enzyme robustness, extraction and secretion, preserving the fabric quality, growth conditions and medias. Also, we will explore other interesting aspects of clothes industries like denim bleaching. And, of course, every successfully developed product will be forever perpetuated in the BioBrick format. <br>
+
background-image : url("https://static.igem.org/mediawiki/2016/e/ed/Paris_Bettencourt-background.jpg");
−
This project was selected from a pool of ideas generated in a series of discussions, brainstorming sessions and votings. Our selection process has included constant deducting and adding new ideas, up until final voting which resulted in the Frank‘n’Stain project. To achieve the best results on this year's iGEM competition, we have assembled a team based on our motivation, ambition, interdisciplinarity, creativity and scientific background. Together, with a little help from our advisors: Ariel Lindner, Jake Wintermute, Jason Bland and Nadine Bongaerts, we are going to work hard and rid the world of the nasty (although very French) wine stains! <br>
+
background-size : cover;
 +
}
  
−
<br>
+
#subheader {
−
Sources:<br>
+
position : relative ;
−
<a href="https://toxtown.nlm.nih.gov/text_version/chemicals.php?id=22">https://toxtown.nlm.nih.gov/text_version/chemicals.php?id=22 </a> <br>
+
width : 100%;
 +
height : 470px;
 +
left : 0;
 +
right : 0;
 +
text-align : center;
 +
background-color : rgb(255,255,255);
 +
}
  
−
<a href="http://ntp.niehs.nih.gov/ntp/roc/content/listed_substances_508.pdf">http://ntp.niehs.nih.gov/ntp/roc/content/listed_substances_508.pdf</a> <br>
+
#definition {
 +
width : 1200px;
 +
vertical-align : middle;
 +
display : inline-block;
 +
line-height : normal;
 +
text-align : center;
 +
position : relative;
 +
margin-top : 80px;
 +
}
  
−
<a href="http://www.developpement-durable.gouv.fr/Le-perchloroethylene-interdit-dans.html">http://www.developpement-durable.gouv.fr/Le-perchloroethylene-interdit-dans.html</a> <br>
+
#project {
 +
font-family: Open Sans, sans-serif;
 +
text-align : center;
 +
font-size : 22px;
 +
vertical-align : middle;
 +
color : rgb(150,149,149);
 +
}
 +
.definition {
 +
position : relative;
 +
font-family: Open Sans, sans-serif;
 +
text-align : center;
 +
font-size : 18px;
 +
vertical-align : middle;
 +
color : rgb(150,149,149);
 +
}
  
−
</font>
 
−
</center>
 
−
</div>
 
  
−
<br>
 
−
<br>
 
  
 +
                .descript2 {
 +
                        width : 60%;
 +
                        margin-left : 0%;
 +
                        font-size : 18px;
 +
                        text-align : center;
 +
                        color : rgb(255,0,99);
 +
                        margin-top : 0px;
 +
                        display : none;
 +
                        vertical-align : middle;
 +
                        line-height : normal;
 +
                        background-color : transparent;
 +
                        z-index : 91;
 +
                }
  
 +
.layout {
 +
display : inline-block;
 +
width : 100%;
 +
height : 100%;
 +
z-index : 90;
 +
vertical-align : middle;
 +
line-height : 300px;
 +
text-align : center;
 +
display: flex;
 +
justify-content: center;
 +
align-items: center;
 +
-webkit-display: flex;
 +
-webkit-justify-content: center;
 +
-webkit-align-items: center;
 +
                        vertical-align : middle;
 +
}
  
−
<!------------------->
+
                .separation {
−
<!-- THREE COLUMNS -->
+
                        width: 100%;
−
<!------------------->
+
                        height : 100px;
 +
                }
 +
/* Panels */
 +
.panel {
 +
    margin: 0 auto;
 +
    color: rgb(30,39,43);
 +
    font-family: 'Open Sans', sans-serif;
 +
}
 +
.panel a {
 +
display: inline-block;
 +
    color: rgb(46,43,52);
 +
    text-decoration:none;
 +
}
  
−
<div class="column full_size" style: "
+
/* Subpanels */
−
     display: table;
+
.narrowimg {/* Subpanels background*/
−
     width: 100%;
+
    /*position:absolute;*/
−
     table-layout: fixed;">
+
     z-index:2;
 +
     opacity:0.3;
 +
     filter: alpha(opacity=30);
 +
}
 +
.titlebox {/* Subpanels Title*/
 +
    z-index:1;
 +
    position:relative;
 +
    bottom: 200px;
 +
    background:transparent;
 +
}
  
−
<center>
+
.subpanel2 { /* Projects */
 +
    float: left;
 +
    width:150px;
 +
    height:250px;
 +
    font-size:20px;
 +
    text-align:center;
 +
    margin-top:5px;
 +
    margin-bottom:5px;
 +
    margin-right:5px;
 +
    margin-left:5px;
 +
    border-radius:7px;
 +
    overflow:hidden;
 +
}
 +
.subpanel2:hover{
 +
    font-weight:bold;
 +
}
 +
.subpanel2:hover .narrowimg {
 +
    opacity:0.8;
 +
    filter: alpha(opacity=80);
 +
}
 +
/* pages */
 +
.subpanel4 { /* divide page in 3 */
 +
    float:left;
 +
    width:364px;
 +
    height:492px;
 +
    font-size:22px;
 +
    margin-top:0;
 +
    margin-right:10px;
 +
}
 +
.subpanel6 { /* Pages */
 +
    height:240.5px;
 +
    margin:0;
 +
    margin-bottom:11px;
 +
    border-radius:7px;
 +
    overflow:hidden;
 +
    background:rgb(255,255,255);
 +
    color:Black;
 +
    text-align:center;
 +
}
 +
.subpanel6:hover{
 +
    font-weight:bold;
 +
}
 +
.subpanel6:hover .narrowimg {
 +
    opacity:0.8;
 +
    filter: alpha(opacity=80);
 +
}
  
−
<div class="column half_size" style="
 
−
    display: table-cell;
 
−
    text-align: center;
 
−
    padding:15px;">
 
−
<div class="highlight">
 
−
<h3>Team Members: </h3>
 
−
Sebastián Sosa-Carrillo<br>
 
−
Allison Bricknell<br>
 
−
Elisa Hubert<br>
 
−
Ibrahim Haouchine<br>
 
−
Alicia Pereira y Calvo-Villamañán<br>
 
−
Mislav Acman<br>
 
−
Shruthi Narayanan<br>
 
−
Antoine Villa<br>
 
−
Sébastien Gaultier<br>
 
−
Mani Sai Suryateja Jammalamadaka<br>
 
−
</div>
 
−
</div>
 
  
  
−
<div class="column half_size" style="
 
−
    display: table-cell;
 
−
    text-align: center;
 
−
padding:15px;">
 
−
<div class="highlight">
 
  
−
<h3>Our Advisors: </h3>
 
−
Jason Bland<br>
 
−
Edwin (Jake) Wintermute<br>
 
−
Nadine Bongaerts<br>
 
−
Ariel Lindner
 
  
−
</div>
 
−
</div>
 
  
  
−
<div class="column half_size" style="
+
</style>
−
    display: table-cell;
+
<head>
−
    text-align: center;
+
 
−
padding:15px;">
+
</head>
−
<div class="highlight">
+
<body>
−
<h3>Collaboration? Contact Us!! :) </h3>
+
<div id=topheader>
−
<address>
+
 
−
<a href="mailto:igem2016parisbettencourt@gmail.com">igem2016parisbettencourt@gmail.com</a>.<br>
+
−
Centre de recherche interdisciplinaire (CRI)<br>
+
−
Faculté Paris Descartes,  2ème étage, bureaux- 2002 ou 2009 <br>
+
−
24, rue du Faubourg St Jacques <br>
+
−
75014 PARIS <br>
+
−
France
+
−
</address>
+
 
</div>
 
</div>
 +
</div>
 +
<div id=subheader style="margin-left:0px">
 +
<div id=definition>
 +
 
 +
<div id=video >
 +
<video width="800" height="450" controls>
 +
  <source src="https://static.igem.org/mediawiki/2016/6/68/Paris_Bettencourt-Video_Clos.mp4" type="video/mp4">
 +
Your browser does not support the video tag.
 +
</video>
 +
<div style="margin-top:20px; margin-bottom:20px">
 +
<div class="panel" >
 +
<a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Assay" title="Assay">
 +
<div id="pspanel" class="subpanel2"  onmouseover="chgtrans(this)">
 +
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/b/b9/Paris_Bettencourt-Assay_Button2.png" width="150px" height="250px"/>
 +
  <div class="titlebox">
 +
    <center><img src="https://static.igem.org/mediawiki/2016/e/e8/Paris_Bettencourt-Logo_Assay.png" style="height:60px;"/></center>
 +
    <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
    Assay
 +
  </div>
 +
</div>
 +
      </a>
 +
      <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Microbiology" title="Microbiology">
 +
<div id="dspanel" class="subpanel2">
 +
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/e/e0/Paris_Bettencourt-Microbiology_Button2.png" width="150px" height="250px"/>
 +
  <div class="titlebox">
 +
    <center><img src="https://static.igem.org/mediawiki/2016/f/f8/Paris_Bettencourt-Logo_Microbiology.png" style="height:60px;"/></center>
 +
    <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
    Microbiology
 +
  </div>
 +
</div>
 +
      </a>
 +
      <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Enzyme" title="Enzyme">
 +
<div id="tcpanel" class="subpanel2">
 +
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/d/d0/Paris_Bettencourt-Enzyme_Button2.png" width="150px" height="250px"/>
 +
  <div class="titlebox">
 +
    <center><img src="https://static.igem.org/mediawiki/2016/9/9d/Paris_Bettencourt-Logo_Enzyme.png" style="height:60px;"/></center>
 +
    <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
  Enzyme
 +
  </div>
 +
</div>
 +
      </a>
 +
      <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Binding" title="Binding domains">
 +
<div id="thpanel" class="subpanel2">     
 +
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/6/68/Paris_Bettencourt-Binding_Button2.png" width="150px" height="250px"/>
 +
  <div class="titlebox">
 +
    <center><img src="https://static.igem.org/mediawiki/2016/4/44/Paris_Bettencourt-Logo_Binding.png" style="height:60px;"/></center>
 +
    <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
    Binding
 +
  </div>
 +
</div>
 +
      </a>
 +
    <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Indigo" title="Indigo">
 +
<div id="thpanel" class="subpanel2">     
 +
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/7/75/Paris_Bettencourt-Indigo_Button2.png" width="150px" height="250px"/>
 +
  <div class="titlebox">
 +
    <center><img src="https://static.igem.org/mediawiki/2016/f/f0/Paris_Bettencourt-Logo_Indigo.png" style="height:60px;"/></center>
 +
    <div style="width:60%;margin-left:20%;margin-bottom:10px;"><hr></div>
 +
    Indigo
 +
  </div>
 +
</div>
 +
      </a>
 +
<a href="https://2016.igem.org/Team:Paris_Bettencourt/Model" title="Model">
 +
<div id="thpanel" class="subpanel2">     
 +
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/9/96/Paris_Bettencourt-Model_Button2.png" width="150px" height="250px"/>
 +
  <div class="titlebox">
 +
    <center><img src="https://static.igem.org/mediawiki/2016/2/21/Paris_Bettencourt-Model_Icon.png" style="height:60px;"/></center>
 +
    <div style="width:60%;margin-left:20%;margin-bottom:10px;"><hr></div>
 +
    Model
 +
  </div>
 +
</div>
 +
      </a>
 +
</div>
 +
</div>
 +
 +
<div style="clear: both;"></div>
 +
    <div class="panel" style="background:white;margin-left:100px">
 +
<div class="subpanel4" style="margin-right:0px">
 +
<div style="margin-right:0;width:300px">
 +
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Team" title="Team">
 +
    <div class="subpanel6">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/7/70/Paris_Bettencourt-Team_Button.jpg" width="300px" height="283px"/>
 +
      <div style="position:relative;bottom:258px">
 +
<center><img src="https://static.igem.org/mediawiki/2016/0/0d/Paris_Bettencourt-Logo_Team.png" style="height:90px;margin-top:15px;"/></center>
 +
<div style="width:60%;margin-left:20px;margin-bottom:20px;"><hr></div>
 +
Team
 +
      </div>
 +
    </div>
 +
  </a>
 +
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Human_Practices" title="Human Practices">
 +
    <div class="subpanel6" style="margin-bottom:0">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/7/7b/Paris_Bettencourt-Human_Practices.jpeg" width="300px" height="283px"/>
 +
      <div style="position:relative;bottom:258px">
 +
<center><img src="https://static.igem.org/mediawiki/2016/c/ca/Paris_Bettencourt-Logo_Practises.png" style="height:90px;margin-top:10px;"/></center>
 +
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
Human Practices
 +
      </div>
 +
    </div>
 +
  </a>
 +
</div>
 +
      </div>
 +
<div class="subpanel4" style="margin-right:0px">
 +
<div style="margin-right:0;width:300px">
 +
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Notebook" title="Notebook">
 +
    <div class="subpanel6">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/7/7b/Paris_Bettencourt-Notebook.jpg" width="300px" height="283px"/>
 +
      <div style="position:relative;bottom:258px">
 +
<center><img src="https://static.igem.org/mediawiki/2016/7/79/Paris_Bettencourt-Logo_Notebook.png" style="height:90px;margin-top:15px;"/></center>
 +
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
Notebook
 +
      </div>
 +
    </div>
 +
  </a>
 +
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Collaborations" title="Collaboration">
 +
    <div class="subpanel6" style="margin-bottom:0">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/1/1f/Paris_Bettencourt-Collaboration.jpg" width="300px" height="283px"/>
 +
      <div style="position:relative;bottom:258px">
 +
<center><img src="https://static.igem.org/mediawiki/2016/b/b4/Paris_Bettencourt-Logo_Collaboration.png" style="height:90px;margin-top:10px;"/></center>
 +
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
Collaboration
 +
      </div>
 +
    </div>
 +
  </a>
 +
</div>
 +
      </div>
 +
<div class="subpanel4" style="margin-right:0px">
 +
<div style="margin-right:0;width:300px">
 +
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Safety" title="Safety">
 +
    <div class="subpanel6">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/2/2d/Paris_Bettencourt-Safety.jpg" width="300px" height="283px"/>
 +
      <div style="position:relative;bottom:258px">
 +
<center><img src="https://static.igem.org/mediawiki/2016/5/5c/Paris_Bettencourt-Logo_Safety.png" style="height:90px;margin-top:15px;"/></center>
 +
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
Safety
 +
      </div>
 +
    </div>
 +
  </a>
 +
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Achievements" title="Achievements">
 +
    <div class="subpanel6" style="margin-bottom:0">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/6/61/Paris_Bettencourt-Achievements.jpeg" width="300px" height="283px"/>
 +
      <div style="position:relative;bottom:258px">
 +
<center><img src="https://static.igem.org/mediawiki/2016/2/26/Paris_Bettencourt-Logo_Achievements.png" style="height:90px;margin-top:10px;"/></center>
 +
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
Achievements
 +
      </div>
 +
    </div>
 +
  </a>
 +
</div>
 +
      </div>
 +
</div>
  
 +
<p class=definition><br>
 +
</p>
  
−
</center>
 
 
</div>
 
</div>
  
 +
    <div class=separation>          </div>
 +
              </div>
 +
              </div>
 +
</body>
  
  
Line 115: Line 362:
 
</div>
 
</div>
 
-->
 
-->
−
 
 
</html>
 
</html>
 +
{{Paris_Bettencourt/Footer2}}

Latest revision as of 22:52, 1 December 2016


Centre for Research and Interdisciplinarity (CRI)
Faculty of Medicine Cochin Port-Royal, South wing, 2nd floor
Paris Descartes University
24, rue du Faubourg Saint Jacques
75014 Paris, France
+33 1 44 41 25 22/25
igem2016parisbettencourt@gmail.com
2016.igem.org