Team:Toulouse

From 2014.igem.org

(Difference between revisions)
 
(239 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{:Team:Toulouse/template/header}}
-
 
+
-
 
+
<html>
<html>
 +
<!--/* open Sans : font Google*/-->
-
<!--main content -->
+
  <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
-
<table width="70%" align="center">
+
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
-
<!-- this section changes the default wiki template to a white full width background -->
+
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:800' rel='stylesheet' type='text/css'>
-
<style type="text/css">
+
<!--/* CSS contenu*/-->
-
#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.) --*/
+
<style type="text/css">
-
+
-
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 --*/
+
  .title1{color:green; font-family:'Open Sans'; font-weight:600; font-size:24px; margin:0 0 33px 0; border:none;}
-
width: 100%;  
+
-
height: 100%;
+
-
border: 0px;
+
-
background-color: transparent;
+
-
margin: 0px;
+
-
padding: 0px;
+
-
}
+
 +
  .title2{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:18px; margin:0 0 30px 0; border:none;}
-
html, body, .wrapper { /*-- changes default wiki settings --*/
+
  .title3{color:#7f8c8c; font-family:'Open Sans'; font-weight:400; font-size:16px; margin:0 0 20px 0; border:none;}
-
width: 100%;  
+
-
height: 100%;  
+
-
background-color: transparent;
+
-
}
+
-
</style>
+
  .texte{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 0 0; line-height:24px; text-align: justify; }
-
<!-- here ends the section that changes the default wiki template to a white full width background -->
+
/* Removing wiki-like stuff */
 +
/****************************/
 +
#contentSub, #search-controls, .firstHeading, #-box, #catlinks, #p-logo {
 +
    display:none;}
-
<!--welcome box -->
+
/* Redesigning the topmenu */
-
<tr>
+
/***************************/
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
body {
-
<h1 >Welcome everyone on our Wiki! </h1>
+
    : 0 0 0 0;
-
<p>Project under construction.</p>
+
    padding: 0px;}
-
<br>
+
#top-section {
-
<p>We invite you to follow us on facebook : <a href="http://www.facebook.com/iGEM.Toulouse.2014?ref_type=bookmark"style="color:#FFFFFF"> Click here </a></p>
+
    width: 965px;
-
<br>
+
    height: 0;
-
<p>New content soon.</p>
+
    margin: 0 auto ;
-
<br>
+
    padding: 0;
-
</td>
+
    border: none;}
-
</tr>
+
#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;}
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
/* Layout */
-
<!-- end welcome box -->
+
/**********/
-
<tr>
+
.l-content{margin-top:40px;}
-
<!--navigation menu -->
+
.l-content img{
-
<td align="center" colspan="3">
+
float:left;
 +
padding-top: 60px;
 +
width:290px;
 +
}
-
<table  width="100%">
+
.l-content .text-presentation{
-
<tr heigth="15px"></tr>
+
float:right;
-
<tr heigth="75px">
+
margin-top: -29px;
 +
width:610px
 +
}
 +
.l-content .text-presentation h1{
 +
text-align:center;
 +
border:none;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
/* ------------------------------------ gallerie ----*/
-
<a href="https://2014.igem.org/Team:Toulouse"style="color:#000000">Home </a> </td>
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.gallerie-project{
-
<a href="https://2014.igem.org/Team:Toulouse/Team"style="color:#000000"> Team </a> </td>
+
margin:0;
 +
padding 0;
 +
margin-top:40px;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.line-gallerie-project{
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Toulouse"style="color:#000000"> Official Team Profile </a></td>
+
background-color:#f0f0f0;
 +
height:310px;
 +
width:100%;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.part-little-projet{
-
<a href="https://2014.igem.org/Team:Toulouse/Project"style="color:#000000"> Project</a></td>
+
background-color:#82C46C;
 +
display: block;
 +
position: relative;
 +
height:310px;
 +
width: 310px;
 +
float:left;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.part-little-projet:hover{
-
<a href="https://2014.igem.org/Team:Toulouse/Parts"style="color:#000000"> Parts</a></td>
+
background-color:#22780F;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.title-part-projet{
-
<a href="https://2014.igem.org/Team:Toulouse/Modeling"style="color:#000000"> Modeling</a></td>
+
position: absolute;
 +
top:40px;
 +
left:33px;
 +
font-size:24px;
 +
color:white;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.part-large-projet{
-
<a href="https://2014.igem.org/Team:Toulouse/Notebook"style="color:#000000"> Notebook</a></td>
+
display: block;
 +
position: relative;
 +
height:310px;
 +
width: 650px;
 +
float:left;
 +
opacity:0.8;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.part-large-projet:hover{
-
<a href="https://2014.igem.org/Team:Toulouse/Safety"style=" color:#000000"> Safety </a></td>
+
opacity:1;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:Toulouse/Attributions"style="color:#000000"> Attributions </a></td>
 
 +
/* ------------------------------------ aside ----------*/
-
<td align ="center"> <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> </td>
+
.wrapper-aside{
-
</tr>
+
margin: 0 auto;
-
</table>
+
width:740px;
 +
}
-
<!--end navigation menu -->
+
.sticker-aside{
-
</tr>
+
background-color: #fff;
 +
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;
 +
}
-
</tr>
+
.sticker-aside h2{
-
+
border:none;
 +
color:#181818;
 +
font-size:20px;
 +
}
 +
.sticker-aside p{
 +
color:#888888;
 +
display: block;
 +
height: 40px;
 +
position: relative;
 +
bottom: 15px
 +
}
 +
.sticker-aside a{
 +
display: block;
 +
margin: 0 auto;
 +
top: 5px;
 +
position: relative;
 +
}
-
</td>
+
</style>
-
 
+
<!-------------------------------- CONTENT --------------------------------->
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
<br></br>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
<div class="l-content">
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
         
-
 
+
          <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" />
-
<!--requirements section -->
+
            <div class="text-presentation">
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
              <h1 class="title1" style="font-size:28px;">
-
<tr>
+
              SubtiTree project
-
<td width="45%"  valign="top">  
+
              </h1>
-
 
+
              <p class="texte"><br></br>
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
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>
-
<!-- Links to other team pages -->
+
<br></br>
-
<ul>
+
              <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>
-
<li><a href="https://2014.igem.org/Team:Toulouse">Home</a> </li>
+
            </div>
-
<li><a href="https://2014.igem.org/Team:Toulouse/Team">Team</a> </li>
+
          </div></center>
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Toulouse">Official Team Profile</a> </li>
+
         
-
<li><a href="https://2014.igem.org/Team:Toulouse/Project">Project</a> </li>
+
          <div class="clear"></div>
-
<li><a href="https://2014.igem.org/Team:Toulouse/Parts">Parts</a> </li>
+
         
-
<li><a href="https://2014.igem.org/Team:Toulouse/Modeling">Modeling</a> </li>
+
          <div class="gallerie-project" style="margin-bottom:50px; margin-top:70px;">
-
<li><a href="https://2014.igem.org/Team:Toulouse/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Toulouse/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Toulouse/Attributions">Attributions</a> </li>
+
-
</ul>
+
            <div class="line-gallerie-project">
 +
              <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>
+
              <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;">
 +
                <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 > </td>
+
              <a href="https://2014.igem.org/Team:Toulouse/Modelling" class="part-little-projet">
-
<td width="45%">
+
                <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>
-
<p>There are a few wiki requirements teams must follow:</p>
+
            <div class="line-gallerie-project">
-
<ul>
+
              <a href="https://2014.igem.org/Team:Toulouse/Project/Spreading" class="part-little-projet">
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload">  2014.igem.org server</a>. </li>
+
                <div class="title-part-projet">Spreading</div>
-
<li>All pages must be created under the team’s name space.</li>
+
                <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>
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
                <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>
-
<li>Do not use flash in wiki code. </li>
+
              </a>
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
-
</ul>
+
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
-
</td>
+
              <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;">
-
</tr>
+
                <div class="title-part-projet" style="color:white;
 +
position:absolute; right:30px;  text-align:right;  line-height:24px;"
 +
>Fungicides</div>
 +
                <div style="position:absolute; top:90px; right:30px;
 +
color:white; font-family:'Open Sans'; font-size:16px; width:200px;
 +
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>
 +
</div>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
</div>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
-
<!--tips  -->
+
<!-------------------------------- ASIDE --------------------------------->
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
-
<tr>
+
<div id="aside" style="width:100%; height:572px; background-color:#f9f9f9; border: 1px solid #ccc;">
-
<td width="45%" valign="top">  
+
         
-
<p>We are currently working on providing teams with some easy to use design templates.
+
    <div class="wrapper-aside">
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
-
<ul>
+
          <h2 style="color:green; text-align:center; border:none; font-weight:bold; margin:30px 0px 50px 0px;">HUMAN PRACTICE</h2>
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
-
</ul>
+
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p>
+
          <div class="sticker-aside" style="margin-right:20px;">
-
</td>
+
            <img src="https://static.igem.org/mediawiki/2014/6/67/Template-igem2014-HP-1.jpg" alt="image safety" />
 +
            <h2 style="margin:35px 10px;">Safety</h2>
 +
            <p>Safety is not just a slogan, it is a way of life.</p>
 +
            <a href="https://2014.igem.org/Team:Toulouse/Safety"><img src="https://static.igem.org/mediawiki/2014/6/6f/Template-igem2014-iconeHP.png"/></a>
 +
          </div>
 +
         
 +
          <div class="sticker-aside" style="margin-right:20px;">
 +
            <img src="https://static.igem.org/mediawiki/2014/e/ea/Ethics.jpg" alt="" />
 +
            <h2 style="margin:35px 10px;">Ethics</h2>
 +
            <p>"<i>Knowledge without conscience is but the ruin of the soul.</i>", F. Rabelais</p>
 +
            <a href="https://2014.igem.org/Team:Toulouse/ethics"><img src="https://static.igem.org/mediawiki/2014/6/6f/Template-igem2014-iconeHP.png"/></a>
 +
          </div>
 +
         
 +
          <div class="sticker-aside" style="position: relative;">
 +
            <img src="https://static.igem.org/mediawiki/2014/2/20/Bacteria_talk.png" alt="" style="margin-top:26px;" />
 +
            <h2 style="margin:35px 10px;">Communication</h2>
 +
            <p>Good words are worth much, and cost little.</p>
 +
            <a href="https://2014.igem.org/Team:Toulouse/Communication"><img src="https://static.igem.org/mediawiki/2014/6/6f/Template-igem2014-iconeHP.png"/></a>
 +
          </div>
-
<td> </td>
+
      </div>  
-
<td width="45%">  
+
</div>
 +
<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>
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
<!-------------------------------- FOOTER --------------------------------->
 +
</html>
-
<ul>
+
{{:Team:Toulouse/template/footer}}
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
-
<li>Have lots of fun! </li>
+
-
</ul>
+
-
</br>
+
-
</td>
+
-
</tr>
+
-
</table>
+

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"