(39 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> | ||
+ | <link rel="stylesheet" href="https://2019.igem.org/Template:Ruperto_Carola/css/landing?action=raw&ctype=text/css"> | ||
− | |||
− | |||
− | |||
− | <div class=" | + | <div class="container-fluid landing__meow"> |
− | + | ||
− | + | ||
+ | <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 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 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](https://static.igem.org/mediawiki/2019/a/af/T--Ruperto_Carola--img-landingv3.png)