Difference between revisions of "Team:UPMC-Paris"

 
(436 intermediate revisions by 4 users not shown)
Line 2: Line 2:
 
<html>
 
<html>
 
<body>
 
<body>
−
<div align="center">
+
<div id="content">
−
<img src="https://static.igem.org/mediawiki/2016/0/0b/Groslogo.png" width="300" align="center"/></div><div><br><br>
+
 
−
Bees and humans live close together for over 20,000 years. We need them, not only for their honey and wax, but also because they are responsible for 85% of the pollination worldwide. Without them many variety of fruits and vegetables could no longer grow, which could lead to famine.<br><br>
+
<div class="w3-content" style="max-width:50vw; height:30vw; position:relative;">
−
For some years, beekeepers are facing a problem affecting their hives. Bees leave them when the seasons change and do not come back. This phenomenon is known under the name of Colony Collapse Disorder (CCD) and resulted in lower honey production and could eventually lead to reduced harvests. The CCD is multifactorial, that is what makes its study so complicated. The main causes are pesticides, parasites and pathogens. These factors are not found every time, so you have to study them together.<br><br>
+
 
 +
<img class="mySlides1" src="https://static.igem.org/mediawiki/2016/5/57/T--UPMC-Paris--MainPage3.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;">
 +
<img class="mySlides1" src="https://static.igem.org/mediawiki/2016/5/5c/T--UPMC-Paris--MainPage4.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;">
 +
<img class="mySlides1" src="https://static.igem.org/mediawiki/2016/9/91/T--UPMC-Paris--MainPage5.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;">
 +
<img class="mySlides1" src="https://static.igem.org/mediawiki/2016/9/96/T--UPMC-Paris--MainPage6.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;">
 +
<img class="mySlides1" src="https://static.igem.org/mediawiki/2016/0/05/T--UPMC-Paris--MainPage7.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;">
 +
<img class="mySlides1" src="https://static.igem.org/mediawiki/2016/e/e1/T--UPMC-Paris--MainPage8.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;">
 +
 
 +
<script>
 +
var slideIndex = 0;
 +
carousel();
 +
 
 +
function carousel() {
 +
    var i;
 +
    var x = document.getElementsByClassName("mySlides1");
 +
    for (i = 0; i < x.length; i++) {
 +
      x[i].style.display = "none";
 +
    }
 +
    slideIndex++;
 +
    if (slideIndex > x.length) {slideIndex = 1}
 +
    x[slideIndex-1].style.display = "flex";
 +
    setTimeout(carousel, 2000);
 +
}
 +
</script>
 
</div>
 
</div>
−
<div>
+
 
−
In our project we thought about a quick and easy method for bee health problems detection. The detection of pesticides by methods using bacteria are not precise and specific enough to be used. So we focused on the detection of a pathogenic bacterium, Paenibacillus larvae. We designed a system for the detection of the bacillibactine, a siderophore produced by many organisms to chelate the iron present outside the cell. Usually this protein is produced in a poor medium iron, as in the digestive tract of bees. We should therefore be able to detect the presence of P. larvae using an endogenous bacterium bees (B. subtilis).<br><br>
+
 
 +
<div class="w3-content" style="max-width:50vw; height:30vw; position:relative;">
 +
 
 +
<img class="mySlides" src="https://static.igem.org/mediawiki/2016/8/8a/T--UPMC-Paris--MainPageSlide1.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;">
 +
<img class="mySlides" src="https://static.igem.org/mediawiki/2016/3/36/T--UPMC-Paris--MainPageSlide2.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;">
 +
<img class="mySlides" src="https://static.igem.org/mediawiki/2016/e/e8/T--UPMC-Paris--MainPageSlide3.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;">
 +
<img class="mySlides" src="https://static.igem.org/mediawiki/2016/0/0a/T--UPMC-Paris--MainPageSlide4.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;">
 +
<img class="mySlides" src="https://static.igem.org/mediawiki/2016/8/80/T--UPMC-Paris--MainPageSlide5.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;">
 +
<img class="mySlides" src="https://static.igem.org/mediawiki/2016/5/50/T--UPMC-Paris--MainPageSlide6.jpg" style="width:auto; height:auto;max-width:50vw;max-height:30vw; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;">
 +
 
 +
<div class="w3-center w3-section w3-large w3-text-white w3-display-bottomleft" style="width:100%;">
 +
 
 +
    <div class="w3-left w3-padding-left w3-hover-text-deep-purple" onclick="plusDivs(-1)">&#10094;</div>
 +
    <div class="w3-right w3-padding-right w3-hover-text-deep-purple" onclick="plusDivs(1)">&#10095;</div>
 +
 
 +
    <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" onclick="currentDiv(1)"></span>
 +
    <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" onclick="currentDiv(2)"></span>
 +
    <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" onclick="currentDiv(3)"></span>
 +
    <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" onclick="currentDiv(4)"></span>
 +
    <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" onclick="currentDiv(5)"></span>
 +
    <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" onclick="currentDiv(6)"></span>
 +
 
 
</div>
 
</div>
−
<div>
 
−
Our "Bee subtilis" will be KO for three genes: ABC transporter (ABC), siderophore binding protein (SBP) and bacillibactin (BB). We then add to this bacterium the P. larvae SBP and ABC genes to allow entry of iron only in the presence of the P. larvae BB (plBB). In addition we designed a plasmid carrying LacI gene under control of a promoter containing a Fur box. There is also on this plasmid a blue pigment gene under control of a promoter LacO. In the presence of iron, and therefore P. larvae, the Fur protein moves to the Fur box and so turn off the expression of LacI. Without LacI, the expression of the pigment can be done and our bacteria become blue.<br><br>
 
 
</div>
 
</div>
−
<div>
+
<script type="text/javascript">
−
On the same principle we designed plasmids bearing only the pigment under the control of different promoters operators whose expression is permitted in the presence of certain substances. This will allow us to detect bees contamination or nutrient absorption problems. <br><br>
+
var slideIndex = 1;
 +
showDivs(slideIndex);
 +
 
 +
function plusDivs(n) {
 +
  showDivs(slideIndex += n);
 +
}
 +
 
 +
function currentDiv(n) {
 +
  showDivs(slideIndex = n);
 +
}
 +
 
 +
function showDivs(n) {
 +
  var i;
 +
  var x = document.getElementsByClassName("mySlides");
 +
  var dots = document.getElementsByClassName("demo");
 +
  if (n > x.length) {slideIndex = 1}   
 +
  if (n < 1) {slideIndex = x.length}
 +
  for (i = 0; i < x.length; i++) {
 +
    x[i].style.display = "none"; 
 +
  }
 +
  for (i = 0; i < dots.length; i++) {
 +
    dots[i].className = dots[i].className.replace(" w3-deep-purple", "");
 +
  }
 +
  x[slideIndex-1].style.display = "flex"; 
 +
  dots[slideIndex-1].className += " w3-deep-purple";
 +
}
 +
</script>
 +
 
 +
 
 +
<div class="gauche">
 +
<a href="https://2016.igem.org/Team:UPMC-Paris/Project/overview" display="flex"><nav class="textG" id="text1"><h1>Project</h1></nav></a>
 
</div>
 
</div>
−
<div>
+
 
−
Our system may be usefull in order to have a quick and easy method to study multiple factors that may be involved in CCD. It may be used by beekeepers in order to have an easy way to measure beehives health state and by researchers as a tool for correlation studies to better understand and fight CCD.<br><br><br><br><br><br><br>
+
 
 +
<div class="droite">
 +
<a href="https://2016.igem.org/Team:UPMC-Paris/La_Paillasse" display="flex"><nav class="textD" id="text4"><h1>Lab<br>Life</h1></nav></a>
 
</div>
 
</div>
−
</body>
 
−
</html>
 
  
−
<html>
+
<div class="gauche">
−
<!-- CSS-->
+
<a href="https://2016.igem.org/Team:UPMC-Paris/Basic_Part" display="flex" width="100%" height="100%"><nav class="textG" id="text2"><h1>Parts</h1></nav></a>
−
<style type='text/css'>
+
</div>
−
.footer {
+
−
  position: absolute;
+
−
  right: 0;
+
−
  bottom: 0;
+
−
  left: 0;
+
−
  padding: 1rem;
+
−
  background-color: #efefef;
+
−
  text-align: center;
+
−
} 
+
−
</style>
+
  
  
−
<Style>
+
<div class="droite">
−
#footerContainer {
+
<a href="https://2016.igem.org/Team:UPMC-Paris/HP/Silver" display="flex" width="100%" height="100%"><nav class="textD" id="text5"><h1> Human<br>Practice</h1></nav></a>
−
    width:80%;
+
</div>
−
    max-width: 1020px;
+
−
    text-align:center;
+
−
    background-color: #C0C0C0;
+
−
/*    padding: 10px;*/
+
−
    border: 1px solid black;
+
−
    border-radius: 4px;
+
−
    margin:auto;
+
−
/*    display:table-footer-group;*/
+
−
}
+
  
−
#socialmedia {
 
−
    width:100%;
 
−
    margin:auto;
 
−
/*    text-align:center;*/
 
−
    float:right;
 
−
}
 
  
−
.expContainer {
+
<div class="gauche">
−
    padding: 4%;
+
<a href="https://2016.igem.org/Team:UPMC-Paris/Collaborations" display="flex" width="100%" height="100%"><nav class="textG" id="text3"><h1>Team<br>Work</h1></nav></a>
−
    background: #fff;
+
</div>
−
    border-radius: 4px;
+
 
−
    float:right;
+
 
−
    clear:right;
+
<div class="droite">
−
    display:table-cell;
+
<a href="https://2016.igem.org/Team:UPMC-Paris/Team" display="flex" width="100%" height="100%"><nav class="textD" id="text6"><h1>About<br>  Us</h1></nav></a>
−
    width:72%;
+
</div>
−
    margin:0 0 1% 0;
+
</div>
−
}
+
</body>
−
</style>
+
 
</html>
 
</html>

Latest revision as of 10:46, 19 October 2016