Team:Toulouse

From 2014.igem.org

(Difference between revisions)
 
(234 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{:Team:Toulouse/template/header}}
-
 
+
<html>
<html>
-
<head>
+
<!--/* open Sans : font Google*/-->
-
<!-- this section changes the default wiki template to a white full width background -->
+
 
-
<style type="text/css">
+
  <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
+
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
 +
 
 +
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:800' rel='stylesheet' type='text/css'>
 +
 
 +
<!--/* CSS contenu*/-->
 +
 
 +
<style type="text/css">
 +
 
 +
  .title1{color:green; font-family:'Open Sans'; font-weight:600; font-size:24px;  margin:0 0 33px 0; border:none;}
 +
 
 +
  .title2{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:18px; margin:0 0 30px 0; border:none;}
 +
 
 +
  .title3{color:#7f8c8c; font-family:'Open Sans'; font-weight:400; font-size:16px; margin:0 0 20px 0; border:none;}
 +
 
 +
  .texte{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 0 0; line-height:24px; text-align: justify; }
 +
 
 +
/* Removing wiki-like stuff */
 +
/****************************/
 +
#contentSub, #search-controls, .firstHeading, #-box, #catlinks, #p-logo {
 +
    display:none;}
 +
 
 +
/* Redesigning the topmenu */
 +
/***************************/
 +
body {
 +
    : 0 0 0 0;
 +
    padding: 0px;}
 +
#top-section {
 +
    width: 965px;
 +
    height: 0;
 +
    margin: 0 auto ;
 +
    padding: 0;
 +
    border: none;}
 +
#menubar {
 +
    font-size: 100%;
 +
    top:-8px;}
 +
.left-menu:hover {
 +
    background-color: transparent;}
 +
#menubar li a {
 +
    background-color: transparent;}
 +
#menubar:hover {
 +
    color: black;}
 +
#menubar li a {
 +
    color: transparent;}
 +
#menubar:hover li a {
 +
    color: black;}
 +
#menubar > ul > li:last-child {
 +
    display:none;}
 +
 
 +
/* Layout */
 +
/**********/
 +
.l-content{margin-top:40px;}
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
.l-content img{
-
+
float:left;
-
border: 0 none;
+
padding-top: 60px;
-
height: 14px;
+
width:290px;
-
z-index: 100;
+
-
top: 0;
+
-
position: fixed;
+
-
width: 975px;
+
-
left: 50%;
+
-
margin-left: -487px;
+
}
}
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
.l-content .text-presentation{
-
width: 100%;  
+
float:right;
-
height: 100%;
+
margin-top: -29px;
-
border: 0px;
+
width:610px
-
background-color: transparent;
+
-
margin: 0px;
+
-
padding: 0px;
+
}
}
-
html, body, .wrapper { /*-- changes default wiki settings --*/
+
.l-content .text-presentation h1{
-
width: 100%;  
+
text-align:center;
-
height: 100%;
+
border:none;
-
background-color: transparent;
+
}
}
-
/* Barre de Menu*/
+
/* ------------------------------------ gallerie ----*/
-
#Menu {
+
 
-
    position : fixed;
+
.gallerie-project{
 +
margin:0;
 +
padding 0;
 +
margin-top:40px;
}
}
-
.Item {
+
.line-gallerie-project{
-
    border : 1px solid black;
+
background-color:#f0f0f0;
-
    text-align : center;
+
height:310px;
-
    background-color : #e7e7e7;
+
width:100%;
-
    width : 140px;
+
-
    height : 45px;
+
}
}
-
.Item:hover{
+
.part-little-projet{
-
    background-color : #d3d3d3;
+
background-color:#82C46C;
 +
display: block;
 +
position: relative;
 +
height:310px;
 +
width: 310px;
 +
float:left;
}
}
-
/*Footer*/
+
.part-little-projet:hover{
-
#Footer{
+
background-color:#22780F;
-
    width : 95%;
+
}
-
    background-color : #99FF99;
+
-
    font-family: verdana;
+
 +
.title-part-projet{
 +
position: absolute;
 +
top:40px;
 +
left:33px;
 +
font-size:24px;
 +
color:white;
}
}
 +
.part-large-projet{
 +
display: block;
 +
position: relative;
 +
height:310px;
 +
width: 650px;
 +
float:left;
 +
opacity:0.8;
 +
}
-
</style>
+
.part-large-projet:hover{
-
<!-- here ends the section that changes the default wiki template to a white full width background -->
+
opacity:1;
-
</head>
+
}
-
<body>
 
-
<!--main content -->
 
-
<table width="100%" align="center">
 
-
<!--navigation menu -->
+
/* ------------------------------------ aside ----------*/
-
<td id="Menu" >
+
.wrapper-aside{
 +
margin: 0 auto;
 +
width:740px;
 +
}
-
<table width="100%" align="center">
+
.sticker-aside{
-
<tr heigth="15px"></tr>
+
background-color: #fff;
-
<tr heigth="50px">
+
border: 1px solid #e7e7e7;
 +
float:left;
 +
height:359px;
 +
padding: 5px 5px;
 +
position:relative;
 +
text-align:center;
 +
width:220px;
 +
}
 +
.sticker-aside:after{
 +
content: 'wiki/images/b/bb/Template-igem2014-before-stickers.png';
 +
position: absolute;
 +
background: url('https://static.igem.org/mediawiki/2014/b/bb/Template-igem2014-before-stickers.png') no-repeat center;
 +
bottom: -32px;
 +
text-indent: -9999px;
 +
right: -13px;
 +
width: 260px;
 +
height: 32px;
 +
}
-
<td class="Item" > 
+
.sticker-aside h2{
-
<a href="https://2014.igem.org/Team:Toulouse"style="color:#000000">Home </a> </td>
+
border:none;
 +
color:#181818;
 +
font-size:20px;
 +
}
-
<td class="Item" >
+
.sticker-aside p{
-
<a href="https://2014.igem.org/Team:Toulouse/Team"style="color:#000000"> Team </a> </td>
+
color:#888888;
 +
display: block;
 +
height: 40px;
 +
position: relative;
 +
bottom: 15px
 +
}
-
<td class="Item" >
+
.sticker-aside a{
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Toulouse"style="color:#000000"> Official Team Profile </a></td>
+
display: block;
 +
margin: 0 auto;
 +
top: 5px;
 +
position: relative;
 +
}
-
<td class="Item" > 
 
-
<a href="https://2014.igem.org/Team:Toulouse/Project"style="color:#000000"> Project</a></td>
 
-
<td class="Item" >  
+
</style>
-
<a href="https://2014.igem.org/Team:Toulouse/Parts"style="color:#000000"> Parts</a></td>
+
<!-------------------------------- CONTENT --------------------------------->
 +
<br></br>
 +
<div class="l-content">
 +
         
 +
          <div class="presentation-project">
 +
            <img src="https://static.igem.org/mediawiki/2014/b/b6/Canal_du_Midi_-_plane_trees.jpeg" alt="Présentation igem toulouse" />
 +
            <div class="text-presentation">
 +
              <h1 class="title1" style="font-size:28px;">
 +
              SubtiTree project
 +
              </h1>
 +
              <p class="texte"><br></br>
 +
Fungal diseases lead to major economic losses all over the world. Some pathogens trigger tracheomycosis by disturbing the vascular system of the plant. Canker is one of these infections especially affecting plane trees (<i>Platanus sp.</i>). Plane trees are widely present in Southern France and in particular along the famous Canal du Midi, participating to the site gorgeousness. Today, the only treatment consists in a costly preventive tree-cutting and implies significant ecological troubles. Facing this emergency, our team offers an innovative solution originating from synthetic biology.
 +
              </p>
 +
<br></br>
 +
              <center><a class="button-home" href="https://2014.igem.org/Team:Toulouse/Project/project-context" style="border: 1px solid #282828;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding: 13px 25px 12px; color: #282828; text-decoration: none; font-size: 17px; background: none; display: block; width: 89px;">Learn more</a>
 +
            </div>
 +
          </div></center>
 +
         
 +
          <div class="clear"></div>
 +
         
 +
          <div class="gallerie-project" style="margin-bottom:50px; margin-top:70px;">
-
<td class="Item" >  
+
            <div class="line-gallerie-project">
-
<a href="https://2014.igem.org/Team:Toulouse/Modeling"style="color:#000000"> Modeling</a></td>
+
              <a href="https://2014.igem.org/Team:Toulouse/Project/Overviews" class="part-little-projet">
 +
    <div class="title-part-projet">Overview</div>
 +
                <div style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px;">Let's save our trees with SubtiTree!</div>
 +
                <div style="border-bottom: 1px solid #fff; color:white; font-family:'Open Sans'; position:absolute; bottom:25px; right:22px; font-size:16px;">Read more</div>
 +
              </a>
-
<td class="Item" >   
+
              <a href="https://2014.igem.org/Team:Toulouse/Project/Chemotaxis" class="part-large-projet" style="background: url('https://static.igem.org/mediawiki/2014/a/aa/Chimio.jpg') no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;">
-
<a href="https://2014.igem.org/Team:Toulouse/Notebook"style="color:#000000"> Notebook</a></td>
+
                <div class="title-part-projet" style="color:white; ">Chemotaxis</div>
 +
                <div style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px;">To target the pathogenic fungus</div>
 +
                <div style="border-bottom: 1px solid #white; color:white; font-family:'Open Sans'; position:absolute; bottom:25px; left:34px; font-size:16px;"><u>Read more</u></div>
 +
              </a>
 +
            </div>
 +
           
 +
            <div class="line-gallerie-project">
 +
              <a href="https://2014.igem.org/Team:Toulouse/Project/binding" class="part-large-projet" style="background: url('https://static.igem.org/mediawiki/2014/0/0b/Billes3D.png') no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;">
 +
                <div class="title-part-projet style="color:white; ">Binding</div>
 +
                <div  style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px">To be attached to the fungal pathogen wall</div>
 +
                <div style="border-bottom: 1px solid #515553; color:white; font-family:'Open Sans'; position:absolute; bottom:28px; right:34px; font-size:16px;">Read more</div>
 +
              </a>
-
<td class="Item" >
+
              <a href="https://2014.igem.org/Team:Toulouse/Modelling" class="part-little-projet">
-
<a href="https://2014.igem.org/Team:Toulouse/Safety"style=" color:#000000"> Safety </a></td>
+
                <div class="title-part-projet">Modeling</div>
 +
                <div  style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px">To develop a predictive model</div>
 +
                <div style="border-bottom: 1px solid #fff; color:white; font-family:'Open Sans'; position:absolute; bottom:28px; left:34px; font-size:16px;">Read more</div>
 +
              </a>
 +
            </div>
-
<td class="Item" >  
+
            <div class="line-gallerie-project">
-
<a href="https://2014.igem.org/Team:Toulouse/Attributions"style="color:#000000"> Attributions </a></td>
+
              <a href="https://2014.igem.org/Team:Toulouse/Project/Spreading" class="part-little-projet">
 +
                <div class="title-part-projet">Spreading</div>
 +
                <div  style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px">How do we keep control on Subtitree?</div>
 +
                <div style="border-bottom: 1px solid #fff; color:white; font-family:'Open Sans'; position:absolute; bottom:25px; right:34px; font-size:16px;"">Read more</div>
 +
              </a>
-
<td align ="center">
+
              <a href="https://2014.igem.org/Team:Toulouse/Project/Fungicides" class="part-large-projet" style="background:url('https://static.igem.org/mediawiki/2014/8/84/Feuille_Toulouse.jpg') no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;">
-
<a href="https://2014.igem.org/Main_Page">
+
                <div class="title-part-projet" style="color:white;
-
<img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
position:absolute; right:30px;  text-align:right;  line-height:24px;"
-
</tr>
+
>Fungicides</div>
-
</table>
+
                <div style="position:absolute; top:90px; right:30px;
-
</td>
+
color:white; font-family:'Open Sans'; font-size:16px; width:200px;
-
<!--end navigation menu -->
+
line-height:24px; text-align:right; ">To eradicate fungal
 +
diseases</div>
 +
                          <div style="border-bottom: 1px solid #fff;
 +
color:white; font-family:'Open Sans'; position:absolute; bottom:25px;
 +
right:34px; font-size:16px;">Read more</div>
 +
              </a>
 +
            </div>
 +
 
 +
          </div>
 +
         
 +
</div>
-
<tr height="80px"></tr>
+
</div>
-
<!--welcome box --> <!-- plus tard défilement images-->
+
</div>
-
<tr>
+
-
<td width="40px"></td>
+
-
<td style="border:1px solid black;" colspan="3" align="center"  height="150px" bgColor=#54C571 >
+
-
<h1><br>Welcome everyone on our Wiki! </h1>
+
-
<p>Project under construction.</p>
+
-
<br>
+
-
<p>We invite you to follow us :
+
-
<br>
+
-
<a href="http://www.facebook.com/iGEM.Toulouse.2014?ref_type=bookmark"><img src="https://static.igem.org/mediawiki/2011/7/72/Facebook_logo_25px.png"></a>
+
-
& <a href="http://twitter.com/iGEM_Toulouse"> <img src="https://static.igem.org/mediawiki/2011/3/3c/Twitter_logo_25px.png"> </a></p>
+
-
<br>
+
-
<p>New content soon.</p>
+
-
<br>
+
-
</td>
+
-
<td width="40px"></td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
<!-- end welcome box -->
 
-
<tr height="15px"></tr>
+
<!-------------------------------- ASIDE --------------------------------->
-
<tr><td></td><td bgColor="#e7e7e7"  height="1px" align="center"></td> </tr>
+
-
<tr height="5px"></tr>
+
-
</table>
+
 +
<div id="aside" style="width:100%; height:572px; background-color:#f9f9f9; border: 1px solid #ccc;">
 +
         
 +
    <div class="wrapper-aside">
-
<!--Nom du projet
+
          <h2 style="color:green; text-align:center; border:none; font-weight:bold; margin:30px 0px 50px 0px;">HUMAN PRACTICE</h2>
-
<center>
+
-
<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!!!
+
          <div class="sticker-aside" style="margin-right:20px;">
-
<table width="55%" height="10%">
+
            <img src="https://static.igem.org/mediawiki/2014/6/67/Template-igem2014-HP-1.jpg" alt="image safety" />
-
<tr><td><div align="justify"><font size="3" face=calibri color=black>
+
            <h2 style="margin:35px 10px;">Safety</h2>
-
Fungal diseases lead to major economic losses all over the world.
+
            <p>Safety is not just a slogan, it is a way of life.</p>
-
Some pathogens trigger trachemycosis by disturbing the vascular system of the plant.
+
            <a href="https://2014.igem.org/Team:Toulouse/Safety"><img src="https://static.igem.org/mediawiki/2014/6/6f/Template-igem2014-iconeHP.png"/></a>
-
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.  
+
          </div>
-
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.  
+
          <div class="sticker-aside" style="margin-right:20px;">
-
</font></div></td>
+
            <img src="https://static.igem.org/mediawiki/2014/e/ea/Ethics.jpg" alt="" />
-
<td align=center>
+
            <h2 style="margin:35px 10px;">Ethics</h2>
-
<img style="width:400px" ; src="https://static.igem.org/mediawiki/2014/9/96/Canal1.png">
+
            <p>"<i>Knowledge without conscience is but the ruin of the soul.</i>", F. Rabelais</p>
-
</td></tr>
+
            <a href="https://2014.igem.org/Team:Toulouse/ethics"><img src="https://static.igem.org/mediawiki/2014/6/6f/Template-igem2014-iconeHP.png"/></a>
-
<!--2eme ligne
+
          </div>
-
<tr><td align=center>
+
         
-
<img style="width:200px" ; src="https://static.igem.org/mediawiki/2014/7/72/Tronc_malade2.png">
+
          <div class="sticker-aside" style="position: relative;">
-
</td>
+
            <img src="https://static.igem.org/mediawiki/2014/2/20/Bacteria_talk.png" alt="" style="margin-top:26px;" />
-
<td><div align="justify"><font size="3" face=calibri color=black>
+
            <h2 style="margin:35px 10px;">Communication</h2>
-
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.
+
            <p>Good words are worth much, and cost little.</p>
-
Considering ecological and ethical matters, this project limits the spreading of our engineered bacterium in the environment.  
+
            <a href="https://2014.igem.org/Team:Toulouse/Communication"><img src="https://static.igem.org/mediawiki/2014/6/6f/Template-igem2014-iconeHP.png"/></a>
-
</font></div></td>
+
          </div>
-
</tr>
+
-
</table>
+
      </div>     
-
 
+
-
<!-- footer Test :-->
+
-
<center>
+
-
<div id="Footer" >
+
-
<table align="center" style="width : 100%;" bgColor="#99FF99">
+
-
    <td width="5px"></td>
+
-
    <td style="width: 35px;" align="center">
+
-
        <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>
+
-
        <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>
+
-
    </td>
+
-
    <td width="15px"></td>
+
-
    <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>
</div>
-
</center>
+
<div class="clear"></div>
 +
<!-------------------------------- SPONSOR --------------------------------->
 +
<div class="Sponsor" style="margin:0 auto; width:960px; padding:60px 0 70px;"><p align="center">
 +
    <img src="https://static.igem.org/mediawiki/2014/d/d5/Toulouse_sponsors.png" alt="Bandeau Sponsor"></p>
 +
</div>
 +
 
 +
<!-------------------------------- FOOTER --------------------------------->
</html>
</html>
 +
 +
{{:Team:Toulouse/template/footer}}

Latest revision as of 01:08, 18 October 2014

logo-igem

SubtiTree

Save our trees

Learn more


Présentation igem toulouse

SubtiTree project



Fungal diseases lead to major economic losses all over the world. Some pathogens trigger tracheomycosis 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 in particular along the famous Canal du Midi, participating to the site gorgeousness. Today, the only treatment consists in a costly preventive tree-cutting and implies significant ecological troubles. Facing this emergency, our team offers an innovative solution originating from synthetic biology.



Learn more
Overview
Let's save our trees with SubtiTree!
Read more
Chemotaxis
To target the pathogenic fungus
Read more
Binding
To be attached to the fungal pathogen wall
Read more
Modeling
To develop a predictive model
Read more
Spreading
How do we keep control on Subtitree?
Read more
Fungicides
To eradicate fungal diseases
Read more

HUMAN PRACTICE

image safety

Safety

Safety is not just a slogan, it is a way of life.

Ethics

"Knowledge without conscience is but the ruin of the soul.", F. Rabelais

Communication

Good words are worth much, and cost little.

iGEM Toulouse 2014

Retrieved from "http://2014.igem.org/Team:Toulouse"