Difference between revisions of "Team:Paris Bettencourt"

 
(27 intermediate revisions by 3 users not shown)
Line 5: Line 5:
  
 
<html>
 
<html>
−
 
+
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
 
<style>
 
<style>
−
                a:hover {
+
a:hover {
−
                        text-decoration : none;
+
text-decoration : none;
−
                }
+
}
 +
 
 
html {
 
html {
 
height : 100%;
 
height : 100%;
 
}
 
}
 +
 
body {
 
body {
 
position : relative;
 
position : relative;
Line 20: Line 22:
 
margin-top : 0;
 
margin-top : 0;
 
}
 
}
 +
 
#topheader {
 
#topheader {
 
position : relative;
 
position : relative;
−
margin-top : -2%;
+
margin-top : -100px;
−
margin-left : 0;
+
margin-left : 0px;
 
margin-right : 0;
 
margin-right : 0;
 
padding:0;
 
padding:0;
 
width : 100%;
 
width : 100%;
−
height : 800px;
+
height : 560px;
−
background-image : url("https://static.igem.org/mediawiki/2016/7/75/ParisBettencourt-background.jpg");
+
background-image : url("https://static.igem.org/mediawiki/2016/e/ed/Paris_Bettencourt-background.jpg");
 
background-size : cover;
 
background-size : cover;
 
}
 
}
 +
 
#subheader {
 
#subheader {
 
position : relative ;  
 
position : relative ;  
Line 40: Line 44:
 
background-color : rgb(255,255,255);
 
background-color : rgb(255,255,255);
 
}
 
}
 +
 
#definition {
 
#definition {
−
width : 80%;
+
width : 1200px;
 
vertical-align : middle;
 
vertical-align : middle;
 
display : inline-block;
 
display : inline-block;
Line 48: Line 53:
 
position : relative;
 
position : relative;
 
margin-top : 80px;
 
margin-top : 80px;
 +
}
 +
 +
#project {
 +
font-family: Open Sans, sans-serif;
 +
text-align : center;
 +
font-size : 22px;
 +
vertical-align : middle;
 +
color : rgb(150,149,149);
 
}
 
}
 
.definition {
 
.definition {
 
position : relative;
 
position : relative;
−
font-family : helvetica;
+
font-family: Open Sans, sans-serif;
 
text-align : center;
 
text-align : center;
 
font-size : 18px;
 
font-size : 18px;
Line 57: Line 70:
 
color : rgb(150,149,149);
 
color : rgb(150,149,149);
 
}
 
}
−
#logo {
+
 
−
position : absolute;
+
 
−
width : 50px;
+
 
−
height : 50px;
+
−
left : 0;
+
−
margin : auto;
+
−
margin-top : 0px;
+
−
background : transparent;
+
−
z-index : 50;
+
−
display : block;
+
−
align: center;
+
−
}
+
 
                 .descript2 {
 
                 .descript2 {
 
                         width : 60%;
 
                         width : 60%;
Line 102: Line 106:
 
                 .separation {
 
                 .separation {
 
                         width: 100%;
 
                         width: 100%;
−
                         height : 300px;
+
                         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;
 +
}
 +
 +
/* Subpanels */
 +
.narrowimg {/* Subpanels background*/
 +
    /*position:absolute;*/
 +
    z-index:2;
 +
    opacity:0.3;
 +
    filter: alpha(opacity=30);
 +
}
 +
.titlebox {/* Subpanels Title*/
 +
    z-index:1;
 +
    position:relative;
 +
    bottom: 200px;
 +
    background:transparent;
 +
}
 +
 +
.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);
 +
}
 +
 +
 +
 +
 +
 +
 +
 
</style>
 
</style>
 
<head>
 
<head>
Line 109: Line 192:
 
</head>
 
</head>
 
<body>
 
<body>
−
<div id=topheader></div>
+
<div id=topheader>
−
<div id=logo><img id=FS logo src=« 2016.igem.org/wiki/images/d/dd/ParisBettencourt-logoFnS.jpg "></div>
+
−
<div id=subheader>
+
−
<div id=definition>
+
−
<p class=definition>
+
−
Project description<br>
+
−
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.
+
−
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>
+
  
−
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>
+
</div>
−
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>
+
</div>
−
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>
+
<div id=subheader style="margin-left:0px">
−
Sources:<br>
+
<div id=definition>
−
  <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>
+
 
 +
<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>
  
−
  <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>
+
<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>
  
−
  <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>
 
−
</p>
 
 
<p class=definition><br>
 
<p class=definition><br>
 
  </p>
 
  </p>
Line 146: Line 363:
 
-->
 
-->
 
</html>
 
</html>
−
 
+
{{Paris_Bettencourt/Footer2}}
−
 
+
−
{{Paris_Bettencourt/Footer}}
+

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