Difference between revisions of "Team:UPMC-Paris"

 
(461 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{UPMC-Paris}}
 
{{UPMC-Paris}}
 
<html>
 
<html>
 +
<body>
 +
<div id="content">
  
−
<div id="homepageWrapper">
+
<div class="w3-content" style="max-width:50vw; height:30vw; position:relative;">
−
<div id="homepageContainer">
+
  
−
<div class="content" id="homeMainContainer" style="float:left;width:100%;height:50%;"><div class="contentInner" style="margin:1.25%;">
+
<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;">
−
<div id="homeMainCaption"></div>
+
<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;">
−
<div id="homepageImageContainer">
+
<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="homeMainImage centered" id="homeImage0" src="">
+
<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="homeMainImage centered" id="homeImage1" src="">
+
<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="homeMainImage centered" id="homeImage2" src="">
+
<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;">
−
<img class="homeMainImage centered" id="homeImage3" src="">
+
−
<img class="homeMainImage centered" id="homeimage4" src="">
+
−
<img class="homeMainImage centered" id="homeImage5" src="">
+
−
<a id="homeMainArrowPrev" href="#" onclick="changeState(-1); return false;">&#9668;</a>
+
−
<a id="homeMainArrowNext" href="#" onclick="changeState(1); return false;">&#9658;</a>
+
−
</div>
+
  
−
<style>
+
<script>
−
.homeMainImage {
+
var slideIndex = 0;
−
     transition: opacity 0.5s ease-out;
+
carousel();
−
     position:absolute !important;
+
 
−
     height:100%;
+
function carousel() {
−
/*    top:0%;
+
     var i;
−
     left:0%;*/
+
     var x = document.getElementsByClassName("mySlides1");
−
     opacity:0;
+
     for (i = 0; i < x.length; i++) {
−
}
+
      x[i].style.display = "none";  
−
#homeImage0 {
+
     }
−
     opacity:1;
+
     slideIndex++;
 +
    if (slideIndex > x.length) {slideIndex = 1}  
 +
     x[slideIndex-1].style.display = "flex";
 +
    setTimeout(carousel, 2000);  
 
}
 
}
 +
</script>
 +
</div>
  
−
</style>
 
−
<style id="mainState0">
 
−
#homeImage0 {opacity:1;}
 
−
</style>
 
  
−
<style id="mainState1">
+
<div class="w3-content" style="max-width:50vw; height:30vw; position:relative;">
−
#homeImage1 {opacity:1;}
+
  
 +
<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;">
  
−
</style>
+
<div class="w3-center w3-section w3-large w3-text-white w3-display-bottomleft" style="width:100%;">
  
−
<style id="mainState2">
+
    <div class="w3-left w3-padding-left w3-hover-text-deep-purple" onclick="plusDivs(-1)">&#10094;</div>
−
#homeImage2 {opacity:1;}
+
    <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>
  
−
</style>
+
</div>
−
<style id="mainState3">
+
</div>
−
#homeImage3 {opacity:1;}
+
<script type="text/javascript">
 +
var slideIndex = 1;
 +
showDivs(slideIndex);
  
 +
function plusDivs(n) {
 +
  showDivs(slideIndex += n);
 +
}
  
−
</style>
+
function currentDiv(n) {
−
<style id="mainState4">
+
  showDivs(slideIndex = n);
−
#homeImage4 {opacity:1;}
+
}
  
−
</style>
+
function showDivs(n) {
−
<style id="mainState5">
+
  var i;
−
#homeImage5 {opacity:1;}
+
  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>
  
  
−
</style>
+
<div class="gauche">
−
<style id="mainState6">
+
<a href="https://2016.igem.org/Team:UPMC-Paris/Project/overview" display="flex"><nav class="textG" id="text1"><h1>Project</h1></nav></a>
−
#homeImage6 {opacity:1;}
+
</div>
−
</style>
+
  
−
<script>
 
−
var homeMainStates = [
 
−
    document.getElementById('mainState0'),
 
−
    document.getElementById('mainState1'),
 
−
    document.getElementById('mainState2'),
 
−
    document.getElementById('mainState3'),
 
−
    document.getElementById('mainState4'),
 
−
    document.getElementById('mainState5')
 
−
];
 
−
var homeMainCaptions = [
 
−
    "<h3>1</h3>",
 
−
    "<h3>2</h3>",
 
−
    "<h3>3</h3>",
 
−
    "<h3>4</h3>",
 
−
    "<h3>5</h3>",
 
−
    "<h3>6</h3>",
 
−
    "<h3>7</h3>"
 
−
];
 
−
var curMainState = 0;
 
−
var numMainStates = homeMainStates.length;
 
  
−
$(function() {
+
<div class="droite">
−
    for (var i=1;i<numMainStates;i++) {
+
<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>
−
        homeMainStates[i].disabled = true;
+
</div>
−
    }
+
−
    document.getElementById('homeMainCaption').innerHTML = homeMainCaptions[0];
+
−
});
+
  
−
function changeState(dir) {
+
<div class="gauche">
−
    if (document.getElementById('homeMainContainer').className == "content") {
+
<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>
−
    document.getElementById('homeMainContainer').className = "content running";
+
</div>
−
    if (dir==1) {
+
−
        if (curMainState == numMainStates-1) {
+
−
            curMainState = numMainStates;
+
−
            while (curMainState--) {
+
−
                homeMainStates[curMainState].disabled = true;
+
−
            }
+
−
        } else {
+
−
            homeMainStates[curMainState+1].disabled = false;
+
−
        }
+
−
    } else {
+
−
        if (curMainState) {
+
−
            homeMainStates[curMainState].disabled = true;
+
−
        } else {
+
−
            curMainState = 1;
+
−
        }
+
−
    }
+
−
    curMainState += dir;
+
−
    document.getElementById('homeMainCaption').innerHTML = homeMainCaptions[curMainState];
+
−
    setTimeout(function(){document.getElementById('homeMainContainer').className = "content";},700);
+
−
    }
+
−
}
+
−
</script>
+
  
−
<style>
 
−
#homeMainArrowNext, #homeMainArrowPrev {
 
−
    position:absolute;
 
−
    top:50%;
 
−
    font-size:500%;
 
−
    display:none;
 
−
}
 
−
#homeMainArrowNext {
 
−
    right:0;
 
−
}
 
−
#homeMainArrowPrev {
 
−
    left:0;
 
−
}
 
−
#homeMainContainer:hover #homeMainArrowNext, #homeMainContainer:hover #homeMainArrowPrev {
 
−
    display:block;
 
−
}
 
−
</style>
 
−
</div></div>
 
  
−
<body>
+
<div class="droite">
−
<div align="center">
+
<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>
−
<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>
+
−
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>
+
 
</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="gauche">
 +
<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>
 
</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 class="droite">
−
<div>
+
<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>
−
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>
+
 
</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>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 10:46, 19 October 2016