Difference between revisions of "Team:Paris Bettencourt/Project/Indigo"

Line 28: Line 28:
 
margin-left : 0px;
 
margin-left : 0px;
 
margin-right : 0;
 
margin-right : 0;
−
margin-bottom: 30px;
 
 
padding:0;
 
padding:0;
 
width : 100%;
 
width : 100%;
−
height : 400px;
+
height : 600px;
 
background-image : url("https://static.igem.org/mediawiki/2016/1/19/Paris_Bettencourt-File_Indigo-Project.jpg");
 
background-image : url("https://static.igem.org/mediawiki/2016/1/19/Paris_Bettencourt-File_Indigo-Project.jpg");
 
background-size : cover;
 
background-size : cover;
Line 39: Line 38:
 
position : relative ;  
 
position : relative ;  
 
width : 100%;
 
width : 100%;
−
left : 0;
+
height : 470px;
−
right : 0;
+
text-align : center;
−
margin-left : 30px;
+
−
margin-bottom: 30px;
+
 
background-color : rgb(255,255,255);
 
background-color : rgb(255,255,255);
 
}
 
}
  
 +
#definition {
 +
width : 80%;
 +
vertical-align : middle;
 +
display : inline-block;
 +
line-height : normal;
 +
text-align : justify;
 +
position : relative;
 +
margin-top : 30px;
 +
}
  
 +
#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);
 +
}
  
 +
                .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 {
 +
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 {
 
                 .separation {
Line 54: Line 103:
 
                         height : 100px;
 
                         height : 100px;
 
                 }
 
                 }
−
 
+
#video {
 +
vertical-align : middle;
 +
text-align : center;
 +
padding-top : 50px;
 +
}
  
 
/* Panels */
 
/* Panels */
 
.panel {
 
.panel {
−
    width:1100px;
+
     margin: 0 auto;
−
    height:528px;
+
−
     margin:0;
+
−
margin-top:0px;
+
−
margin-left:60px;
+
−
    margin-bottom:0px;
+
 
     color: rgb(30,39,43);
 
     color: rgb(30,39,43);
 
     font-family: 'Open Sans', sans-serif;
 
     font-family: 'Open Sans', sans-serif;
 
}
 
}
 
.panel a {
 
.panel a {
 +
display: inline-block;
 
     color: rgb(46,43,52);
 
     color: rgb(46,43,52);
 
     text-decoration:none;
 
     text-decoration:none;
Line 82: Line 131:
 
     z-index:1;
 
     z-index:1;
 
     position:relative;
 
     position:relative;
−
     bottom:480px;
+
     bottom: 200px;
 
     background:transparent;
 
     background:transparent;
 
}
 
}
  
 
.subpanel2 { /* Projects */
 
.subpanel2 { /* Projects */
−
     float:left;
+
     float: left;
 
     width:200px;
 
     width:200px;
−
     height:492px;
+
     height:250px;
−
     font-size:22px;
+
     font-size:20px;
 
     text-align:center;
 
     text-align:center;
−
     margin-top:0;  
+
     margin-top:5px;
−
     margin-right:11px;
+
    margin-bottom:5px;
 +
     margin-right:5px;
 +
    margin-left:5px;
 
     border-radius:7px;
 
     border-radius:7px;
 
     overflow:hidden;
 
     overflow:hidden;
Line 130: Line 181:
 
     filter: alpha(opacity=80);
 
     filter: alpha(opacity=80);
 
}
 
}
−
 
 
</style>
 
</style>
 
<head>
 
<head>
Line 137: Line 187:
 
<body>
 
<body>
 
<div id=topheader>
 
<div id=topheader>
 +
 
</div>
 
</div>
 
<div id=subheader>
 
<div id=subheader>
−
<div id="input">
+
 
−
<h1> Making patterns on denim </h1>
+
<div id=definition>
−
<p class="input">
+
<h2 style="text-align: center">Making patterns on denim</h2>
 +
<p class=text>
 
We exported the idea of cleaning stains with biology and our methods to do so into a more artistic approach with the indigo part of our project. Our goal is to find microorganisms and enzymes that can degrade indigo and to test them on denim. The final aim will be to use them to make patterns on jeans.  
 
We exported the idea of cleaning stains with biology and our methods to do so into a more artistic approach with the indigo part of our project. Our goal is to find microorganisms and enzymes that can degrade indigo and to test them on denim. The final aim will be to use them to make patterns on jeans.  
 
</p>
 
</p>
−
<p class="input">
+
<p class=text>
−
We basically reproduce the work of enzyme and microbe’s team in a smaller scale: through literature we identified one interesting enzyme that we tested, and we collected different microbes with potential capacity of degradation of indigo.  
+
We basically reproduce the work of enzyme and microbe’s team in a smaller scale: through literature we identified one interesting enzyme that we tested, and we collected different microbes with potential capacity of degradation of indigo.
 +
</p>
 +
 
 +
Sources:<br>
 +
 +
<a href="https://pubchem.ncbi.nlm.nih.gov/compound/tetrachloroethylene#section=Other-Preventative-Measures">Perchloroethylene, Pubchem</a> <br>
 +
 
 +
<a href="https://toxtown.nlm.nih.gov/text_version/chemicals.php?id=22">US National Library of Medecine </a> <br>
 +
 
 +
  <a href="http://ntp.niehs.nih.gov/ntp/roc/content/listed_substances_508.pdf">Report on Carcinogens, Thirteenth edition</a> <br>
 +
 
 +
  <a href="http://www.developpement-durable.gouv.fr/Le-perchloroethylene-interdit-dans.html">Ministère de l'Environnement, de l'Énergie, et de la Mer</a> <br>
 +
 
 +
<!-- <a href="http://waterhouse.ucdavis.edu/whats-in-wine">Wine composition</a> <br>-->
  
 
</p>
 
</p>
 
</div>
 
</div>
−
</div>
+
 
 +
 
 +
<div style="margin-top:20px; margin-bottom:20px">
 
<div class="panel" >
 
<div class="panel" >
 
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Assay" title="Assay">
 
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Assay" title="Assay">
 
<div id="pspanel" class="subpanel2"  onmouseover="chgtrans(this)">
 
<div id="pspanel" class="subpanel2"  onmouseover="chgtrans(this)">
−
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/c/c8/Paris_Bettencourt-Assay.jpeg" width="200px" height="500px"/>
+
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/3/38/Paris_Bettencourt--Assay_Button_small.jpg" width="200px" height="250px"/>
 
  <div class="titlebox">
 
  <div class="titlebox">
−
    <center><img src="https://static.igem.org/mediawiki/2016/e/e8/Paris_Bettencourt-Logo_Assay.png" style="height:90px;"/></center>
+
    <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>
 
    <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 
    Assay
 
    Assay
Line 163: Line 230:
 
       <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Microbiology" title="Microbiology">
 
       <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Microbiology" title="Microbiology">
 
<div id="dspanel" class="subpanel2">
 
<div id="dspanel" class="subpanel2">
−
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/1/12/Paris_Bettencourt-Microbiology.jpeg" width="200px" height="500px"/>
+
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/8/87/Paris_Bettencourt--Microbiology_Button_small.jpg" width="200px" height="250px"/>
 
  <div class="titlebox">
 
  <div class="titlebox">
−
    <center><img src="https://static.igem.org/mediawiki/2016/f/f8/Paris_Bettencourt-Logo_Microbiology.png" style="height:90px;"/></center>
+
    <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>
 
    <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 
    Microbiology
 
    Microbiology
Line 173: Line 240:
 
       <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Enzyme" title="Enzyme">
 
       <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Enzyme" title="Enzyme">
 
<div id="tcpanel" class="subpanel2">
 
<div id="tcpanel" class="subpanel2">
−
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/d/d9/Paris_Bettencourt-Enzyme.jpeg" width="200px" height="500px"/>
+
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/d/d2/Paris_Bettencourt--Protein_Button_small.jpg" width="200px" height="250px"/>
 
  <div class="titlebox">
 
  <div class="titlebox">
−
    <center><img src="https://static.igem.org/mediawiki/2016/9/9d/Paris_Bettencourt-Logo_Enzyme.png" style="height:90px;"/></center>
+
    <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>
 
    <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 
  Enzyme
 
  Enzyme
Line 183: Line 250:
 
       <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Binding" title="Binding domains">
 
       <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Binding" title="Binding domains">
 
<div id="thpanel" class="subpanel2">       
 
<div id="thpanel" class="subpanel2">       
−
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/b/b2/Paris_Bettencourt-Binding_Domain.jpeg" width="200px" height="500px"/>
+
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/5/55/Paris_Bettencourt--Binding_Button_small.jpg" width="200px" height="250px"/>
 
  <div class="titlebox">
 
  <div class="titlebox">
−
    <center><img src="https://static.igem.org/mediawiki/2016/4/44/Paris_Bettencourt-Logo_Binding.png" style="height:90px;"/></center>
+
    <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>
 
    <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 
    Binding
 
    Binding
Line 193: Line 260:
 
     <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Indigo" title="Indigo">
 
     <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Indigo" title="Indigo">
 
<div id="thpanel" class="subpanel2">       
 
<div id="thpanel" class="subpanel2">       
−
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/a/a0/Paris_Bettencourt-Indigo.jpeg" width="200px" height="500px"/>
+
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/5/5a/Paris_Bettencourt--Indigo_Button_small.jpg" width="200px" height="250px"/>
 
  <div class="titlebox">
 
  <div class="titlebox">
−
    <center><img src="https://static.igem.org/mediawiki/2016/f/f0/Paris_Bettencourt-Logo_Indigo.png" style="height:90px;"/></center>
+
    <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:20px;"><hr></div>
+
    <div style="width:60%;margin-left:20%;margin-bottom:10px;"><hr></div>
 
    Indigo
 
    Indigo
 
  </div>
 
  </div>
Line 202: Line 269:
 
       </a>
 
       </a>
 
  </div>
 
  </div>
 +
</div>
 +
 +
<div class=separation></div>
  
 
<div style="clear: both;"></div>
 
<div style="clear: both;"></div>
 
   
 
   
−
<p class=definition><br>
 
−
</p>
 
  
 +
</div>
 +
</div>
 
</div>
 
</div>
  
−
    <div class=separation>          </div>
 
−
              </div>
 
−
              </div>
 
 
</body>
 
</body>
  
Line 223: Line 290:
 
-->
 
-->
 
</html>
 
</html>
−
{{Paris_Bettencourt/Footer}}
+
{{Paris_Bettencourt/Footer2}}

Revision as of 21:07, 11 October 2016


Making patterns on denim

We exported the idea of cleaning stains with biology and our methods to do so into a more artistic approach with the indigo part of our project. Our goal is to find microorganisms and enzymes that can degrade indigo and to test them on denim. The final aim will be to use them to make patterns on jeans.

We basically reproduce the work of enzyme and microbe’s team in a smaller scale: through literature we identified one interesting enzyme that we tested, and we collected different microbes with potential capacity of degradation of indigo.

Sources:
Perchloroethylene, Pubchem
US National Library of Medecine
Report on Carcinogens, Thirteenth edition
Ministère de l'Environnement, de l'Énergie, et de la Mer

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