Difference between revisions of "Team:Ruperto Carola"

 
(12 intermediate revisions by 3 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&amp;ctype=text/javascript"></script>
 
<script src="https://2019.igem.org/Template:Ruperto_Carola/js/landing?action=raw&amp;ctype=text/javascript"></script>
Line 8: Line 11:
  
  
−
<div class="container">
+
<div class="container-fluid landing__meow">
−
   <div class="alert alert-danger" role="alert">
+
 
−
    This Site is still under construction! Please check back later. ^-^
+
<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="container-fluid landing__meow">
+
<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">
  
−
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><title>lab-test</title><g id="budicon-lab-test"><path d="M17,16.5a.5.5,0,1,1-.5-.5A.5.5,0,0,1,17,16.5ZM15.5,20a.5.5,0,1,0-.5-.5A.5.5,0,0,0,15.5,20Zm0-5a.5.5,0,1,0-.5-.5A.5.5,0,0,0,15.5,15Zm1-3a.5.5,0,1,0-.5-.5A.5.5,0,0,0,16.5,12ZM23,24.5a.5.5,0,0,1-.5.5H.5a.5.5,0,0,1,0-1H1V10A2.002,2.002,0,0,1,3,8H4V6H3.5a.5.5,0,0,1,0-1h7a.5.5,0,0,1,0,1H10V8h3V6h-.5a.5.5,0,0,1,0-1h7a.5.5,0,0,1,0,1H19V8h1a2.002,2.002,0,0,1,2,2V24h.5A.5.5,0,0,1,23,24.5ZM14,20a2,2,0,0,0,4,0V6H14ZM5,20a2,2,0,0,0,4,0V18H7V17H9V15H7V14H9V12H7V11H9V6H5ZM21,10a1.0013,1.0013,0,0,0-1-1H19V20a3,3,0,0,1-6,0V9H10V20a3,3,0,0,1-6,0V9H3a1.0013,1.0013,0,0,0-1,1V24H21ZM16.5,3a.5.5,0,1,0-.5-.5A.5.5,0,0,0,16.5,3ZM20,3a1,1,0,1,0-1-1A1,1,0,0,0,20,3Zm1.5,2a.5.5,0,1,0-.5-.5A.5.5,0,0,0,21.5,5Z"/></g></svg>
 
  
−
  <div class="container groupname">
 
−
 
−
    <span>R</span>
 
−
    <span>u</span>
 
−
    <span>p</span>
 
−
    <span>e</span>
 
−
    <span>r</span>
 
−
    <span>t</span>
 
−
    <span>o</span>
 
−
    <span>_</span>
 
−
    <span>C</span>
 
−
    <span>a</span>
 
−
    <span>r</span>
 
−
    <span>o</span>
 
−
    <span>l</span>
 
−
    <span>a</span>
 
  
 
   </div>
 
   </div>
 +
</div>
  
 +
</div>
  
 +
<!--
 
<div class="cubeworld">
 
<div class="cubeworld">
 
   <div class="scene">
 
   <div class="scene">
Line 61: Line 64:
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 +
</div>
 +
-->
  
−
  <div class="row pb-5 justify-content-center" style="margin-top: 2rem;"">
 
−
    <div class="col-10 rounded shadow">
 
−
      <div class="card-body">
 
−
        <div class="embed-responsive embed-responsive-16by9">
 
−
          <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/fT7pFSfVZBI" allowfullscreen></iframe>
 
−
        </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