Difference between revisions of "Team:UPMC-Paris"

 
(356 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{UPMC-Paris}}
 
{{UPMC-Paris}}
−
 
 
<html>
 
<html>
 +
<body>
 +
<div id="content">
  
−
<style type='text/css'>
+
<div class="w3-content" style="max-width:50vw; height:30vw; position:relative;">
  
−
/* SLIDER (For Willhelm)*/
+
<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;">
−
.simple-ss {
+
<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;">
−
  width:800px;
+
<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;">
−
  height:250px;
+
<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;">
−
  background-color:red;
+
<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;">
−
  margin:auto;
+
<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;">
−
  background-image:url("");
+
−
  background-position:0;
+
−
  background-repeat:no-repeat;
+
−
  background-size:cover;
+
  
−
/* ANIMATING STUFF */
+
<script>
−
  animation-name: slide;
+
var slideIndex = 0;
−
  animation-duration: 20s;
+
carousel();
−
  animation-direction: normal;
+
−
  animation-timing-function: ease;
+
−
  animation-iteration-count: infinite;
+
−
}
+
  
−
/* NOTE CODEPEN AUTOGENERATING -PREFIXES */
+
function carousel() {
−
@keyframes slide {
+
    var i;
−
  0% {background-position:0 0;}
+
    var x = document.getElementsByClassName("mySlides1");
−
  16.66% {background-position:0 0;}
+
    for (i = 0; i < x.length; i++) {
−
  33.32% {background-position:-805px 0;}
+
      x[i].style.display = "none";  
−
  49.98% {background-position:-805px 0;}
+
    }
−
  66.64% {background-position:-1610px 0;}
+
    slideIndex++;
−
  83.30% {background-position:-1610px 0;}
+
    if (slideIndex > x.length) {slideIndex = 1}  
−
  100% {background-position:0 0;}
+
    x[slideIndex-1].style.display = "flex";
 +
    setTimeout(carousel, 2000);  
 
}
 
}
−
</style>
+
</script>
 +
</div>
  
−
<body>
 
  
−
<div class="simple-ss" id="simple-ss"></div>
+
<div class="w3-content" style="max-width:50vw; height:30vw; position:relative;">
−
<script type="text/javascript" src="https://2016.igem.org/Template:UPMC-Paris/Javascript?
+
−
action=raw&ctype=text/javascript"></script>
+
  
−
<br><br>
+
<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 id="slider">
 
−
  <a class="control_next">>></a>
 
−
  <a class="control_prev"><</a>
 
−
  <ul>
 
−
    <li><b>The UPMC Team, created only by students last year</b></li>
 
−
    <li style="background: #aaa;"><b>Our Project : Helping with the on-going Bee problem</b></li>
 
−
    <li><b>Manipulating at La Paillaisse: </b><br><b>an association allowing everyone to use a laboratory</b></li>
 
−
    <li style="background: #aaa;"><b>Working back to back with researchers </b><br><b>and bee-keepers to fight the Colony Collapse Disorder</b></li>
 
−
  </ul> 
 
 
</div>
 
</div>
 +
</div>
 +
<script type="text/javascript">
 +
var slideIndex = 1;
 +
showDivs(slideIndex);
  
−
<br><br>
+
function plusDivs(n) {
 +
  showDivs(slideIndex += n);
 +
}
  
 +
function currentDiv(n) {
 +
  showDivs(slideIndex = n);
 +
}
  
−
<br><br>
+
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 id="text">
+
 
−
<div id="gauche"><a href="https://2016.igem.org/Team:UPMC-Paris/Project/overview" style="display:block; height:100%; width:100%;"><h1>Project</h1></a>
+
<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 id="droite"><a href="https://2016.igem.org/Team:UPMC-Paris/La_Paillasse" style="display:block; height:100%; width:100%;"><h1>LAB Life</h1></a>
+
 
 +
<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>
  
−
<div id="gauche"><a href="https://2016.igem.org/Team:UPMC-Paris/Description" style="display:block; height:100%; width:100%;"><h1>Parts</h1></a>
+
<div class="gauche">
 +
<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>
 
</div>
 
</div>
  
−
<div id="droite"><a href="https://2016.igem.org/Team:UPMC-Paris/HP/Silver" style="display:block; height:100%; width:100%;"><h1>Human Practice</h1></a>
+
 
 +
<div class="droite">
 +
<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>
 
</div>
 
</div>
  
−
<div id="gauche"><a href="https://2016.igem.org/Team:UPMC-Paris/Collaborations" style="display:block; height:100%; width:100%;"><h1>Collaborations</h1></a>
+
 
 +
<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 id="droite"><a href="https://2016.igem.org/Team:UPMC-Paris/Team" style="display:block; height:100%; width:100%;"><h1>About us</h1></a>
+
 
 +
<div class="droite">
 +
<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>
 
</div>
 
</div>
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 10:46, 19 October 2016