Difference between revisions of "Team:Greece/Achievements"

Line 41: Line 41:
 
                 void(document.getElementById('main-wraper').style.display = 'block');
 
                 void(document.getElementById('main-wraper').style.display = 'block');
 
                 void(document.getElementById('svg_graphics_box').style.display = 'block');  
 
                 void(document.getElementById('svg_graphics_box').style.display = 'block');  
−
                 void(document.getElementById('background_box').style.display = 'block');
+
                 void(document.getElementById('video').style.display = 'block');
 
              
 
              
 
                 // Change color of current link
 
                 // Change color of current link
Line 139: Line 139:
 
</svg>
 
</svg>
  
−
<!--Background Box Image-->
+
<!-- Video Background -->
−
<div class='background_box' id='background_box'>
+
<video id="video" autoplay="autoplay" muted="muted" preload="auto" loop="loop">
−
<img src='https://static.igem.org/mediawiki/2017/9/9d/GreeKom_Contribute_Background.jpeg' style='width:100%; height:100%;' />
+
<source src="https://static.igem.org/mediawiki/2017/f/fa/GreeKom_10k_feet_mp4.mp4" type="video/mp4">
−
</div>
+
<!--<source src="https://static.igem.org/mediawiki/2017/5/55/GreeKom_slow_wave_video_background.webm" type="video/webm">-->
 +
</video>
  
 
<!-- Subsection Box -->
 
<!-- Subsection Box -->
Line 178: Line 179:
 
.reveal{ display: block; }
 
.reveal{ display: block; }
  
 +
</style>
 +
 +
<!-- Special style -->
 +
<style>
 +
 +
video{
 +
    position: fixed;
 +
    display:none;
 +
    top: 0%;
 +
    left: 0%;
 +
    min-width: 100%;
 +
    min-height: 100%;
 +
    width: inherit;
 +
    height: inherit;
 +
    z-index: 999;
 +
    overflow: hidden;
 +
}
 
</style>
 
</style>
  

Revision as of 15:30, 5 September 2017

Loading...