(22 intermediate revisions by 4 users not shown) | |||
Line 3: | Line 3: | ||
<html> | <html> | ||
+ | <head> | ||
+ | <link rel="shortcut icon" href="https://static.igem.org/mediawiki/2019/9/95/T--Ruperto_Carola--favicon.png" /> | ||
+ | </head> | ||
<script src="https://2019.igem.org/Template:Ruperto_Carola/js/landing?action=raw&ctype=text/javascript"></script> | <script src="https://2019.igem.org/Template:Ruperto_Carola/js/landing?action=raw&ctype=text/javascript"></script> | ||
Line 8: | Line 11: | ||
− | <div class="container"> | + | <div class="container-fluid landing__meow"> |
− | <div class=" | + | |
− | + | <div class="row"> | |
+ | <div class="col p-0"> | ||
+ | <div class="embed-responsive embed-responsive-16by9" id="GIFend"> | ||
+ | <video class="embed-responsive-item" id="videocontainer1" autoplay muted playsinline onended="replacebyloop()"> | ||
+ | <source id="videosource" src="https://static.igem.org/mediawiki/2019/e/e3/T--Ruperto_Carola--img-landing_zoomout.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> | ||
+ | <video class="embed-responsive-item" id="videocontainer2" style="display: none;" muted preload onended="loop()"> | ||
+ | <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> | ||
− | <div class=" | + | <div class="row"> |
+ | <div class="col p-0"> | ||
+ | <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 class="cubeworld | + | <!-- |
+ | <div class="cubeworld"> | ||
<div class="scene"> | <div class="scene"> | ||
<div class="cube"> | <div class="cube"> | ||
Line 62: | Line 64: | ||
</div> | </div> | ||
</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](https://static.igem.org/mediawiki/2019/a/af/T--Ruperto_Carola--img-landingv3.png)