Team:Toulouse/Project/Overviews

From 2014.igem.org

(Difference between revisions)
(Created page with "{{CSS/Main}} <html> <head> <!-- this section changes the default wiki template to a white full width background --> <style type="text/css"> #contentSub, #footer-box, #catlinks, ...")
 
(91 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{:Team:Toulouse/template/header-base}}
<html>
<html>
-
<head>
 
-
<!-- this section changes the default wiki template to a white full width background -->
 
-
<style type="text/css">
 
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
 
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
<!--/* open Sans : fonnt Google*/-->
-
+
-
border: 0 none;
+
-
height: 14px;
+
-
z-index: 100;
+
-
top: 0;
+
-
position: fixed;
+
-
width: 975px;
+
-
left: 50%;
+
-
margin-left: -487px;
+
-
}
+
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
  <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
-
width: 100%;
+
-
height: 100%;
+
-
border: 0px;
+
-
background-color: transparent;
+
-
margin: 0px;
+
-
padding: 0px;
+
-
}
+
-
html, body, .wrapper { /*-- changes default wiki settings --*/
+
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
-
width: 100%;
+
-
height: 100%;
+
-
background-color: transparent;
+
-
}
+
-
/* Body */
+
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:800' rel='stylesheet' type='text/css'>
-
body{
+
-
    font-family: Helvetica, sans-serif;
+
-
}
+
-
/*background Header*/
+
<!--/* CSS contenu*/-->
-
#bgHeader{
+
-
    position : absolute;
+
-
    left : 0px;
+
-
    top : 0px;
+
-
    z-index:0;
+
-
    width : 100%;
+
-
    min-width : 700px;
+
-
    max-width : 1200px;
+
-
}
+
-
/* Barre de Menu*/
+
<style type="text/css">
-
.btHeaderA{
+
-
    position : relative;
+
-
    z-index:2;
+
-
    width: 100%;
+
-
height: auto;
+
-
}
+
-
.btHeaderB{
+
  .title1{color:green; font-family:'Open Sans'; font-weight:600; font-size:24px;  margin:0 0 33px 0; border:none;}
-
    position : absolute;
+
-
    z-index:1;
+
-
    width: 100%;
+
-
height: auto;
+
-
}
+
-
.btHeaderC{
+
  .title2{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:18px; margin:0 0 10px 0; border:none;}
-
    z-index:3;
+
-
    position: relative;
+
-
    top : 45px;
+
-
    text-align: center;
+
-
    width: auto;
+
-
height : auto;
+
-
   
+
-
}
+
-
.btHeaderA:hover{
+
  .title3{color:#7f8c8c; font-family:'Open Sans'; font-weight:400; font-size:16px; margin:0 0 20px 0; border:none;}
-
    z-index:1;
+
-
}
+
-
.btHeaderB:hover{
+
  .texte{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 50px 0; line-height:24px; text-align: justify;}
-
    top : 0px;
+
-
    z-index : 3;
+
-
}
+
-
img.headerbutton{
+
.banniere{
-
    max-width : 100px;
+
background: url('https://static.igem.org/mediawiki/2014/c/c2/Overview.jpg') no-repeat center;
-
    width : 100%;
+
-webkit-background-size: cover; /* pour Chrome et Safari */
-
height : auto;
+
-moz-background-size: cover; /* pour Firefox */
 +
-o-background-size: cover; /* pour Opera */
 +
background-size: cover;
 +
height:315px;
 +
margin: 30px 0 0;
 +
width:100%;
}
}
-
img.headerbutton:hover{
+
.banniere-content{
-
    max-width : 110px;
+
background-color: rgba(130,196,108, 0.7);
-
    width : 100%;
+
padding:28px 28px 0;
-
height : auto;
+
position:absolute;
 +
bottom:0;
 +
right: 0;
 +
height:92px;
 +
width:392px;
 +
color:white
}
}
-
#Menu {
+
.banniere-content h2{
-
    position : absolute;
+
color:white;
-
    width : 100%;
+
font-size:24px
-
    min-width :780px;
+
-
    max-width : 1400px;
+
-
    top : 0;
+
}
}
-
.Item {
+
p.legend{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 50px 0; line-height:24px; text-align: center;}
-
    position : absolute;
+
-
    text-align : center;
+
-
    display : inline-block;
+
-
    min-Height : 150px;
+
-
    text-decoration: no underline;
+
-
}
+
-
.Item a{
+
.banniere-content p{
-
    font-color : black;
+
color:white;
-
}
+
font-size:16px
-
.sub-nav {
+
-
    display: none; /* Masque la sous-liste */
+
-
    position: absolute; /* Evite que la dimension du conteneur ne change quand la sous-liste est affichée */
+
-
    white-space: nowrap; /* Pour que le texte ne revienne pas à la ligne */
+
-
    background: white; /* FIX IE7 : évite que la sous-liste ne disparaisse au moment où le curseur arrive au-dessus */
+
-
    margin-top: -2px; /* Pour que le sous-menu recouvre son parent, facilitant le passage de la souris de l’un à l’autre */
+
}
}
-
.sub-nav-item{
+
</style>
-
    background-color: transparent;
+
<body>
-
}
+
-
.Item:hover .sub-nav {
+
  <div class="banniere">
-
    display: block; /* Affiche cette sous-liste au survol de son conteneur */
+
  <div class="banniere-wrapper" style="width:960px; height:100%; margin: 0 auto; position:relative;">
-
    background-color: transparent;
+
-
    top : 163px;
+
-
    Z-index : 4;
+
-
    left : 25px;
+
-
}
+
-
/*Footer*/
+
   
-
#Footer{
+
    <div class="banniere-content">
-
    width : 95%;
+
      <h2>Overview</h2>
-
    background-color : #99FF99;
+
      <p>SubtiTree, a bacterium to save our trees</p>
-
    font-family: verdana;
+
    </div>
-
}
+
  </div>
 +
  </div>
 +
  <div class="fils-ariane" style="width:100%; height:60px; background:#ededed;">
 +
  <p style="margin:0 auto; color:#696969; width:960px; padding-top:20px; font-size:16px;"> Project&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;Overview</p>
 +
  </div>
 +
 
-
</style>
+
  <div id="innercontenthome">
-
<!-- here ends the section that changes the default wiki template to a white full width background -->
+
      <div class="centering" style="padding-top: 85px; padding-bottom:40px;">
-
</head>
+
-
<body >
+
  <!--Short description : à changer!!!-->
-
<!--main content -->
+
 
-
<table width="100%" align="center">
+
-
<!--navigation menu -->
+
<p class="texte">
-
<div >
+
Among many other things, Southern France is well-known for the gorgeousness of its landscapes. Plane trees (<i>Platanus sp.</i>) are widely present and participate to the charm of this area, especially along the famous “Canal du Midi”. It is impossible to imagine this UNESCO World Heritage masterpiece without its trees. Unfortunately, these trees are threatened by a severe fungal infection called Canker Stain, and today the only treatment consists in a costly preventive tree-cutting and implies significant ecological troubles.
-
<img id="bgHeader" src="https://static.igem.org/mediawiki/2014/f/f2/Branch_col.png" alt="header background" />
+
</p>
-
</div>
+
-
<div id="Menu" style="background-color:transparent;">
+
<p class="texte">
 +
Facing this emergency, the students from the iGEM Toulouse Team, who enjoy chilling in this peaceful place, decided to be committed to the protection of their local heritage. Using a bacterium vector naturally present in the trees, our team offers an alternative solution originated from synthetic biology. Using different genetic modules, we engineered a bacterium (SubtiTree) capable of heading towards the pathogen, binding to its cell wall and finally delivering different fungicides to save the tree from its invaders. Our team also began to elaborate different strategies to prevent any accidental spreading of the optimized microorganism, thus limiting the ecological and ethical footprints of SubtiTree. Although our project originated from a very local and specific tree disease, it could be transposable to other plant diseases.
 +
</p>
-
    <div class="Item" style="left :5%;"> 
 
-
        <a href="https://2014.igem.org/Team:Toulouse"style="color:#000000">
 
-
        <div class="btHeaderA" style="top : 30px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/0/0e/Bt_home_1.png"/></div>
 
-
        <div class="btHeaderB" style="top : 30px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/9/96/Bt_home_2.png"/></div>
 
-
        <div class="btHeaderC">Home</div>
 
-
        </a>
 
-
    </div>
 
-
   
 
-
    <div class="Item" style="left :15%">
 
-
        <a href="https://2014.igem.org/Team:Toulouse/Team"style="color:#000000">
 
-
        <div class="btHeaderA" style="top:5px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/a/a4/Bt_team_1.png" /></div>
 
-
        <div class="btHeaderB" style="top:5px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/8/84/Bt_team_2.png" /></div>
 
-
        <div class="btHeaderC" align="center">Team</div>
 
-
        </a>
 
-
        <ul class="Item sub-nav">
 
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Team">Our Team</a></li>
 
-
            <li class="sub-nav-item" align="left"><a href="https://igem.org/Team.cgi?year=2014&team_name=Toulouse"> Official Team Profile </a></li>
 
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Team/Ethique">Ethique</a></li>
 
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Team/Contact">Contact</a></li>
 
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Team/Gallery">Gallery</a></li>
 
-
        </ul>
 
-
    </div>
 
-
    <div class="Item" style=" left :25%">
+
<p class="title1">Choice of the chassis </p>
-
        <a href="https://2014.igem.org/Team:Toulouse/Project"style="color:#000000">
+
<p class="texte"><i>Bacillus subtilis</i> has been reported to be an endophyte bacterium of a large variety of plants and trees. Therefore, this model organism is a perfect chassis for our projectAlready used to treat plant diseases and fungal pathogens, we aim to engineer <i>Bacillus subtilis</i> to fight Canker Stain from the inside of the tree. Injected directly in the tree sap, our smart bacterium will act as a curative and preventive drug.</p>
-
        <div class="btHeaderA" style="top : 33px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/e/e2/Bt_project_1.png"/></div>
+
-
        <div class="btHeaderB" style="top : 33px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/4/42/Bt_project_2.png"/></div>
+
-
        <div class="btHeaderC" align="center">Project</div>
+
-
        </a>
+
-
        <ul class="Item sub-nav">
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Overviews">Overviews</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Fixation">Fixation</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Chemotaxis">Chemotaxis</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Fungicide">Fungicide</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Modeling">Modeling</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Parts">Parts</a></li>
+
-
        </ul>
+
-
    </div>
+
-
   
+
-
    <div class="Item" style=" left :35%">  
+
-
        <a href="https://2014.igem.org/Team:Toulouse/Human_Practice"style="color:#000000">
+
-
        <div class="btHeaderA" style="top : 2px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/2/27/Bt_human_1.png"/></div>
+
-
        <div class="btHeaderB" style="top : 2px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/e/ee/Bt_human_2.png"/></div>
+
-
        <div class="btHeaderC" align="center" style="Top : 26px;">Human <br> Practice</div>
+
-
        </a>
+
-
        <ul class="Item sub-nav">
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Safety">Safety</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Human_Practice/Ethique">Ethique</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Human_Practice/Meeting">Meeting</a></li>
+
-
        </ul>
+
-
    </div>
+
-
   
+
-
    <div class="Item" style=" left :45%" > 
+
-
        <a href="https://2014.igem.org/Team:Toulouse/Notebook"style="color:#000000">
+
-
        <div class="btHeaderA" style="top : 38px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/d/d3/Bt_notebook_1.png" /></div>
+
-
        <div class="btHeaderB" style="top : 38px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/c/c0/Bt_notebook_2.png" /></div>
+
-
        <div class="btHeaderC" align="center">Notebook</div>
+
-
        </a>
+
-
        <ul class="Item sub-nav">
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Notebook/Calendar">Calendar</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Notebook/Protocols">Protocols</a></li>
+
-
        </ul>
+
-
    </div>
+
-
    <div class="Item" style=" left : 55%">  
+
<center><img style="width:700px; margin: -10px 0 55px 130px;" ; src="https://static.igem.org/mediawiki/parts/2/2b/Overview_.jpg"></center>
-
        <a href="https://2014.igem.org/Team:Toulouse/Attributions"style="color:#000000">
+
<p class="legend">Figure 1: Schema of our general strategy</p>
-
        <div class="btHeaderA" style="top : 48px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/6/6a/Bt_attributions_1.png"/></div>
+
-
        <div class="btHeaderB" style="top : 48px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/6/66/Bt_attributions_2.png"/></div>
+
-
        <div class="btHeaderC" align="center">Attributions</div>
+
-
        </a>
+
-
        <ul class="Item sub-nav">
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Attributions">Attributions</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Sponsors">Sponsors</a></li>
+
-
        </ul>
+
-
    </div>
+
-
    <div class="Item" style="left :70%; Z-index:4;" align ="center"  width="60px" >  
+
<p class="title1">Chemotaxis<a href="https://2014.igem.org/Team:Toulouse/Project/Chemotaxis"; style="font-size: 13px; cursor: pointer; color: #888; margin-left: 10px;"> Show more</a></p>
-
        <a href="https://2014.igem.org/Main_Page">
+
-
        <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px">
+
-
        </a>
+
-
    </div>
+
-
</div>
+
<p class="texte">First, the bacterium targets the pathogen with a chemotaxis module which recognizes the soluble molecules released by the fungus' cell wall (N-acetylglucosamine).</p>
-
<!--end navigation menu -->
 
-
<tr height="140px"></tr>
+
<p class="title1">Binding<a href="https://2014.igem.org/Team:Toulouse/Project/binding"; style="font-size: 13px; cursor: pointer; color: #888; margin-left: 10px;"> Show more</a></p>
-
<tr height="15px"></tr>
+
-
<tr><td></td><td bgColor="#e7e7e7"  height="1px" align="center"></td> </tr>
+
-
<tr height="5px"></tr>
+
-
</table>
+
 +
<p class="texte">Then, SubtiTree binds onto the pathogen using a chimeric protein anchored to the bacterium peptidoglycan and which can make a bridge between bacterial cell wall and fungal chitin, the main component of the pathogen's cell wall.</p>
 +
<p class="title1">Fungicides<a href="https://2014.igem.org/Team:Toulouse/Project/Fungicides"; style="font-size: 13px; cursor: pointer; color: #888; margin-left: 10px;"> Show more</a></p>
 +
<p class="texte">In the third step, our designed bacterium fights the pathogen by producing a powerful treatment of three different fungicides.</p>
-
<!--Nom du projet-->
+
<p class="title1">Spreading <a href="https://2014.igem.org/Team:Toulouse/Project/Spreading"; style="font-size: 13px; cursor: pointer; color: #888; margin-left: 10px;">Show more</a></p>
-
<center>
+
<p class="texte">Our team worked on different aspects to control SubtiTree's spreading. The aim is to prevent horizontal transfers between different bacteria and to limit the growth and the survival of the engineered bacterium inside the tree during one season.</p>
-
<img width="100px" src= "https://static.igem.org/mediawiki/2014/f/f5/Logo_essai_1_avec_texte.png"/>
+
     
-
<p><center><font size="5" face=calibri color=green>
+
-
SubtiTree, a bacterium to save our trees
+
-
</font></p>  
+
-
<!--Short description : à changer!!!-->
+
   
-
<table width="55%" height="10%">
+
  <!-- Navigation section -->
-
<tr><td><div align="justify"><font size="3" face=calibri color=black>
+
-
Fungal diseases lead to major economic losses all over the world.
+
-
Some pathogens trigger trachemycosis by disturbing the vascular system of the plant.
+
-
Canker is one of these infections especially affecting plane trees (Platanus sp.). Plane trees are widely present in Southern France and particularly along the famous Canal du Midi, participating to the site gorgeousness.
+
-
Today, the only treatment consists in preventive tree-cutting which has a huge cost and implies significant ecological troubles.
+
-
Facing this emergency, our team offers an innovative alternative originated from synthetic biology.
+
-
</font></div></td>
+
-
<td align=center>
+
-
<img style="width:400px" ; src="https://static.igem.org/mediawiki/2014/9/96/Canal1.png">
+
-
</td></tr>
+
-
<!--2eme ligne-->
+
-
<tr><td align=center>
+
-
<img style="width:200px" ; src="https://static.igem.org/mediawiki/2014/7/72/Tronc_malade2.png">
+
-
</td>
+
-
<td><div align="justify"><font size="3" face=calibri color=black>
+
-
The aim of our project is to make an endophytic bacterium capable of detecting the pathogen, and targeting it in order to deliver different fungicides to save the tree from its invaders.
+
-
Considering ecological and ethical matters, this project limits the spreading of our engineered bacterium in the environment.
+
-
</font></div></td>
+
-
</tr>
+
-
</table>
+
  <div class="page-nav" style="border-top:1px solid #cccccc; padding-top:40px; margin-top:40px;">
 +
    <a href="https://2014.igem.org/Team:Toulouse/Project/project-context" class="page-nav-right" style="width:447px; float:left; display:block;text-decoration:none; color:#666; font-size:18px;">Context project
 +
      <img src="https://static.igem.org/mediawiki/2014/2/26/Template-igem2014-img-arrowleft.png" style="display:block; padding-top:10px;"/>
 +
    </a>
 +
    <div class="page-nav-center" style="width:65px; float:left;">
 +
      <img src="https://static.igem.org/mediawiki/2014/6/66/Template-igem2014-logo-nav.png" alt="logo" />
 +
    </div>
-
<!-- footer -->
+
    <a href="https://2014.igem.org/Team:Toulouse/Project/Chemotaxis" class="page-nav-left" style="width:447px; float:right; display:block; text-align:right; text-decoration:none;
-
<center>
+
color:#666; font-size:18px;">Chemotaxis</br>
-
<div id="Footer" >
+
      <img src="https://static.igem.org/mediawiki/2014/e/ea/Template-igem2014-img-arrowright.png" style="display:block; float:right; padding-top:10px; " />
-
<table align="center" style="width : 100%; background-color:transparent;" bgColor="#99FF99">
+
    </a>
-
    <td width="5px"></td>
+
 
-
    <td style="width: 35px;" align="center">
+
  </div>
-
        <a href="https://www.facebook.com/iGEM.Toulouse.2014?ref_type=bookmark"><img src="https://static.igem.org/mediawiki/2013/f/fc/Insa-toulouse2013-iconfacebook.png" alt="Facebook" /></a>
+
 
-
        <br> <br>
+
  <div class="clear"></div>
-
        <a href="https://twitter.com/iGEM_Toulouse"><img src="https://static.igem.org/mediawiki/2013/7/7b/Insa-toulouse2013-icontwitter.png" alt="Twitter" /></a>
+
 
-
        <br>
+
     </div>
-
    </td>
+
  </div>
-
    <td width="15px"></td>
+
</body>
-
    <td>
+
-
        <p><b> iGEM Toulouse</b><br><address>
+
-
        INSA Toulouse <br>135, Avenue de Rangueil <br>
+
-
        31400 TOULOUSE <br></address>
+
-
        <br>e-mail: <span><a href="mailto:igemtoulouse2014@gmail.com"> igemtoulouse2014@gmail.com</a></span></p>
+
-
    </td>
+
-
     <td align="right">
+
-
        <a href="https://2013.igem.org/Main_Page">
+
-
            <img style="width:170px" src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png"/img>
+
-
        </a>
+
-
    </td>
+
-
  </table>
+
-
</div>
+
-
</center>
+
</html>
</html>
 +
 +
<!-------------------------------- FOOTER --------------------------------->
 +
{{:Team:Toulouse/template/footer}}

Latest revision as of 19:57, 17 October 2014