Team:ULB-Brussels

From 2011.igem.org

(Difference between revisions)
 
(345 intermediate revisions not shown)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
+
<html>
-
  <head>
+
<head>
-
      <title>iGEM 2011 - ULB-Brussels</title>
+
 
-
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+
    <style>
-
<style>
+
 
 +
#menubar .left-menu noprint{
 +
color: white;
 +
}
 +
 
 +
.right-menu{
 +
background: none;
 +
}
 +
 
 +
 
#content {
#content {
background: none;
background: none;
Line 9: Line 18:
width:100%;
width:100%;
border:0;
border:0;
 +
margin-top:Opx;
 +
}
 +
 +
 +
 +
#p-logo {
 +
display:none;
 +
}
 +
 +
 +
#top-section {
 +
border:none;
 +
margin: 0 auto;
 +
height:0px  ! important;
 +
width:100%;
 +
}
 +
 +
img.bg_team {
 +
/* Set rules to fill background */
 +
min-height: 100%;
 +
min-width: 1024px;
 +
 +
/* Set up proportionate scaling */
 +
width: 100%;
 +
height: auto;
 +
 +
/* Set up positioning */
 +
position: fixed;
 +
top: 0;
 +
left: 0;
 +
z-index:-1;
 +
}
 +
 +
 +
 +
#catlinks{
 +
width:0px;
 +
height:0px;
 +
display:none;
 +
}
 +
#footer-box{
 +
width:0px;
 +
height:0px;
 +
display:none;
 +
}
 +
#search-controls {
 +
display:none;
 +
}
#globalWrapper{
#globalWrapper{
Line 25: Line 82:
}
}
-
#content {
 
-
background: none;
 
-
padding:0;
 
-
width:100%;
 
-
border:0;
 
-
}
 
-
#bodyContent{
 
-
margin:0 auto;
 
-
padding:0;
 
-
width:685px;
 
-
border:0;
 
-
background:none;
 
-
z-index:800;
 
-
}
 
-
body
+
  body
{
{
-
  background-image: url("https://static.igem.org/mediawiki/2011/4/46/Ubfondhd.png");  
+
  background-image: url("https://static.igem.org/mediawiki/2011/0/04/Fondt.png");  
background-repeat: repeat-x;
background-repeat: repeat-x;
-
  margin: auto; /* Pour centrer notre page */
+
 
-
   background-color: #e6e6e6;
+
   background-color: #b4b4b4;
   }
   }
Line 53: Line 96:
#header
#header
{
{
-
background-image: url("https://static.igem.org/mediawiki/2011/2/2c/Ulbhaut.png");
+
background-image: url("https://static.igem.org/mediawiki/2011/1/11/Haut.png");
-
width:992px;
+
width:985px;
-
height:181px;
+
height:170px;
-
    margin: auto; /* Pour centrer notre page */
+
margin: auto;
 +
padding-top: 10px;
 +
margin-top: 0px;
}
}
-
 
#main
#main
{
{
-
width:992px;
+
float:left;
-
height:430px;
+
width:697px;
 +
height:640px;
margin: auto;
margin: auto;
}
}
Line 68: Line 113:
#maintext
#maintext
{
{
-
float: left;
 
width:697px;
width:697px;
min-height:200px;
min-height:200px;
 +
}
 +
 +
#menu a{
 +
color: red;
}
}
#hmaint
#hmaint
{
{
-
color: #690115;
+
color: white;
font-weight: bolder;
font-weight: bolder;
-
float: left;
 
background-image: url("https://static.igem.org/mediawiki/2011/e/e1/Ulbmaintext.png");
background-image: url("https://static.igem.org/mediawiki/2011/e/e1/Ulbmaintext.png");
background-repeat:no-repeat;
background-repeat:no-repeat;
width:697px;
width:697px;
height: 16px;
height: 16px;
 +
padding-left: 4px;
}
}
#maint
#maint
{
{
-
float: left;
+
padding: 20px;
-
padding: 4px;
+
padding-top: 10px;
 +
width:653px;
 +
height: 370px;
 +
border: 2px solid #27303e;
 +
text-align: justify;
background-color: white;
background-color: white;
-
width:685px;
+
 
-
height: 392px;
+
-
border: 2px inset #27303e;
+
}
}
#facebook{
#facebook{
-
margin-left: 707px;
+
margin-top: 10px;
height:200px;
height:200px;
 +
}
}
#joinus{
#joinus{
-
color: #690115;
+
background-repeat: no-repeat;
 +
padding-left: 4px;
 +
color: white;
font-weight: bolder;
font-weight: bolder;
width:274px;
width:274px;
Line 109: Line 162:
background-color: white;
background-color: white;
width:270px;
width:270px;
-
height:400px;
+
height:402px;
-
border: 2px inset #27303e;  
+
border: 2px solid #27303e;  
clear:float;
clear:float;
}
}
#footer{
#footer{
-
width: 992px;
+
width: 697px;
-
height: 201px;
+
margin-top: 10px;
-
margin:auto;
+
text-align: left;
 +
clear-left;
}
}
Line 127: Line 181:
#sponsort{
#sponsort{
-
color: #690115;
+
padding-left: 4px;
 +
background-repeat: no-repeat;
 +
color: white;
font-weight: bolder;
font-weight: bolder;
width:440px;
width:440px;
Line 135: Line 191:
#sponsori{
#sponsori{
 +
font-weight: bolder;
 +
background-image:url("https://static.igem.org/mediawiki/2011/6/65/Sponsorsulb2.png");
padding: 4px;
padding: 4px;
-
color: white;
+
color: #690115;
-
background-color: #690115;
+
background-color: white;
width:428px;
width:428px;
height:175px;
height:175px;
-
border: 2px inset #27303e;  
+
border: 2px solid #27303e;
 +
text-align:center;  
}
}
#photo{
#photo{
 +
padding-top: 8px;
 +
background-color: black;
 +
background-repeat: no-repeat;
float: left;
float: left;
-
width:247px;
+
width:244px;
-
height: 201px;
+
height: 195px;
-
margin-left: 10px;
+
margin-left: 12px;
}
}
Line 165: Line 227:
#event{
#event{
-
float: left;
+
color: white;
-
margin-left: 10px;
+
padding-left:10px;
-
width: 274px;
+
width: 272px;
height: 201px;
height: 201px;
-
}
+
background-image: url("https://static.igem.org/mediawiki/2011/5/55/Rapport5.png");
 +
background-repeat: no-repeat;
-
#nextevent{
 
-
color: #690115;
 
-
font-weight: bolder;
 
-
width:274px;
 
-
height:16px;
 
-
background-image: url("https://static.igem.org/mediawiki/2011/a/a8/Ulbnextevent.png");
 
}
}
-
#eventi{
+
 
-
padding: 4px;
+
-
color: white
+
-
width:266px;
+
-
height: 175px;
+
-
border: 2px inset #27303e;
+
-
background-color: #690115;
+
-
}
+
#bas{
#bas{
 +
clear: left;
margin-top: 4px;
margin-top: 4px;
background-image: url("https://static.igem.org/mediawiki/2011/3/34/Ulbbas.png");
background-image: url("https://static.igem.org/mediawiki/2011/3/34/Ulbbas.png");
Line 200: Line 251:
color: white;
color: white;
text-align: center;
text-align: center;
-
font-size: 15px;
+
font-size: 11px;
}
}
Line 222: Line 273:
position:relative;
position:relative;
top:126px;
top:126px;
 +
font-size: 14px;
 +
color:white;
 +
font-weight: bolder;
 +
widht: 900px;
 +
 +
}
}
Line 227: Line 284:
{
{
width:800px; /* version dÈfinitive:virer ca*/
width:800px; /* version dÈfinitive:virer ca*/
-
height: 25px; /* version dÈfinitive:virer ca*/
+
height: 20px; /* version dÈfinitive:virer ca*/
-
font-size: 20px;
+
font-size: 14px;
text-align:center;
text-align:center;
}
}
Line 237: Line 294:
position: absolute;
position: absolute;
width: 50px;
width: 50px;
-
height: 25px;
+
height: 20px;
text-align:center;
text-align:center;
Line 248: Line 305:
left: 70px;
left: 70px;
width: 70px;
width: 70px;
-
height: 25px;
+
height: 15px;
text-align:center;
text-align:center;
Line 259: Line 316:
position: relative;
position: relative;
width: 90px;
width: 90px;
-
height: 25px;
+
height: 20px;
left:80px;
left:80px;
}
}
Line 268: Line 325:
position: relative;
position: relative;
width: 70px;
width: 70px;
-
height: 25px;
+
height: 20px;
left:90px;
left:90px;
text-align:center;
text-align:center;
Line 278: Line 335:
position: relative;
position: relative;
width: 55px;
width: 55px;
-
height: 25px;
+
height: 20px;
left:100px;
left:100px;
text-align:center;
text-align:center;
Line 288: Line 345:
position: relative;
position: relative;
width: 130px;
width: 130px;
-
height: 25px;
+
height: 20px;
left:110px;
left:110px;
text-align:center;
text-align:center;
Line 298: Line 355:
position: relative;
position: relative;
width: 85px;
width: 85px;
-
height: 25px;
+
height: 20px;
left:110px;  
left:110px;  
text-align:center;
text-align:center;
Line 314: Line 371:
position: relative;
position: relative;
width: 90px;
width: 90px;
-
height: 25px;
+
height: 20px;
left:110px;
left:110px;
text-align:center;
text-align:center;
Line 321: Line 378:
.select
.select
{
{
-
height:25px; /* si tu modifies hauteur du menu1, il faut modifier ca aussi. Il ne s'adapte pas automatiquement, parce qu'il fait en fonctiond  ela taille du texte */
+
height:21px; /* si tu modifies hauteur du menu1, il faut modifier ca aussi. Il ne s'adapte pas automatiquement, parce qu'il fait en fonctiond  ela taille du texte */
-
background-color:rgb(115,1,21);
+
background-color:rgb(105,1,21);
}
}
#menu2
#menu2
{
{
-
width:1020px;
+
width:985px;
height:18px;
height:18px;
font-size: 12px;
font-size: 12px;
Line 386: Line 443:
top:0px;
top:0px;
}    
}    
-
</style>
+
 
-
 
+
 
-
 
+
.left-menu, .left-menu a {
-
  </head>
+
color: white;   
 +
left: 0px;
 +
    text-align: left;
 +
    color:transparent;
 +
    text-transform: lowercase;
 +
 
 +
}
 +
.left-menu a:hover {
 +
}
 +
.left-menu:hover {
 +
    color: white;
 +
    background:none;
 +
}
 +
.right-menu, .right-menu a {
 +
    right: 0px;
 +
    text-align: right;
 +
    color: white;
 +
 
 +
}
 +
#menu a
 +
  {
 +
  margin-left:20px; /*espace entre les lien*/
 +
  display:block; /*Pour que le lien soit un vrai bloc*/
 +
  float:left; /*Pour que les blocs soient alignés horizontalement (essayez de l'enlever pour voir)*/
 +
  height:30px; /*La même hauteur que notre menu*/
 +
  border:none; /*On enlève les bordures (enfin, on ne les met pas, même s'il n'y en avait pas)*/
 +
  }
 +
 
 +
#couleur
 +
{
 +
padding-left: 5px;
 +
padding-right:5px;
 +
background-color: #690115;
 +
}
 +
 
 +
#colg{
 +
margin-left: 12px;
 +
float: left;
 +
width: 272px;
 +
}
 +
 
 +
#conteneur
 +
{
 +
width: 985px;
 +
margin: auto;
 +
}
 +
 
 +
  </style>
 +
 
 +
</head>  
    
    
-
 
+
    <div id="header"> <!-- Images de logo -->
-
+
<div id="menu">
-
  <body>
+
<a id="couleur" href="https://2011.igem.org/Team:ULB-Brussels">Home</a>
-
<div id="header"> <!-- Images de logo -->
+
<a href="https://2011.igem.org/Team:ULB-Brussels/project">Project</a>
-
<div id="menu">
+
<a href="https://2011.igem.org/Team:ULB-Brussels/modeling">Modelling</a>
-
<div id="menu1">
+
<a href="https://2011.igem.org/Team:ULB-Brussels/human">Human practice</a>
-
<div id="home">
+
<a href="https://2011.igem.org/Team:ULB-Brussels/Discussion">Discussion</a>
-
<a href="home.php"> Home </a>
+
<a href="https://2011.igem.org/Team:ULB-Brussels/parts">Parts</a>
-
</div>
+
<a href="https://2011.igem.org/Team:ULB-Brussels/safety">Safety</a>
-
<div id="project">
+
<a href="https://2011.igem.org/Team:ULB-Brussels/team">Team</a>
-
    <div id="selection1">
+
<a href="https://2011.igem.org/Team:ULB-Brussels/sponsors">Sponsors</a>
-
<a id="click1" href="#" onclick="return false;">Project</a>
+
-
<script>
+
-
var el= document.getElementById('click1');
+
-
el.onclick = function(){
+
-
document.getElementById('selection2').className='';
+
-
document.getElementById('selection3').className='';
+
-
document.getElementById('selection1').className='select';
+
-
document.getElementById('menu2').innerHTML=
+
-
'<div id="menu2project"><div id="souspindel"><a href="modelingpindel.html"> Pindel </a></div><div id="soushelper"><a href="modelinghelper.html"> Plasmid helpers </a></div><div id="sousproof"><a href="modelingproof.html"> Proof of concept </a></div></div>'
+
-
;
+
-
};
+
-
</script>
+
-
</div> </div>
+
-
<div id="modeling">
+
-
    <div id="selection2">
+
-
<a id="click2" href="#" onclick="return false;">Modeling</a>
+
-
<script>
+
-
var el= document.getElementById('click2');
+
-
el.onclick = function(){
+
-
document.getElementById('selection3').className='';
+
-
document.getElementById('selection1').className='';
+
-
document.getElementById('selection2').className='select';
+
-
document.getElementById('menu2').innerHTML=
+
-
'<div id="menu2modeling"><div id="souspindel"><a href="modelingpindel.html"> Pindel </a></div><div id="soushelper"><a href="modelinghelper.html"> Plasmid helpers </a></div><div id="sousproof"><a href="modelingproof.html"> Proof of concept </a></div></div>'
+
-
;
+
-
};
+
-
</script>
+
-
</div> </div>
+
-
<div id="results">
+
-
    <div id="selection3">
+
-
<a id="click3" href="#" onclick="return false;">Results</a>
+
-
<script>
+
-
var el= document.getElementById('click3');
+
-
el.onclick = function(){
+
-
document.getElementById('selection3').className='select';
+
-
document.getElementById('selection1').className='';
+
-
document.getElementById('selection2').className='';
+
-
document.getElementById('menu2').innerHTML=
+
-
'<div id="menu2results"><div id="souspindel"><a href="resultspindel.html"> Pindel </a></div><div id="soushelper"><a href="resultshelper.html"> Plasmid helpers </a></div><div id="sousproof"><a href="resultsproof.html"> Proof of concept </a></div></div>'
+
-
;
+
-
}
+
-
;
+
-
</script>
+
-
</div> </div>
+
-
<div id="parts">
+
</div>
-
<a href="parts.php"> Parts </a>
+
 
-
</div>
+
    </div>
-
<div id="human">
+
 
-
<a href="human.php"> Human practice </a>
+
<div id= "conteneur">
-
</div>
+
<div id="main">  
-
<div id="team">
+
<div id="maintext">
-
<a href="team.php"> Team </a>
+
<div id="hmaint">
-
</div>
+
One-step gene insertion or deletion
-
<div id="sponsors">
+
-
<a href="sponsors.php"> Sponsors </a>
+
-
</div>
+
-
</div>
+
-
+
-
<div id="menu2">
+
-
+
-
</div>
+
-
           
+
-
        </div>
+
</div>
</div>
-
 
+
<div id="maint">
-
<div id="main">  
+
<p>
-
<div id="maintext">
+
One of the most basic actions of all engineers is the assembly and the deletion of fundamental parts (bricks). Bearing in mind that one of the purposes of the iGEM is to make the link between synthetic biology and engineering sciences, we'd like to manage those simple steps in the easiest way in biological systems.
-
<div id="hmaint">
+
</p>
-
One-step gene insertion or deletion
+
<p>
-
</div>
+
Unfortunately, in E. coli, it's still difficult to do that in one step because of the lack of genetic tools to catalyze homologous recombination with linear DNA. By the assembly of a unique plasmid containing different genes derived from phages, we aim to provide the iGEM with a system that would confer to E. coli the useful properties of yeasts.
-
<div id="maint">
+
</p>
-
le text principale ici
+
<p>
-
</div>
+
We called this plasmid Pindel, acronym for plasmid of insertion and deletion of genes.
-
</div>
+
</p>
-
<div id="facebook">
+
<p>
-
<div id="joinus">
+
In order to ensure high quality work, we build our project on three complementary and parallel axes :
-
Join us on facebook
+
  <ul>
-
</div>
+
    <li>The first one is lead by a group called "Wet lab" and composed of biologists. They are charged to propose a design and to construct and experiment the tool for characterisation.</li>
-
<div id="module">
+
    <li>The second one is based on a group called "Modelling Team" and composed of mathematicians and physicists. They model the genetic circuit with parameters derived from the characterisation in order to find the optimal design and to refine the initial one.</li>
-
le module facebook ici
+
    <li>And finally, the third one, organised by the "Human Practise team" composed of students from social sciences, will discuss the ethical questions asked by people when living organisms are being handled. They aim to understand people's fears with statistical survey, to give them inform them about synthetic biology and to check the impact of our intervention on their initial fears.</li>
-
</div>
+
  </ul>
-
</div>
+
</p>
 +
              </div>
 +
        </div> <!-- fin maintext -->
 +
       
 +
 
 +
        <div id="footer">
 +
  <div id="sponsor">
 +
<div id="sponsort">
 +
Sponsors
</div>
</div>
-
+
<div id="sponsori">
-
<div id="footer">
+
Thanks for the support our sponsors have given us. <p>Without them the project would not have happened.</p>
-
<div id="sponsor">
+
                </div>
-
<div id="sponsort">
+
    </div>
-
Sponsors
+
<div id="photo">
-
</div>
+
<object width="244" height="187"> <param name="flashvars" value="offsite=true&lang=fr-fr&page_show_url=%2Fphotos%2F66920759%40N05%2Fsets%2F72157627432280681%2Fshow%2F&page_show_back_url=%2Fphotos%2F66920759%40N05%2Fsets%2F72157627432280681%2F&set_id=72157627432280681&jump_to="></param> <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=104087"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=104087" allowFullScreen="true" flashvars="offsite=true&lang=fr-fr&page_show_url=%2Fphotos%2F66920759%40N05%2Fsets%2F72157627432280681%2Fshow%2F&page_show_back_url=%2Fphotos%2F66920759%40N05%2Fsets%2F72157627432280681%2F&set_id=72157627432280681&jump_to=" width="244" height="187"></embed></object>
-
<div id="sponsori">
+
</div>
-
Thanks for the support our sponsors have given us. Without them the project would not of happened.</div>
+
    </div> <!-- Fin footer -->
-
</div>
+
 
-
<div id="photo">
+
</div> <!-- Fin main -->
-
<div id="photot">
+
<div id="colg">
-
</div>
+
        <div id="event">
-
<div id="photoi">
+
<a href="https://2011.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2011/a/a4/Igemlink.png" alt="igemhq" /></a>
-
</div>
+
 
-
</div>
+
<p><strong> October 01 - 02 : </strong>European Jamborees</p>
-
<div id="event">
+
</br>
-
<div id="nextevent">
+
<p><center> <strong>Full report:</strong>        <a href="http://91.121.27.129/Cam/FINAL2.pdf"><img src="https://static.igem.org/mediawiki/2011/0/07/PDF-Download.gif" alt="here" /></a></center>
-
Next events
+
  </p></br>
-
</div>
+
 
-
<div id="eventi">
+
</div>
-
ici les prochains events
+
      <div id="facebook">
-
</div>
+
<div id="joinus">
-
</div>
+
Join us on facebook
</div>
</div>
-
<div id="bas">
+
<div id="module">
-
<div id="basi">
+
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/pages/iGEM-ULB-Brussels-2011/270565199622999" width="270" show_faces="false" border_color="white" stream="true" header="false"></fb:like-box>
-
iGEM ULB Brussles Team - <a href="mailto:sgerard@ulb.ac.be">Contact us</a>
+
-
</div>
+
</div>
</div>
-
  </body>
+
</div>
 +
</div>
 +
 
 +
</div><!-- Fin conteneur -->
 +
 
 +
<div id="bas">
 +
<div id="basi">
 +
iGEM ULB Brussels Team - <a href="mailto:lvmelder@ulb.ac.be">Contact us</a>
 +
</div>
 +
</div>
 +
</html>
</html>

Latest revision as of 03:48, 22 September 2011

One-step gene insertion or deletion

One of the most basic actions of all engineers is the assembly and the deletion of fundamental parts (bricks). Bearing in mind that one of the purposes of the iGEM is to make the link between synthetic biology and engineering sciences, we'd like to manage those simple steps in the easiest way in biological systems.

Unfortunately, in E. coli, it's still difficult to do that in one step because of the lack of genetic tools to catalyze homologous recombination with linear DNA. By the assembly of a unique plasmid containing different genes derived from phages, we aim to provide the iGEM with a system that would confer to E. coli the useful properties of yeasts.

We called this plasmid Pindel, acronym for plasmid of insertion and deletion of genes.

In order to ensure high quality work, we build our project on three complementary and parallel axes :

  • The first one is lead by a group called "Wet lab" and composed of biologists. They are charged to propose a design and to construct and experiment the tool for characterisation.
  • The second one is based on a group called "Modelling Team" and composed of mathematicians and physicists. They model the genetic circuit with parameters derived from the characterisation in order to find the optimal design and to refine the initial one.
  • And finally, the third one, organised by the "Human Practise team" composed of students from social sciences, will discuss the ethical questions asked by people when living organisms are being handled. They aim to understand people's fears with statistical survey, to give them inform them about synthetic biology and to check the impact of our intervention on their initial fears.

igemhq

October 01 - 02 : European Jamborees


Full report: here


Join us on facebook
iGEM ULB Brussels Team - Contact us