Team:ULB-Brussels

From 2011.igem.org

(Difference between revisions)
 
(354 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 type="text/css"> @import "/2011.igem.org/User:Zeb/style.css&action=raw&ctype=text/css"; </style>
+
 +
    <style>
 +
#menubar .left-menu noprint{
 +
color: white;
 +
}
-
 
+
.right-menu{
-
 
+
background: none;
-
   
+
}
-
   </head>
+
 
 +
 
 +
#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/0/04/Fondt.png");
 +
background-repeat: repeat-x;
 +
 
 +
   background-color:  #b4b4b4;
 +
  }
 +
 
 +
 
 +
#header
 +
{
 +
background-image: url("https://static.igem.org/mediawiki/2011/1/11/Haut.png");
 +
width:985px;
 +
height:170px;
 +
margin: auto;
 +
padding-top: 10px;
 +
margin-top: 0px;
 +
}
 +
#main
 +
{
 +
float:left;
 +
width:697px;
 +
height:640px;
 +
margin: auto;
 +
}
 +
 
 +
#maintext
 +
{
 +
width:697px;
 +
min-height:200px;
 +
}
 +
 
 +
#menu a{
 +
color: red;
 +
}
 +
 
 +
#hmaint
 +
{
 +
color: white;
 +
font-weight: bolder;
 +
background-image: url("https://static.igem.org/mediawiki/2011/e/e1/Ulbmaintext.png");
 +
background-repeat:no-repeat;
 +
width:697px;
 +
height: 16px;
 +
padding-left: 4px;
 +
}
 +
 
 +
#maint
 +
{
 +
padding: 20px;
 +
padding-top: 10px;
 +
width:653px;
 +
height: 370px;
 +
border: 2px solid #27303e;
 +
text-align: justify;
 +
background-color: white;
 +
 
 +
}
 +
 
 +
#facebook{
 +
margin-top: 10px;
 +
height:200px;
 +
 
 +
}
 +
#joinus{
 +
background-repeat: no-repeat;
 +
padding-left: 4px;
 +
color: white;
 +
font-weight: bolder;
 +
width:274px;
 +
height:16px;
 +
background-image: url("https://static.igem.org/mediawiki/2011/6/6d/Ulbfacebook.png");
 +
}
 +
 
 +
#module{
 +
background-color: white;
 +
width:270px;
 +
height:402px;
 +
border: 2px solid #27303e;
 +
clear:float;
 +
}
 +
 
 +
#footer{
 +
width: 697px;
 +
margin-top: 10px;
 +
text-align: left;
 +
clear-left;
 +
}
 +
 
 +
#sponsor{
 +
width: 440px;
 +
height: 201px;
 +
float: left;
 +
}
 +
 
 +
#sponsort{
 +
padding-left: 4px;
 +
background-repeat: no-repeat;
 +
color: white;
 +
font-weight: bolder;
 +
width:440px;
 +
height:16px;
 +
background-image: url("https://static.igem.org/mediawiki/2011/1/11/Ulbsponsor.png");
 +
}
 +
 
 +
#sponsori{
 +
font-weight: bolder;
 +
background-image:url("https://static.igem.org/mediawiki/2011/6/65/Sponsorsulb2.png");
 +
padding: 4px;
 +
color: #690115;
 +
background-color: white;
 +
width:428px;
 +
height:175px;
 +
border: 2px solid #27303e;
 +
text-align:center;
 +
}
 +
 
 +
#photo{
 +
padding-top: 8px;
 +
background-color: black;
 +
background-repeat: no-repeat;
 +
float: left;
 +
width:244px;
 +
height: 195px;
 +
margin-left: 12px;
 +
}
 +
 
 +
#photot
 +
{
 +
width:247px;
 +
height: 16px;
 +
background-image: url("https://static.igem.org/mediawiki/2011/0/0b/Ulbphoto.png");
 +
}
 +
 
 +
#photoi
 +
{
 +
width:247px;
 +
height: 187px;
 +
background-color: black;
 +
}
 +
 
 +
#event{
 +
color: white;
 +
padding-left:10px;
 +
width: 272px;
 +
height: 201px;
 +
background-image: url("https://static.igem.org/mediawiki/2011/5/55/Rapport5.png");
 +
background-repeat: no-repeat;
 +
 
 +
}
 +
 
 +
 
 +
 
 +
#bas{
 +
clear: left;
 +
margin-top: 4px;
 +
background-image: url("https://static.igem.org/mediawiki/2011/3/34/Ulbbas.png");
 +
background-repeat: repeat-x;
 +
height: 30px;
 +
  margin: auto;
 +
}
 +
 
 +
#basi{
 +
padding-top: 5px;
 +
color: white;
 +
text-align: center;
 +
font-size: 11px;
 +
}
 +
 
 +
#basi a{
 +
color: white;
 +
}
 +
 
 +
 
 +
/*code justine */
 +
 
 +
#menu a /* pour changer les laids liens bleu soulignÈs*/
 +
{
 +
position:relative;
 +
color: white;
 +
text-decoration: none;
 +
text-align: center;
 +
}
 +
 
 +
#menu
 +
{
 +
position:relative;
 +
top:126px;
 +
font-size: 14px;
 +
color:white;
 +
font-weight: bolder;
 +
widht: 900px;
 +
 
 +
 
 +
}
 +
 
 +
#menu1 /* mise en forme menu1, plein de choses ‡ virer sur la version dÈfinitive*/
 +
{
 +
width:800px; /* version dÈfinitive:virer ca*/
 +
height: 20px; /* version dÈfinitive:virer ca*/
 +
font-size: 14px;
 +
text-align:center;
 +
}
 +
 
 +
#home
 +
{
 +
float:left;
 +
position: absolute;
 +
width: 50px;
 +
height: 20px;
 +
text-align:center;
 +
 
 +
}
 +
 
 +
#project
 +
{
 +
float:left;
 +
position: relative;
 +
left: 70px;
 +
width: 70px;
 +
height: 15px;
 +
text-align:center;
 +
 
 +
}
 +
 
 +
#modeling
 +
{
 +
float:left;
 +
text-align:center;
 +
position: relative;
 +
width: 90px;
 +
height: 20px;
 +
left:80px;
 +
}
 +
 
 +
#results
 +
{
 +
float:left;
 +
position: relative;
 +
width: 70px;
 +
height: 20px;
 +
left:90px;
 +
text-align:center;
 +
}
 +
 
 +
#parts
 +
{
 +
float:left;
 +
position: relative;
 +
width: 55px;
 +
height: 20px;
 +
left:100px;
 +
text-align:center;
 +
}
 +
 
 +
#human
 +
{
 +
float:left;
 +
position: relative;
 +
width: 130px;
 +
height: 20px;
 +
left:110px;
 +
text-align:center;
 +
}
 +
 
 +
#team
 +
{
 +
float:left;
 +
position: relative;
 +
width: 85px;
 +
height: 20px;
 +
left:110px;
 +
text-align:center;
 +
margin : auto;
 +
}
 +
 
 +
#team  td
 +
{
 +
text-align:center;
 +
}
 +
 
 +
#sponsors
 +
{
 +
float:left;
 +
position: relative;
 +
width: 90px;
 +
height: 20px;
 +
left:110px;
 +
text-align:center;
 +
}
 +
 
 +
.select
 +
{
 +
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(105,1,21);
 +
}
 +
 
 +
#menu2
 +
{
 +
width:985px;
 +
height:18px;
 +
font-size: 12px;
 +
padding-top: 1px;
 +
}
 +
 
 +
#menu2project /* juste pour dÈcaler l'Ècriture des sous-menus. plus facile que de repositionner chaque sous-menu, surtout quand c'ets les mÍmes pour modeling et results*/
 +
{
 +
position:relative;
 +
left: 61px;
 +
width:807px; /* version dÈfinitive:virer ca*/
 +
height:18px; /* version dÈfinitive:virer ca*/
 +
}
 +
 
 +
 
 +
#menu2results /* juste pour dÈcaler l'Ècriture des sous-menus. plus facile que de repositionner chaque sous-menu, surtout quand c'ets les mÍmes pour modeling et results*/
 +
{
 +
position:relative;
 +
left: 220px;
 +
width:807px; /* version dÈfinitive:virer ca*/
 +
height:18px; /* version dÈfinitive:virer ca*/
 +
}
 +
 
 +
#menu2modeling
 +
{
 +
position:relative;
 +
left:132px;
 +
width:888px;  /* version dÈfinitive:virer ca*/
 +
height:18px;  /* version dÈfinitive:virer ca*/
 +
}
 +
 
 +
#souspindel /* mise en forme du sous-menu "pindel", aussi bien pour modeling que result*/
 +
{
 +
position:absolute;
 +
left:50px;
 +
height:18px;
 +
text-align:center;
 +
width:50px;
 +
}
 +
 
 +
#soushelper /* mise en forme du sous-menu "plasmide helper", aussi bien pour modeling que result*/
 +
{
 +
position:absolute;
 +
left:111px;
 +
height:18px;
 +
text-align:center;
 +
width:80px;
 +
top:0px;
 +
}
 +
 
 +
#sousproof /* mise en forme du sous-menu "proof of concept", aussi bien pour modeling que result*/
 +
{
 +
position:absolute;
 +
left:193px;
 +
height:18px;
 +
text-align:center;
 +
width:120px;
 +
top:0px;
 +
}  
 +
 
 +
 
 +
.left-menu, .left-menu a {
 +
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