Difference between revisions of "Team:IIT Kanpur"

 
(27 intermediate revisions by the same user not shown)
Line 2: Line 2:
  
 
<!-------------------------->
 
<!-------------------------->
−
 
 
<html>
 
<html>
 
<head>
 
<head>
Line 16: Line 15:
 
     right: 0;
 
     right: 0;
 
     bottom: 0;
 
     bottom: 0;
−
     background-color: rgba(0,0,0,0.5);
+
     background-color: rgba(255,255,255,1);
 
     z-index: 2;
 
     z-index: 2;
 
     cursor: pointer;
 
     cursor: pointer;
Line 23: Line 22:
 
#text{
 
#text{
 
     position: absolute;
 
     position: absolute;
−
     top: 50%;
+
     top: 20%;
 
     left: 50%;
 
     left: 50%;
 
     font-size: 50px;
 
     font-size: 50px;
−
     color: white;
+
     color: black;
 +
    align: right;
 
     transform: translate(-50%,-50%);
 
     transform: translate(-50%,-50%);
 
     -ms-transform: translate(-50%,-50%);
 
     -ms-transform: translate(-50%,-50%);
Line 35: Line 35:
  
 
<div id="overlay" onclick="off()">
 
<div id="overlay" onclick="off()">
−
  <div id="text">Overlay Text</div>
+
<div id="text">Won SILVER @ iGEM 2018</div>
−
</div>
+
  <img src="https://static.igem.org/mediawiki/2018/f/fa/T--IIT_Kanpur--Banner.png" style="width:30vw;margin:15vw 35vw">
−
 
+
−
<div style="padding:20px">
+
−
  <h2>Overlay with Text</h2>
+
−
  <button onclick="on()">Turn on overlay effect</button>
+
 
</div>
 
</div>
  
 
<script>
 
<script>
−
function on() {
+
window.onload = function on() {
 
     document.getElementById("overlay").style.display = "block";
 
     document.getElementById("overlay").style.display = "block";
 
}
 
}
Line 55: Line 51:
 
</body>
 
</body>
 
</html>  
 
</html>  
 +
  
 
<!------------------------------->
 
<!------------------------------->

Latest revision as of 09:34, 6 December 2018

Won SILVER @ iGEM 2018