Difference between revisions of "Team:IIT Kanpur"

 
(47 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{Template:IIT_Kanpur}}
 
{{Template:IIT_Kanpur}}
 +
 +
<!-------------------------->
 +
<html>
 +
<head>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<style>
 +
#overlay {
 +
    position: fixed;
 +
    display: none;
 +
    width: 100%;
 +
    height: 100%;
 +
    top: 0;
 +
    left: 0;
 +
    right: 0;
 +
    bottom: 0;
 +
    background-color: rgba(255,255,255,1);
 +
    z-index: 2;
 +
    cursor: pointer;
 +
}
 +
 +
#text{
 +
    position: absolute;
 +
    top: 20%;
 +
    left: 50%;
 +
    font-size: 50px;
 +
    color: black;
 +
    align: right;
 +
    transform: translate(-50%,-50%);
 +
    -ms-transform: translate(-50%,-50%);
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
 +
<div id="overlay" onclick="off()">
 +
<div id="text">Won SILVER @ iGEM 2018</div>
 +
  <img src="https://static.igem.org/mediawiki/2018/f/fa/T--IIT_Kanpur--Banner.png" style="width:30vw;margin:15vw 35vw">
 +
</div>
 +
 +
<script>
 +
window.onload = function on() {
 +
    document.getElementById("overlay").style.display = "block";
 +
}
 +
 +
function off() {
 +
    document.getElementById("overlay").style.display = "none";
 +
}
 +
</script>
 +
   
 +
</body>
 +
</html>
 +
 +
 +
<!------------------------------->
 +
 +
 
<html>
 
<html>
 
<head>
 
<head>
Line 10: Line 66:
 
<style>
 
<style>
  
 +
body {
 +
background: url('https://static.igem.org/mediawiki/2018/1/10/T--IIT_Kanpur--BackgroundMain.jpg') no-reapeat fixed center;
 +
}
  
  
Line 109: Line 168:
 
   z-index: 1000px;
 
   z-index: 1000px;
 
   align: center;
 
   align: center;
−
   background: black linear-gradient(to bottom, black, #676866 50%, grey) no-repeat 99% center;
+
   background: black linear-gradient(to bottom, black, #5c83e8 50%, #93aced) no-repeat 99% center;
 
}
 
}
  
Line 119: Line 178:
  
 
.collapsible {
 
.collapsible {
−
   background-color: #777;
+
   background-color: #6078e0;
 
   color: white;
 
   color: white;
 
   cursor: pointer;
 
   cursor: pointer;
Line 131: Line 190:
  
 
.active, .collapsible:hover {
 
.active, .collapsible:hover {
−
   background-color: #555;
+
   background-color: #5465af;
 
}
 
}
  
Line 139: Line 198:
 
   overflow: hidden;
 
   overflow: hidden;
 
   transition: max-height 0.2s ease-out;
 
   transition: max-height 0.2s ease-out;
−
   background-color: #f1f1f1;
+
   background-color: #73cebd;
 
}
 
}
  
Line 155: Line 214:
 
   <!-- Full-width images with number and caption text -->
 
   <!-- Full-width images with number and caption text -->
 
   <div class="mySlides fade",div style="text-align: center">
 
   <div class="mySlides fade",div style="text-align: center">
−
     <img src="https://static.igem.org/mediawiki/2018/0/06/T--IIT_Kanpur--project_logo.png" style="width:100%;height:600px;background:black;">
+
     <img src="https://static.igem.org/mediawiki/2018/0/06/T--IIT_Kanpur--project_logo.png" style="width:98%;height:auto;background:black;">
 
     <div class="text"></div>
 
     <div class="text"></div>
 
   </div>
 
   </div>
 
   <div class="mySlides fade">
 
   <div class="mySlides fade">
  
−
     <img src="https://static.igem.org/mediawiki/2018/e/e0/T--IIT_Kanpur--page1re.jpg" style="width:100%;height:600px;">
+
     <img src="https://static.igem.org/mediawiki/2018/2/2f/T--IIT_Kanpur--PAGE_1.png" style="width:100%;height:auto;">
−
     <div class="text"><a href="www.google.com">SWASH </a></div>
+
     <div class="text"><a href=""></a></div>
 
   </div>
 
   </div>
  
 
   <div class="mySlides fade">
 
   <div class="mySlides fade">
−
     <img src="https://static.igem.org/mediawiki/2018/a/a0/T--IIT_Kanpur--page2new.jpg" style="width:100%;height:600px;">
+
     <img src="https://static.igem.org/mediawiki/2018/2/2d/T--IIT_Kanpur--PAGE_2.png" style="width:100%;height:auto;">
−
     <div class="text"><a href="https://2018.igem.org/Team:Oxford/Team">Water Pollution</a></div>
+
     <div class="text"><a href=""></a></div>
 
   </div>
 
   </div>
  
 
   <div class="mySlides fade">
 
   <div class="mySlides fade">
−
     <img src="https://static.igem.org/mediawiki/2018/c/c4/T--IIT_Kanpur--page4new.jpg" style="width:100%;height:600px;">
+
     <img src="https://static.igem.org/mediawiki/2018/5/51/T--IIT_Kanpur--page_3_f.png" style="width:100%;height:auto;">
 
     <div class="text"></div>
 
     <div class="text"></div>
 
   </div>
 
   </div>
Line 187: Line 246:
 
   <span class="dot" onclick="currentSlide(4)"></span>
 
   <span class="dot" onclick="currentSlide(4)"></span>
 
</div>
 
</div>
−
<button class="collapsible">See our Story!!</button>
+
<button class="collapsible" style="text-align:center;text: 30px;">SEE OUR STORY!!</button>
 
<div class ="c_h contentcollap" id='comic_holder'>
 
<div class ="c_h contentcollap" id='comic_holder'>
 
<br><br>
 
<br><br>

Latest revision as of 09:34, 6 December 2018

Won SILVER @ iGEM 2018