Difference between revisions of "Team:UPMC-Paris"

 
(261 intermediate revisions by 3 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)*/
+
−
.simple-ss {
+
−
display:flex;
+
−
flex-shrink:1;
+
−
flex-grow:1;
+
−
  width:270vw;
+
−
  max-height:20vw;
+
−
  background-color:red;
+
−
  margin:0;
+
−
  background-image:url("https://scontent-cdg2-1.xx.fbcdn.net/t31.0-8/14500282_10210865910546577_6345672906618524454_o.jpg");
+
−
  background-position:0;
+
−
  background-repeat:no-repeat;
+
−
  background-size:cover;
+
  
−
/* ANIMATING STUFF */
+
<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;">
−
  animation-name: slide;
+
<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;">
−
  animation-duration: 20s;
+
<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;">
−
  animation-direction: normal;
+
<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;">
−
  animation-timing-function: ease;
+
<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;">
−
  animation-iteration-count: infinite;
+
<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;">
−
}
+
  
−
/* NOTE CODEPEN AUTOGENERATING -PREFIXES */
+
<script>
−
@keyframes slide {
+
var slideIndex = 0;
−
  0% {background-position:0 0;}
+
carousel();
−
  16.66% {background-position:0 0;}
+
 
−
  33.32% {background-position:-90vw 0;}
+
function carousel() {
−
  49.98% {background-position:-90vw 0;}
+
    var i;
−
  66.64% {background-position:-180vw 0;}
+
    var x = document.getElementsByClassName("mySlides1");
−
  83.30% {background-position:-180vw 0;}
+
    for (i = 0; i < x.length; i++) {
−
  100% {background-position:0 0;}
+
      x[i].style.display = "none";  
 +
    }
 +
    slideIndex++;
 +
    if (slideIndex > x.length) {slideIndex = 1}  
 +
    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;">
  
−
<br><br>
+
<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>
  
−
<div id="slider">
+
    <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" onclick="currentDiv(1)"></span>
−
  <a class="control_next">>></a>
+
    <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" onclick="currentDiv(2)"></span>
−
  <a class="control_prev"><</a>
+
     <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" onclick="currentDiv(3)"></span>
−
  <ul>
+
     <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" onclick="currentDiv(4)"></span>
−
     <li><b>The UPMC Team, created only by students last year</b></li>
+
     <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" onclick="currentDiv(5)"></span>
−
     <li style="background: #aaa;"><b>Our Project : Helping with the on-going Bee problem</b></li>
+
     <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" onclick="currentDiv(6)"></span>
−
     <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>
+
</div>
−
     <li style="background: #aaa;"><b>Lol </b><br><b>je test des trucs</b></li>
+
−
  </ul>
+
 
</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="text1">
+
<div class="gauche">
−
<div id="gauche1">
+
<a href="https://2016.igem.org/Team:UPMC-Paris/Project/overview" display="flex"><nav class="textG" id="text1"><h1>Project</h1></nav></a>
−
<a href="https://2016.igem.org/Team:UPMC-Paris/Project/overview"><h1>Project</h1></a></div>
+
 
</div>
 
</div>
  
−
<div id="text4">
 
−
<div id="droite1">
 
−
<a href="https://2016.igem.org/Team:UPMC-Paris/La_Paillasse"><h1>Lab Life</h1></a></div>
 
−
</div>
 
  
−
<div id="text2">
+
<div class="droite">
−
<div id="gauche2">
+
<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>
−
<a href="https://2016.igem.org/Team:UPMC-Paris/Basic_Part"><h1>Parts</h1></a></div>
+
 
</div>
 
</div>
  
−
<div id="text5">
+
<div class="gauche">
−
<div id="droite2">
+
<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>
−
<a href="https://2016.igem.org/Team:UPMC-Paris/HP/Silver"><h1>Human Practice</h1></a></div>
+
 
</div>
 
</div>
  
−
<div id="text3">
+
 
−
<div id="gauche3">
+
<div class="droite">
−
<a href="https://2016.igem.org/Team:UPMC-Paris/Collaborations"><h1>Collaborations</h1></a></div>
+
<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="text6">
+
 
−
<div id="droite3">
+
<div class="gauche">
−
<a href="https://2016.igem.org/Team:UPMC-Paris/Team"><h1>About us</h1></a></div>
+
<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="footer"></div>
+
 
 +
<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>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 10:46, 19 October 2016