Team:ULB-Brussels

From 2011.igem.org

(Difference between revisions)
 
(350 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>
-
  body
+
#menubar .left-menu noprint{
 +
color: white;
 +
}
 +
 
 +
.right-menu{
 +
background: none;
 +
}
 +
 
 +
 
 +
#content {
 +
background: none;
 +
padding:0;
 +
width:100%;
 +
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{
 +
margin:0;
 +
padding:0;
 +
border:0;
 +
}
 +
#top-section {
 +
border:none;
 +
margin: 0 auto;
 +
height:0px  ! important;
 +
width:100%;
 +
}
 +
.firstHeading {
 +
display:none;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
  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 17: 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 32: 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 73: 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 91: 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 99: 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 129: 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 164: Line 251:
color: white;
color: white;
text-align: center;
text-align: center;
-
font-size: 15px;
+
font-size: 11px;
}
}
Line 186: Line 273:
position:relative;
position:relative;
top:126px;
top:126px;
 +
font-size: 14px;
 +
color:white;
 +
font-weight: bolder;
 +
widht: 900px;
 +
 +
}
}
Line 191: 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 201: Line 294:
position: absolute;
position: absolute;
width: 50px;
width: 50px;
-
height: 25px;
+
height: 20px;
text-align:center;
text-align:center;
Line 212: Line 305:
left: 70px;
left: 70px;
width: 70px;
width: 70px;
-
height: 25px;
+
height: 15px;
text-align:center;
text-align:center;
Line 223: Line 316:
position: relative;
position: relative;
width: 90px;
width: 90px;
-
height: 25px;
+
height: 20px;
left:80px;
left:80px;
}
}
Line 232: 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 242: 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 252: 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 262: 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 278: 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 285: 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 350: 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

Retrieved from "http://2011.igem.org/Team:ULB-Brussels"