Line 2: | Line 2: | ||
<link href='https://fonts.googleapis.com/css?family=Boogaloo' rel='stylesheet'> | <link href='https://fonts.googleapis.com/css?family=Boogaloo' rel='stylesheet'> | ||
<script> | <script> | ||
− | function openNav() { | + | function openNav(e) { |
− | document.getElementById("myNav").style.width = "100%"; | + | //document.getElementById("myNav").style.width = "100%"; |
+ | |||
+ | x = e.pageX, y = e.pageY; | ||
+ | |||
+ | if(x>=365 && x<=436 && e.pageY>=112 && e.pageY<=205) | ||
+ | document.getElementById("myNav1").style.width = "100%";//alert(e.pageX + "+" + e.pageY); | ||
+ | |||
+ | if(x>=142 && x<=201 && y>=224 && y<=326) | ||
+ | document.getElementById("myNav2").style.width = "100%"; | ||
} | } | ||
function closeNav() { | function closeNav() { | ||
− | document.getElementById(" | + | document.getElementById("myNav1").style.width = "0%"; |
+ | document.getElementById("myNav2").style.width = "0%"; | ||
+ | document.getElementById("myNav3").style.width = "0%"; | ||
+ | document.getElementById("myNav4").style.width = "0%"; | ||
+ | document.getElementById("myNav5").style.width = "0%"; | ||
+ | document.getElementById("myNav6").style.width = "0%"; | ||
+ | document.getElementById("myNav7").style.width = "0%"; | ||
+ | document.getElementById("myNav8").style.width = "0%"; | ||
+ | document.getElementById("myNav9").style.width = "0%"; | ||
+ | document.getElementById("myNav10").style.width = "0%"; | ||
+ | document.getElementById("myNav11").style.width = "0%"; | ||
+ | document.getElementById("myNav12").style.width = "0%"; | ||
+ | document.getElementById("myNav13").style.width = "0%"; | ||
+ | document.getElementById("myNav14").style.width = "0%"; | ||
+ | document.getElementById("myNav15").style.width = "0%"; | ||
+ | document.getElementById("myNav16").style.width = "0%"; | ||
+ | document.getElementById("myNav17").style.width = "0%"; | ||
} | } | ||
Line 1,171: | Line 1,195: | ||
background-position: center; | background-position: center; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
− | background-size: | + | background-size: 100% 100% ; |
color: #ffffff; | color: #ffffff; | ||
Line 1,397: | Line 1,421: | ||
z-index: 101; | z-index: 101; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.navbar a:hover, .dropdown:hover .dropbtn { | .navbar a:hover, .dropdown:hover .dropbtn { | ||
Line 1,625: | Line 1,638: | ||
<div class = "navbar "> | <div class = "navbar "> | ||
− | <button class=" | + | <button class="dropbtn1"><a href="https://2017.igem.org/Team:IIT_Delhi">iGEM IIT Delhi</a></button> |
− | + | <div class = "right_menu"> | |
<div class="dropdown"> | <div class="dropdown"> | ||
<button class="dropbtn">Project | <button class="dropbtn">Project | ||
Line 1,633: | Line 1,646: | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
<a href="/Team:IIT_Delhi/Description">Overview</a> | <a href="/Team:IIT_Delhi/Description">Overview</a> | ||
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Results">Squarewave Generator</a> |
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Interlab">Interlab</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,643: | Line 1,656: | ||
</button> | </button> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Basic_Part">Circuit design and construction</a> |
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Composite_Part">Microfluidics and Fluroscence</a> |
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Improved_Part">Photobleaching</a> |
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Part_Collection">Promoter strength</a> |
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Part_Collection">Oscillations</a> |
− | + | <a href="/Team:IIT_Delhi/Part_Collection">Parts</a> | |
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div class="dropdown"> | <div class="dropdown"> | ||
<button class="dropbtn">Modeling | <button class="dropbtn">Modeling | ||
Line 1,671: | Line 1,670: | ||
<div class="dropdown-content-big"> | <div class="dropdown-content-big"> | ||
<a href="/Team:IIT_Delhi/Model">Overview</a> | <a href="/Team:IIT_Delhi/Model">Overview</a> | ||
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Database">Writing a model</a> |
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Database">Deterministic model </a> |
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Database">Stochastic model</a> |
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Database">Bifurcation and squareness</a> |
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Database">Resource sharing</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,687: | Line 1,686: | ||
<a href="/Team:IIT_Delhi/Engagement">Public Engagement</a> | <a href="/Team:IIT_Delhi/Engagement">Public Engagement</a> | ||
<a href="/Team:IIT_Delhi/Collaborations">Collaborations</a> | <a href="/Team:IIT_Delhi/Collaborations">Collaborations</a> | ||
− | <a href="/Team:IIT_Delhi/ | + | <a href="/Team:IIT_Delhi/Collaborations">Safety</a> |
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div class="dropdown"> | <div class="dropdown"> | ||
<button class="dropbtn">Notebook | <button class="dropbtn">Notebook | ||
Line 1,729: | Line 1,714: | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
Line 1,744: | Line 1,728: | ||
<div class = "center bannerpad"> | <div class = "center bannerpad"> | ||
CLICK ON THE IMAGES TO KNOW MORE ABOUT US | CLICK ON THE IMAGES TO KNOW MORE ABOUT US | ||
− | <center><img src="https://static.igem.org/mediawiki/2017/d/da/T--IIT_Delhi--squad.jpg" width = "1300" | + | <center><img id="team" src="https://static.igem.org/mediawiki/2017/d/da/T--IIT_Delhi--squad.jpg" width = "1300" alt="" ></center> |
+ | <script> | ||
+ | document.getElementById("team").addEventListener("click",openNav); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | <div id="myNav1" class="overlay"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
+ | <div class="overlay-content "> | ||
+ | <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Saksham.jpg" height ="500"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="myNav2" class="overlay"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
+ | <div class="overlay-content "> | ||
+ | <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Divya.jpg" height ="500"> | ||
+ | </div> | ||
+ | </div> | ||
− | <div id=" | + | <div id="myNav3" class="overlay"> |
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
<div class="overlay-content "> | <div class="overlay-content "> | ||
Line 1,754: | Line 1,756: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <div id="myNav4" class="overlay"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
+ | <div class="overlay-content "> | ||
+ | <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Saksham.jpg" height ="500"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="myNav5" class="overlay"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
+ | <div class="overlay-content "> | ||
+ | <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Saksham.jpg" height ="500"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="myNav6" class="overlay"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
+ | <div class="overlay-content "> | ||
+ | <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Saksham.jpg" height ="500"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="myNav7" class="overlay"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
+ | <div class="overlay-content "> | ||
+ | <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Saksham.jpg" height ="500"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="myNav8" class="overlay"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
+ | <div class="overlay-content "> | ||
+ | <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Saksham.jpg" height ="500"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="myNav9" class="overlay"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
+ | <div class="overlay-content "> | ||
+ | <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Saksham.jpg" height ="500"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="myNav10" class="overlay"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
+ | <div class="overlay-content "> | ||
+ | <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Saksham.jpg" height ="500"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="myNav11" class="overlay"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
+ | <div class="overlay-content "> | ||
+ | <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Saksham.jpg" height ="500"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="myNav12" class="overlay"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
+ | <div class="overlay-content "> | ||
+ | <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Saksham.jpg" height ="500"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="myNav13" class="overlay"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
+ | <div class="overlay-content "> | ||
+ | <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Saksham.jpg" height ="500"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="myNav14" class="overlay"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
+ | <div class="overlay-content "> | ||
+ | <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Saksham.jpg" height ="500"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="myNav15" class="overlay"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
+ | <div class="overlay-content "> | ||
+ | <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Saksham.jpg" height ="500"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="myNav16" class="overlay"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
+ | <div class="overlay-content "> | ||
+ | <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Saksham.jpg" height ="500"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="myNav17" class="overlay"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
+ | <div class="overlay-content "> | ||
+ | <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Saksham.jpg" height ="500"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
<map name="memberMap"> | <map name="memberMap"> |
Revision as of 14:31, 1 November 2017