Difference between revisions of "Team:Ruperto Carola"

 
(15 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{Ruperto_Carola}}
 
{{Ruperto_Carola}}
 +
  
 
<html>
 
<html>
 +
<head>
 +
<link rel="shortcut icon" href="https://static.igem.org/mediawiki/2019/9/95/T--Ruperto_Carola--favicon.png" />
 +
</head>
  
−
<script type='text/javascript'>
+
<script src="https://2019.igem.org/Template:Ruperto_Carola/js/landing?action=raw&amp;ctype=text/javascript"></script>
−
function replacewGIF() {
+
<link rel="stylesheet" href="https://2019.igem.org/Template:Ruperto_Carola/css/landing?action=raw&amp;ctype=text/css">
−
    document.getElementById("GIFend").innerHTML = "<img src="https://static.igem.org/mediawiki/2019/7/75/T--Ruperto_Carola--img-landing_loop.gif>";
+
−
}
+
−
</script>
+
  
−
<style>
 
−
#GIFend{
 
−
width: 100%;
 
−
position: absolute;
 
−
top: 0px;
 
−
left: 0px;
 
−
}
 
−
</style>
 
  
−
<div class="container-fluid">
+
<div class="container-fluid landing__meow">
  
 
<div class="row">
 
<div class="row">
−
<div class="col-12">
+
  <div class="col p-0">
−
<div class="embed-responsive embed-responsive-16by9" id="GIFend">
+
    <div class="embed-responsive embed-responsive-16by9" id="GIFend">
−
        <video class="embed-responsive-item" autoplay playsinline onended="replacewGIF()>
+
            <video class="embed-responsive-item" id="videocontainer1" autoplay muted playsinline onended="replacebyloop()">
−
<source src="https://static.igem.org/mediawiki/2019/e/e3/T--Ruperto_Carola--img-landing_zoomout.mp4" type="video/mp4">
+
        <source id="videosource" src="https://static.igem.org/mediawiki/2019/e/e3/T--Ruperto_Carola--img-landing_zoomout.mp4" type="video/mp4">
−
<img src="/images/product/product-parent-hero.jpg" title="Your browser does not support the <video> tag"> <!-- Fallback -->
+
        <img src="https://static.igem.org/mediawiki/2019/7/75/T--Ruperto_Carola--img-landing_loop.gif" title="Your browser does not support the <video> tag"> <!-- Fallback -->
−
        </video>
+
      </video>
−
</div>
+
      <video class="embed-responsive-item" id="videocontainer2" style="display: none;" muted preload onended="loop()">
−
</div>
+
        <source id="videosource2" src="https://static.igem.org/mediawiki/2019/7/7e/T--Ruperto_Carola--video-landingloop.mp4" type="video/mp4">
 +
        <img src="https://static.igem.org/mediawiki/2019/7/75/T--Ruperto_Carola--img-landing_loop.gif" title="Your browser does not support the <video> tag"> <!-- Fallback -->
 +
      </video>
 +
 
 +
    </div>
 +
  </div>
 
</div>
 
</div>
  
 
<div class="row">
 
<div class="row">
−
<div class="col-12">
+
  <div class="col p-0">
−
<img class="img-fluid d-block" src="https://static.igem.org/mediawiki/2019/f/f8/T--Ruperto_Carola--front_v2.svg" alt="background image">
+
    <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/a/af/T--Ruperto_Carola--img-landingv3.png" alt="background image">
−
</div>
+
 
 +
 
 +
 
 +
  </div>
 
</div>
 
</div>
  
 
</div>
 
</div>
 +
 +
<!--
 +
<div class="cubeworld">
 +
  <div class="scene">
 +
    <div class="cube">
 +
      <div class="cube__face cube__face--front">
 +
        <img src="https://static.igem.org/mediawiki/2019/e/e5/T--Ruperto_Carola--Awards.png">
 +
      </div>
 +
      <div class="cube__face cube__face--back">
 +
        <img src="https://static.igem.org/mediawiki/2019/1/11/T--Ruperto_Carola--Human.png">
 +
      </div>
 +
      <div class="cube__face cube__face--right">
 +
        <img src="https://static.igem.org/mediawiki/2019/7/73/T--Ruperto_Carola--Modelling.png">
 +
      </div>
 +
      <div class="cube__face cube__face--left">
 +
        <img src="https://static.igem.org/mediawiki/2019/5/57/T--Ruperto_Carola--Parts.png">
 +
      </div>
 +
      <div class="cube__face cube__face--top">
 +
        <img src="https://static.igem.org/mediawiki/2019/9/9b/T--Ruperto_Carola--Project.png">
 +
      </div>
 +
      <div class="cube__face cube__face--bottom">
 +
        <img src="https://static.igem.org/mediawiki/2019/a/a6/T--Ruperto_Carola--Team.png">
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
-->
 +
 +
</div>
 +
 +
<script type='text/javascript'>
 +
var videocontainer = document.getElementById('videocontainer');
 +
var videocontainer2 = document.getElementById('videocontainer2');
 +
 +
function replacebyloop() {
 +
  videocontainer.setAttribute('display', none);
 +
  videocontainer2.setAttribute('display', block);
 +
  videocontainer2.play();
 +
}
 +
 +
function loop() {
 +
  videocontainer2.currentTime = 0;
 +
  videocontainer2.play();
 +
}
 +
</script>
 +
 
</html>
 
</html>

Latest revision as of 03:18, 22 October 2019


background image