Team:Bordeaux/Project

From 2012.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html lang="en">
 +
<head>
 +
<title>Project - iGEM Bordeaux 2012</title>
 +
<meta charset="utf-8">
 +
<link rel="stylesheet" href="http://cdjemiel.free.fr/igem2012/css/reset.css" type="text/css" media="all">
 +
<link rel="stylesheet" href="http://cdjemiel.free.fr/igem2012/css/hackIgem.css" type="text/css" media="all">
 +
<link rel="stylesheet" href="http://cdjemiel.free.fr/igem2012/css/grid.css" type="text/css" media="all">
 +
<link rel="stylesheet" href="http://cdjemiel.free.fr/igem2012/css/styleIgem.css" type="text/css" media="all">
 +
<link rel="stylesheet" href="http://cdjemiel.free.fr/igem2012/css/jquery-ui-1.8.5.custom.css" type="text/css" media="all">
 +
<script type="text/javascript" src="http://cdjemiel.free.fr/igem2012/js/jquery-1.4.2.min.js" ></script>
 +
<script type="text/javascript" src="http://cdjemiel.free.fr/igem2012/js/jquery.cycle.all.js"></script>
 +
<script type="text/javascript" src="http://cdjemiel.free.fr/igem2012/js/jquery-ui-1.8.5.custom.min.js"></script>
 +
<!--[if lt IE 9]>
 +
<script type="text/javascript" src="http://cdjemiel.free.fr/igem2012/js/html5.js"></script>
 +
<![endif]-->
 +
</head>
-
<style type="text/css">
 
-
img[src*="/wiki/skins/common/images/wiki.png"]{
 
-
    width:0;
 
-
    height:98px;
 
-
    margin-top:2%;
 
-
    padding-right:975px;
 
-
    background-image:url(https://static.igem.org/mediawiki/2012/9/98/Banniere_bdx.png);
 
-
}
 
-
 
-
#p-logo a{
 
-
color:#transparent;
 
-
}
 
-
 
-
#search-controls {
 
-
  display:none;
 
-
}
 
-
 
-
#siteSub {
 
-
  display:none;
 
-
}
 
-
 
-
.firstHeading {
 
-
  display:none;
 
-
}
 
-
 
-
#siteSub {
 
-
  display:none;
 
-
}
 
-
 
-
 
-
#content {
 
-
  border:0px;
 
-
  background:none;
 
-
  opacity:1.0;
 
-
}
 
-
 
-
#contentSub {
 
-
  display:none;
 
-
}
 
-
 
-
#catlinks {
 
-
  border:0px;
 
-
  display:none;
 
-
}
 
-
 
-
#footer-box {
 
-
  display:none;
 
-
}
 
-
 
-
#menubar li a {
 
-
  color:#096A09;
 
-
  background-color:transparent;
 
-
}
 
-
 
-
#menubar li a:hover {
 
-
  text-decoration:none;
 
-
  color:white;
 
-
}
 
-
 
-
#menubar ul {
 
-
  color:transparent;
 
-
  background-color:transparent;
 
-
}
 
-
 
-
#menubar {
 
-
  background-color:transparent;
 
-
  margin-top:5px;
 
-
  font-size:11px;
 
-
  white-space:nowrap;
 
-
  overflow:hidden
 
-
}
 
-
 
-
img {
 
-
    border: none;
 
-
}
 
-
 
-
p { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:80%; font-family:inherit; vertical-align:baseline;}
 
-
 
-
caption{ text-align:left; font-weight:normal; }
 
-
 
-
 
-
 
-
/* ---------------------------
 
-
  PAGE ELEMENTS
 
-
------------------------------ */
 
-
 
-
.clear {
 
-
clear:both;
 
-
}
 
-
 
-
/* -----------------------------
 
-
MAIN NAVIGATION        */
 
-
 
-
.nav_container {
 
-
margin:0 auto;
 
-
width: 975px;
 
-
}
 
-
#navMenu{
 
-
display: inline;
 
-
margin: 0;
 
-
padding: 0px;
 
-
position: relative;
 
-
z-index: 6;
 
-
}
 
-
#navMenu li{
 
-
float: left;
 
-
display: inline;
 
-
}
 
-
 
-
#navMenu li.first{
 
-
float: left;
 
-
display: inline;
 
-
background: url("https://static.igem.org/mediawiki/2012/e/ef/Left_nav_bdx.png");
 
-
width:36px;
 
-
height:58px;
 
-
}
 
-
#navMenu li.last{
 
-
float: left;
 
-
display: inline;
 
-
background: url("https://static.igem.org/mediawiki/2012/b/b5/Right_nav_bdx.png");
 
-
width:37px;
 
-
height:58px;
 
-
}
 
-
 
-
 
-
a.navHome, a.navHome_a{
 
-
display:block;
 
-
float:left;
 
-
width:140px;
 
-
height:58px;
 
-
background: url("https://static.igem.org/mediawiki/2012/8/83/Home_bdx.png");
 
-
background-repeat:no-repeat;
 
-
}
 
-
a.navHome:hover{
 
-
 
-
background: url("https://static.igem.org/mediawiki/2012/8/83/Home_bdx.png") 0 116px;
 
-
}
 
-
a.navHome_a:active{
 
-
 
-
background: url("https://static.igem.org/mediawiki/2012/8/83/Home_bdx.png") 0 232px;
 
-
background-repeat:no-repeat;
 
-
 
-
}
 
-
 
-
a.navTeam, a.navTeam_a{
 
-
display:block;
 
-
float:left;
 
-
width:140px;
 
-
height:58px;
 
-
background: url("https://static.igem.org/mediawiki/2012/9/96/Team_bdx.png");
 
-
background-repeat:no-repeat;
 
-
}
 
-
a.navTeam:hover{
 
-
background: url("https://static.igem.org/mediawiki/2012/9/96/Team_bdx.png") 0 116px;
 
-
}
 
-
a.navTeam_a:active{
 
-
 
-
background: url("https://static.igem.org/mediawiki/2012/9/96/Team_bdx.png") 0 232px;
 
-
}
 
-
 
-
a.navProject, a.navProject_a{
 
-
display:block;
 
-
float:left;
 
-
width:140px;
 
-
height:58px;
 
-
background: url("https://static.igem.org/mediawiki/2012/8/86/Project_bdx.png");
 
-
background-repeat:no-repeat;
 
-
}
 
-
a.navProject:hover{
 
-
background: url("https://static.igem.org/mediawiki/2012/8/86/Project_bdx.png") 0 116px;
 
-
}
 
-
a.navProject_a:active{
 
-
background: url("https://static.igem.org/mediawiki/2012/8/86/Project_bdx.png") 0 232px;
 
-
}
 
-
 
-
a.navModelling, a.navModelling_a{
 
-
display:block;
 
-
float:left;
 
-
width:140px;
 
-
height:58px;
 
-
background: url("https://static.igem.org/mediawiki/2012/8/86/Project_bdx.png");
 
-
background-repeat:no-repeat;
 
-
}
 
-
a.navModelling:hover{
 
-
background: url("https://static.igem.org/mediawiki/2012/8/86/Project_bdx.png") 0 116px;
 
-
}
 
-
a.navModelling_a{
 
-
background: url("https://static.igem.org/mediawiki/2012/8/86/Project_bdx.png") 0 58px;
 
-
}
 
-
 
-
a.navBiology, a.navBiology_a{
 
-
display:block;
 
-
float:left;
 
-
width:140px;
 
-
height:58px;
 
-
background: url("https://static.igem.org/mediawiki/2012/8/86/Project_bdx.png");
 
-
background-repeat:no-repeat;
 
-
}
 
-
a.navBiology:hover{
 
-
 
-
background: url("https://static.igem.org/mediawiki/2012/8/86/Project_bdx.png") 0 116px;
 
-
}
 
-
a.navBiology_a{
 
-
 
-
background: url("https://static.igem.org/mediawiki/2012/8/86/Project_bdx.png") 0 58px;
 
-
}
 
-
 
-
a.navPartners, a.navPartners_a{
 
-
display:block;
 
-
float:left;
 
-
width:140px;
 
-
height:58px;
 
-
background: url("https://static.igem.org/mediawiki/2012/b/ba/Partners_bdx.png");
 
-
background-repeat:no-repeat;
 
-
}
 
-
a.navPartners:hover{
 
-
 
-
background: url("https://static.igem.org/mediawiki/2012/b/ba/Partners_bdx.png") 0 116px;
 
-
}
 
-
a.navPartners_a{
 
-
 
-
background: url("https://static.igem.org/mediawiki/2012/b/ba/Partners_bdx.png") 0 58px;
 
-
}
 
-
 
-
.firstHeading {
 
-
  display: none;
 
-
}
 
-
 
-
body {
 
-
  background-color: #6c131d ;
 
-
  text-align: justify;
 
-
}
 
-
 
-
section{
 
-
font-family: 'Lekton', Arial, serif;
 
-
display: inline-block;   
 
-
width: 975px;
 
-
vertical-align: top;
 
-
}
 
-
 
-
#container {
 
-
width:580px;
 
-
padding:100px;
 
-
margin:0 auto;
 
-
position:relative;
 
-
z-index:0;
 
-
}
 
-
 
-
#example {
 
-
width:600px;
 
-
height:350px;
 
-
position:relative;
 
-
}
 
-
 
-
#ribbon {
 
-
position:absolute;
 
-
top:-3px;
 
-
left:-15px;
 
-
z-index:500;
 
-
}
 
-
 
-
#frame {
 
-
position:absolute;
 
-
z-index:0;
 
-
width:739px;
 
-
height:341px;
 
-
top:-3px;
 
-
left:-80px;
 
-
}
 
-
 
-
/*
 
-
Slideshow
 
-
*/
 
-
 
-
#slides {
 
-
position:absolute;
 
-
top:15px;
 
-
left:4px;
 
-
z-index:100;
 
-
}
 
-
 
-
/*
 
-
Slides container
 
-
Important:
 
-
Set the width of your slides container
 
-
Set to display none, prevents content flash
 
-
*/
 
-
 
-
.slides_container {
 
-
width:570px;
 
-
overflow:hidden;
 
-
position:relative;
 
-
display:none;
 
-
}
 
-
 
-
/*
 
-
Each slide
 
-
Important:
 
-
Set the width of your slides
 
-
If height not specified height will be set by the slide content
 
-
Set to display block
 
-
*/
 
-
 
-
.slides_container div.slide {
 
-
width:570px;
 
-
height:270px;
 
-
display:block;
 
-
}
 
-
 
-
 
-
/*
 
-
Next/prev buttons
 
-
*/
 
-
 
-
#slides .next,#slides .prev {
 
-
position:absolute;
 
-
top:107px;
 
-
left:-39px;
 
-
width:24px;
 
-
height:43px;
 
-
display:block;
 
-
z-index:101;
 
-
}
 
-
 
-
#slides .next {
 
-
left:585px;
 
-
}
 
-
 
-
/*
 
-
Pagination
 
-
*/
 
-
 
-
.pagination {
 
-
margin:26px auto 0;
 
-
width:100px;
 
-
}
 
-
 
-
.pagination li {
 
-
float:left;
 
-
margin:0 1px;
 
-
list-style:none;
 
-
}
 
-
 
-
.pagination li a {
 
-
display:block;
 
-
width:12px;
 
-
height:0;
 
-
padding-top:12px;
 
-
background-image:url(https://static.igem.org/mediawiki/2012/a/af/Pagination.png);
 
-
background-position:0 0;
 
-
float:left;
 
-
overflow:hidden;
 
-
}
 
-
 
-
.pagination li.current a {
 
-
background-position:0 -12px;
 
-
}
 
-
 
-
/*
 
-
Caption
 
-
*/
 
-
 
-
.caption {
 
-
z-index:500;
 
-
position:absolute;
 
-
bottom:-35px;
 
-
left:0;
 
-
height:30px;
 
-
padding:5px 20px 0 20px;
 
-
background:#000;
 
-
background:rgba(0,0,0,.5);
 
-
width:540px;
 
-
font-size:1.3em;
 
-
line-height:1.33;
 
-
color:#fff;
 
-
border-top:1px solid #000;
 
-
text-shadow:none;
 
-
}
 
-
 
-
.name{
 
-
font-family: 'Lekton', Arial, serif;
 
-
font-size: 3em;
 
-
font-weight: bold;
 
-
line-height: 1em;
 
-
}
 
-
 
-
.post{
 
-
border-top: 1px solid rgb(209, 217, 220);
 
-
padding-top: 1.5em;
 
-
}
 
-
 
-
 
-
p{
 
-
font-family: 'Lekton', Arial, serif;
 
-
font-size: 1.0em;
 
-
line-height: 1.5em;
 
-
margin: 0px 0px 1.5em;
 
-
}
 
-
 
-
</style>
 
-
 
-
 
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
 
-
<script src="http://cdjemiel.free.fr/js/slides.min.jquery.js"></script>
 
-
<script src="http://cdjemiel.free.fr/js/slide.js"></script>
 
-
 
-
 
-
<!-- Main Navigation -->
 
-
<div class="nav_container">
 
-
<ul id="navMenu">
 
-
<li class="first"></li>
 
-
<li><a href="https://2012.igem.org/Team:Bordeaux" class="navHome" title="Home"></a></li>
 
-
<li><a href="https://2012.igem.org/Team:Bordeaux/Team" class="navTeam" title="Team"></a></li>
 
-
<li><a href="https://2012.igem.org/Team:Bordeaux/Project" class="navProject" title="Project"></a></li>
 
-
                <li><a href="https://2012.igem.org/Team:Bordeaux/essai" class="navModelling" title="Modelling"></a></li>
 
-
<li><a href="https://2012.igem.org/Team:Bordeaux/Test" class="navBiology" title="Biology"></a></li>
 
-
<li><a href="https://2012.igem.org/Team:Bordeaux/Partners" class="navPartners" title="Partners"></a></li>
 
-
            <li class="last"></li>
 
-
    </ul>
 
-
</div>
 
-
 
<body>
<body>
-
 
+
<header>
-
<div id="container">
+
<nav>
-
  <div class="name" >Projet</div>
+
<div class="container">
-
<div id="post-203" class="post-203 post type-post status-publish format-standard hentry category-uncategorized">
+
<div class="wrapper">
-
<p>
+
<h1><a href="https://2012.igem.org/Team:Bordeaux"><strong>iGEM</strong>Bordeaux 2012</a></h1>
-
Our project aims at reproducing multicellular-like behavior in the bacteria Escherichia coli. The idea came from the patterns visible on some animals, like the “pseudo-eyes” on a butterfly wing. As well, we thought about the formation of stripes on tigers or zebra. Such patterns are created thanks to a very precise genetic regulation. So what we want to do here is modeling a regulation mechanism existing in eukaryotes in a simple organism.
+
<ul>
-
The bacteria will share the same DNA but should be able to display a different phenotype depending on the signal received by its neighbors. The phenotype here will be the expression of three different colors. The bacteria should be able to communicate between them. A light signal is used as the first inducer of our mechanism. Then, the first cells activated by the input signal send a signal to its neighbor that will react to it by changing its color, and sending another message to the next cell. This will allow us to draw different patterns on the petri dish.
+
<li><a href="https://2012.igem.org/Team:Bordeaux/Team">team</a></li>
-
      </p>
+
<li><a href="https://2012.igem.org/Team:Bordeaux/Project" class="current">project</a></li>
-
      </div>
+
<li><a href="https://2012.igem.org/Team:Bordeaux/Modelling">modelling</a></li>
-
</div>
+
<li><a href="https://2012.igem.org/Team:Bordeaux/Biology">biology</a></li>
-
 
+
<li><a href="https://2012.igem.org/Team:Bordeaux/Partners">partners</a></li>
 +
<li><a href="https://2012.igem.org/Team:Bordeaux/Contacts">contacts</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</nav>
 +
<section class="adv-content">
 +
<div class="container">
 +
<ul class="breadcrumbs">
 +
<li>Project</li>
 +
</ul>
 +
</div>
 +
</section><div class="ic"></div>
 +
</header>
 +
<section id="content">
 +
<div class="middle">
 +
<div class="container">
 +
<div class="wrapper">
 +
<div class="grid3 first">
 +
<ul class="categories">
 +
<li><a href="https://2012.igem.org/Team:Bordeaux/IntroductionProject">Introduction</a></li>
 +
<li><a href="https://2012.igem.org/Team:Bordeaux/Biobricks">Biobricks</a></li>
 +
<li><a href="https://2012.igem.org/Team:Bordeaux/Safety">Safety</a></li>
 +
</ul>
 +
</div>
 +
<div class="grid9">
 +
<h2>iGEM - Bordeaux - Project</h2>
 +
<div class="img-box">
 +
<figure><img src="https://static.igem.org/mediawiki/2012/e/ef/Model.gif" alt=""></figure>
 +
<p>Our project aims at reproducing multicellular-like behavior in the bacteria Escherichia coli. The idea came from the patterns visible on some animals, like the “pseudo-eyes” on a butterfly wing. As well, we thought about the formation of stripes on tigers or zebra. Such patterns are created thanks to a very precise genetic regulation. So what we want to do here is modeling a regulation mechanism existing in eukaryotes in a simple organism. The bacteria will share the same DNA but should be able to display a different phenotype depending on the signal received by its neighbors. The phenotype here will be the expression of three different colors. The bacteria should be able to communicate between them. A light signal is used as the first inducer of our mechanism. Then, the first cells activated by the input signal send a signal to its neighbor that will react to it by changing its color, and sending another message to the next cell. This will allow us to draw different patterns on the petri dish. </p>
 +
</div>
 +
<p><a href="https://2012.igem.org/Team:Bordeaux/Biology" class="more">Read More</a></p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="bottom">
 +
<div class="container">
 +
<div class="wrapper">
 +
<div class="grid3 first">
 +
<h3>Partners</h3>
 +
<ul class="list1">
 +
<li><a href="http://ambafrance-us.org/spip.php?article415" title="Mst" target="_blank">AmbaFrance-us</a></li>
 +
<li><a href="http://www.labri.fr/" title="LaBRI" target="_blank">LaBRI</a></li>
 +
<li><a href="http://www.thermoscientific.com/" title="Thermo_scientific" target="_blank">Thermo Scientific</a></li>
 +
</ul>
 +
</div>
 +
<div class="grid3">
 +
<h3>Project</h3>
 +
<ul class="list2">
 +
<li><a href="#">Overview</a></li>
 +
<li><a href="#">Introduction</a></li>
 +
<li><a href="#">Biobricks</a></li>
 +
</ul>
 +
</div>
 +
<div class="grid3">
 +
<h3>Others</h3>
 +
<ul class="list2">
 +
<li><a href="#">Other</a></li>
 +
</ul>
 +
</div>
 +
<div class="grid3">
 +
<div id="datepicker"></div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</section>
 +
<footer>
 +
<div class="container">
 +
<div class="wrapper">
 +
<div class="copy">iGEM Bordeaux Team (c) 2012 |</div>
 +
<address class="phone">
 +
You can contact us by email or phone :
 +
<strong>
 +
<a href="mailto:igem-bordeaux2-2012@googlegroups.com">igem-bordeaux2-2012@googlegroups.com</a> or +33(0)5 4000 8404
 +
</strong>
 +
</address>
 +
</div>
 +
</div>
 +
</footer>
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
$('.pics').cycle({
 +
fx: 'toss',
 +
next: '#next',
 +
prev: '#prev'
 +
});
 +
 +
// Datepicker
 +
$('#datepicker').datepicker({
 +
inline: true
 +
});
 +
 +
});
 +
</script>
 +
</body>
</html>
</html>

Latest revision as of 18:52, 26 September 2012

Project - iGEM Bordeaux 2012

iGEM - Bordeaux - Project

Our project aims at reproducing multicellular-like behavior in the bacteria Escherichia coli. The idea came from the patterns visible on some animals, like the “pseudo-eyes” on a butterfly wing. As well, we thought about the formation of stripes on tigers or zebra. Such patterns are created thanks to a very precise genetic regulation. So what we want to do here is modeling a regulation mechanism existing in eukaryotes in a simple organism. The bacteria will share the same DNA but should be able to display a different phenotype depending on the signal received by its neighbors. The phenotype here will be the expression of three different colors. The bacteria should be able to communicate between them. A light signal is used as the first inducer of our mechanism. Then, the first cells activated by the input signal send a signal to its neighbor that will react to it by changing its color, and sending another message to the next cell. This will allow us to draw different patterns on the petri dish.

Read More