Difference between revisions of "Team:IIT Delhi/Team"

 
(54 intermediate revisions by 5 users not shown)
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() {
+
 
−
     document.getElementById("myNav").style.width = "100%";
+
//document.getElementById("team").addEventListener("click",openNav);
 +
 
 +
function openNav(e) {
 +
 
 +
     var offset1 = document.getElementById("team").offsetLeft;
 +
    var offset2 = document.getElementById("team").offsetTop;
 +
 
 +
    var x=0; //e.pageX;
 +
    var y=0; //e.pageY;
 +
   
 +
    if (!e) var e = window.event;
 +
  if (e.pageX || e.pageY)
 +
  {
 +
    x = e.pageX - offset1;
 +
    y = e.pageY - offset2;
 +
    }
 +
    else if (e.clientX || e.clientY)
 +
    {
 +
    x = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft - offset1;
 +
    y = e.clientY + document.body.scrollTop + document.documentElement.scrollTop - offset2;
 +
    }
 +
 
 +
    if(x>=25)
 +
      if(x<=86)
 +
          if(y>=161)
 +
            if(y<=262)
 +
                document.getElementById("myNav1").style.width = "100%";
 +
 +
    if(x>=248)
 +
      if(x<=322)
 +
          if(y>=41)
 +
            if(y<=137)
 +
                document.getElementById("myNav2").style.width = "100%";
 +
 
 +
    if(x>=322)
 +
      if(x<=391)
 +
          if(y>=147)
 +
            if(y<=227)
 +
                document.getElementById("myNav3").style.width = "100%";
 +
 
 +
    if(x>=602)
 +
      if(x<=685)
 +
          if(y>=99)
 +
            if(y<=200)
 +
                document.getElementById("myNav4").style.width = "100%";
 +
 
 +
    if(x>=699)
 +
      if(x<=774)
 +
          if(y>=8)
 +
            if(y<=100)
 +
                document.getElementById("myNav5").style.width = "100%";
 +
 
 +
    if(x>=935)
 +
      if(x<=1024)
 +
          if(y>=82)
 +
            if(y<=170)
 +
                document.getElementById("myNav6").style.width = "100%";
 +
 
 +
    if(x>=1052)
 +
      if(x<=1138)
 +
          if(y>=15)
 +
            if(y<=128)
 +
                document.getElementById("myNav7").style.width = "100%";
 +
 
 +
    if(x>=1145)
 +
      if(x<=1220)
 +
          if(y>=102)
 +
            if(y<=190)
 +
                document.getElementById("myNav8").style.width = "100%";
 +
 
 +
    if(x>=1212)
 +
      if(x<=1277)
 +
          if(y>=181)
 +
            if(y<=272)
 +
                document.getElementById("myNav9").style.width = "100%";
 +
 
 +
    if(x>=1183)
 +
      if(x<=1270)
 +
          if(y>=417)
 +
            if(y<=517)
 +
                document.getElementById("myNav10").style.width = "100%";
 +
 
 +
    if(x>=1098)
 +
      if(x<=1183)
 +
          if(y>=582)
 +
            if(y<=695)
 +
                document.getElementById("myNav11").style.width = "100%";
 +
 
 +
    if(x>=1022)
 +
      if(x<=1095)
 +
          if(y>=677)
 +
            if(y<=776)
 +
                document.getElementById("myNav12").style.width = "100%";
 +
 
 +
    if(x>=935)
 +
      if(x<=1010)
 +
          if(y>=698)
 +
            if(y<=777)
 +
                document.getElementById("myNav13").style.width = "100%";
 +
 
 +
    if(x>=686)
 +
      if(x<=758)
 +
          if(y>=662)
 +
            if(y<=752)
 +
                document.getElementById("myNav14").style.width = "100%";
 +
 
 +
    if(x>=540)
 +
      if(x<=616)
 +
          if(y>=581)
 +
            if(y<=681)
 +
                document.getElementById("myNav15").style.width = "100%";
 +
 
 +
    if(x>=381)
 +
      if(x<=453)
 +
          if(y>=668)
 +
            if(y<=744)
 +
                document.getElementById("myNav16").style.width = "100%";
 +
 
 +
    if(x>=230)
 +
      if(x<=318)
 +
          if(y>=603)
 +
            if(y<=698)
 +
                document.getElementById("myNav17").style.width = "100%";
 +
 
 +
 
 
}
 
}
  
 
function closeNav() {
 
function closeNav() {
−
     document.getElementById("myNav").style.width = "0%";
+
     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 43: Line 183:
 
.bannerpad
 
.bannerpad
 
{
 
{
−
   padding-top:40px;
+
   padding-top:60px;
 
   padding-bottom: 0px;
 
   padding-bottom: 0px;
 +
  background-color: rgb(68,170,255);
 
}
 
}
 
.overlay {
 
.overlay {
Line 870: Line 1,011:
 
background-color: rgba(82,82,82,0.99);
 
background-color: rgba(82,82,82,0.99);
 
}
 
}
 +
.tr3{
 +
background-color: #000;
 +
 +
}
 +
.tr4{
 +
color: #fff;
 +
}
 +
  
 
table td {
 
table td {
 
padding: 0em 0em;
 
padding: 0em 0em;
−
                         color: #697ce5;
+
                         color: #000;
−
                         background-color: #697ce5;
+
                         background-color: #000;
 
}
 
}
  
 
table th {
 
table th {
−
color: #697ce5;
+
color: #000;
 
font-size: 0.9em;
 
font-size: 0.9em;
 
font-weight: 400;
 
font-weight: 400;
Line 1,395: Line 1,544:
 
     padding: 15px 16px;
 
     padding: 15px 16px;
 
     background-color: inherit;
 
     background-color: inherit;
 +
    z-index: 101;
 +
}
 +
 +
.dropbtn2{
 +
    font-size: 16px;   
 +
    border: none;
 +
    outline: none;
 +
    color: white;
 +
    padding: 15px 16px;
 +
    background-color: #000;
 
     z-index: 101;
 
     z-index: 101;
 
}
 
}
Line 1,614: Line 1,773:
 
<div class = "navbar ">
 
<div class = "navbar ">
 
 
−
                                                         <button class="dropbtn1"><a href="https://2017.igem.org/Team:IIT_Delhi">iGEM IIT Delhi</a></button>
+
                                                         <button class="dropbtn2"><a href="https://2017.igem.org/Team:IIT_Delhi">iGEM IIT Delhi</a></button>
−
<div class = "right_menu">
+
        <div class = "right_menu">
 
   <div class="dropdown">
 
   <div class="dropdown">
 
     <button class="dropbtn">Project  
 
     <button class="dropbtn">Project  
Line 1,622: Line 1,781:
 
     <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/Results">Squarewave Generator</a>
+
       <a href="/Team:IIT_Delhi/Design">Squarewave Generator</a>
  
−
       <a href="/Team:IIT_Delhi/Interlab">Interlab</a>
+
       <a href="/Team:IIT_Delhi/InterLab">Interlab</a>
 
     </div>
 
     </div>
 
   </div>  
 
   </div>  
Line 1,632: Line 1,791:
 
     </button>
 
     </button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
−
       <a href="/Team:IIT_Delhi/Basic_Part">Circuit design and construction</a>
+
       <a href="/Team:IIT_Delhi/Circuit_Design">Circuit design and construction</a>
−
       <a href="/Team:IIT_Delhi/Composite_Part">Microfluidics and Fluroscence</a>
+
       <a href="/Team:IIT_Delhi/Microfluidics">Microfluidics and Fluorescence</a>
−
       <a href="/Team:IIT_Delhi/Improved_Part">Photobleaching</a>
+
       <a href="/Team:IIT_Delhi/Photobleaching">Photobleaching</a>
−
       <a href="/Team:IIT_Delhi/Part_Collection">Promoter strength</a>
+
       <a href="/Team:IIT_Delhi/Promoter">Promoter strength</a>
−
                                                       <a href="/Team:IIT_Delhi/Part_Collection">Oscillations</a>
+
                                                       <a href="/Team:IIT_Delhi/Oscillations">Oscillations</a>
−
                                                       <a href="/Team:IIT_Delhi/Part_Collection">Parts</a>
+
                                                        
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 +
 +
                                                          <div class="dropdown">
 +
    <button class="dropbtn">Parts
 +
    <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="/Team:IIT_Delhi/Basic_Part">Basic Parts</a>
 +
      <a href="/Team:IIT_Delhi/Composite_Part">Composite Parts</a>
 +
      <a href="/Team:IIT_Delhi/Improved_Part">Improved Parts</a>
 +
      <a href="/Team:IIT_Delhi/Part_Collection">Part Collection</a>
 +
                                                     
 +
    </div>
 +
  </div>
 +
 
   <div class="dropdown">
 
   <div class="dropdown">
 
     <button class="dropbtn">Modeling
 
     <button class="dropbtn">Modeling
Line 1,646: Line 1,819:
 
     <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/Database">Writing a model</a>
+
       <a href="/Team:IIT_Delhi/Write_Model">Writing a Model</a>
−
                                                         <a href="/Team:IIT_Delhi/Database">Deterministic model </a>
+
                                                         <a href="/Team:IIT_Delhi/Deterministic_Model">Deterministic Model </a>
−
                                                         <a href="/Team:IIT_Delhi/Database">Stochastic model</a>
+
                                                         <a href="/Team:IIT_Delhi/Stochastic_Model">Stochastic Model</a>
−
                                                         <a href="/Team:IIT_Delhi/Database">Bifurcation and squareness</a>
+
                                                         <a href="/Team:IIT_Delhi/Bifurcation">Bifurcation and Squareness</a>
−
                                                         <a href="/Team:IIT_Delhi/Database">Resource sharing</a>
+
                                                         <a href="/Team:IIT_Delhi/Resources">Resource sharing</a>
 
     </div>
 
     </div>
 
     </div>
 
     </div>
Line 1,662: Line 1,835:
 
       <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/Collaborations">Safety</a>
+
                                                         <a href="/Team:IIT_Delhi/Safety">Safety</a>
 
     </div>
 
     </div>
 
   </div>  
 
   </div>  
 +
 +
                                                        <div class="dropdown">
 +
    <button class="dropbtn">Collaborations
 +
    <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
                                                        <a href="/Team:IIT_Delhi/Collaborations">Overview</a>
 +
      <a href="/Team:IIT_Delhi/GMM_legislation">GMM Legislation</a>
 +
      <a href="/Team:IIT_Delhi/berlin">iGEM Berlin</a>
 +
      <a href="/Team:IIT_Delhi/mohali">Mentoring IISER Mohali</a>
 +
      <a href="/Team:IIT_Delhi/glasgow">iGEM Glasgow</a>
 +
             
 +
    </div>
 +
  </div> 
 
   <div class="dropdown">
 
   <div class="dropdown">
 
     <button class="dropbtn">Notebook  
 
     <button class="dropbtn">Notebook  
Line 1,703: Line 1,890:
 
 
 
<div class = "center bannerpad">
 
<div class = "center bannerpad">
−
CLICK ON THE IMAGES TO KNOW MORE ABOUT US
+
CLICK ON OUR FACES TO KNOW MORE ABOUT US
−
<center><img src="https://static.igem.org/mediawiki/2017/d/da/T--IIT_Delhi--squad.jpg" width = "1300" usemap="#memberMap" alt ></center>
+
<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()">&times;</a>
 +
  <div class="overlay-content ">
 +
    <img src= "https://static.igem.org/mediawiki/2017/b/b5/T--IIT_Delhi--Nipun.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
   
 +
<div id="myNav2" class="overlay">
 +
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 +
  <div class="overlay-content ">
 +
    <img src= "https://static.igem.org/mediawiki/2017/7/70/T--IIT_Delhi--Maini.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
  
−
<div id="myNav" class="overlay">
+
<div id="myNav3" class="overlay">
 +
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 +
  <div class="overlay-content ">
 +
    <img src= "https://static.igem.org/mediawiki/2017/d/d7/T--IIT_Delhi--Team.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 
 +
<div id="myNav4" class="overlay">
 +
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 +
  <div class="overlay-content ">
 +
    <img src= "https://static.igem.org/mediawiki/2017/6/60/T--IIT_Delhi--Zode.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 
 +
<div id="myNav5" class="overlay">
 +
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 +
  <div class="overlay-content ">
 +
    <img src= "https://static.igem.org/mediawiki/2017/7/7d/T--IIT_Delhi--Sashi.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 
 +
<div id="myNav6" class="overlay">
 +
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 +
  <div class="overlay-content ">
 +
    <img src= "https://static.igem.org/mediawiki/2017/e/ee/T--IIT_Delhi--Abhilash.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 
 +
<div id="myNav7" class="overlay">
 +
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 +
  <div class="overlay-content ">
 +
    <img src= "https://static.igem.org/mediawiki/2017/f/f9/T--IIT_Delhi--Kshitij.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 
 +
<div id="myNav8" class="overlay">
 +
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 +
  <div class="overlay-content ">
 +
    <img src= "https://static.igem.org/mediawiki/2017/5/55/T--IIT_Delhi--Phawa.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 
 +
<div id="myNav9" class="overlay">
 +
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 +
  <div class="overlay-content ">
 +
    <img src= "https://static.igem.org/mediawiki/2017/e/ea/T--IIT_Delhi--Tanuj.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 
 +
<div id="myNav10" class="overlay">
 +
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 +
  <div class="overlay-content ">
 +
    <img src= "https://static.igem.org/mediawiki/2017/1/19/T--IIT_Delhi--Tarun.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 
 +
<div id="myNav11" class="overlay">
 +
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 +
  <div class="overlay-content ">
 +
    <img src= "https://static.igem.org/mediawiki/2017/3/3e/T--IIT_Delhi--DIvya.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 
 +
<div id="myNav12" class="overlay">
 +
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 +
  <div class="overlay-content ">
 +
    <img src= "https://static.igem.org/mediawiki/2017/e/e9/T--IIT_Delhi--Pulkit.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 
 +
<div id="myNav13" class="overlay">
 
   <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 
   <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 
   <div class="overlay-content ">
 
   <div class="overlay-content ">
Line 1,714: Line 1,988:
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
 +
<div id="myNav14" class="overlay">
 +
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 +
  <div class="overlay-content ">
 +
    <img src= "https://static.igem.org/mediawiki/2017/e/e8/T--IIT_Delhi--Varuni.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 +
<div id="myNav15" class="overlay">
 +
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 +
  <div class="overlay-content ">
 +
    <img src= "https://static.igem.org/mediawiki/2017/6/6f/T--IIT_Delhi--Preeti.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 +
<div id="myNav16" class="overlay">
 +
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 +
  <div class="overlay-content ">
 +
    <img src= "https://static.igem.org/mediawiki/2017/7/78/T--IIT_Delhi--Abhishek.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 +
<div id="myNav17" class="overlay">
 +
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 +
  <div class="overlay-content ">
 +
    <img src= "https://static.igem.org/mediawiki/2017/c/c5/T--IIT_Delhi--Siddhesh.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
   
  
 
<map name="memberMap">
 
<map name="memberMap">
Line 1,738: Line 2,041:
 
</span>
 
</span>
 
</map>
 
</map>
−
 
+
<br>
 
</div>
 
</div>
  
Line 1,769: Line 2,072:
 
<table  style="font-family:'Lato'; border: 0px solid black; ">
 
<table  style="font-family:'Lato'; border: 0px solid black; ">
 
         <tr align="center"  >
 
         <tr align="center"  >
−
         <td align="center" width="50%" colspan="2" class="tr2"><b>Sponsored By</b></td></tr>
+
         <td align="center" width="50%" colspan="2" class="tr2"><div class="tr4">Sponsored By</div></td></tr>
 
         <tr align="center" >   
 
         <tr align="center" >   
 
         <td align="center" width="50%" colspan="2"><b><img src= "https://static.igem.org/mediawiki/2017/1/1e/T--IIT_DELHI--sponsotstrip.jpg" class="width-max"></b></td></tr>
 
         <td align="center" width="50%" colspan="2"><b><img src= "https://static.igem.org/mediawiki/2017/1/1e/T--IIT_DELHI--sponsotstrip.jpg" class="width-max"></b></td></tr>
  
 
         <tr align="right" >
 
         <tr align="right" >
−
             <td align="center" width="50%"><b>Contact Us</b></td>
+
             <td align="center" width="50%" class="tr3 tr4"><div class="tr4">Contact Us</div></td>
−
             <td align="center" ><b>Address</b></td>
+
             <td align="center"  class="tr3"><div class="tr4">Address</div></td>
 
         </tr>
 
         </tr>
 
          
 
          
Line 1,789: Line 2,092:
 
 
 
           <td align = "center"  style="padding-top: 0px;" class="tr2">
 
           <td align = "center"  style="padding-top: 0px;" class="tr2">
−
<center> <p  style="text-align: center; color:white; font-size: 80%;"><b>E-mail:</b> iitd.igem@gmail.com<br>Undergraduate Laboratory<br>Department of Biotechnology and Biochemical Engineering, IIT Delhi</p></center>
+
<center> <p  style="text-align: center; color:white; font-size: 80%;">E-mail: iitd.igem@gmail.com<br>Undergraduate Laboratory<br>Department of Biotechnology and Biochemical Engineering, IIT Delhi</p></center>
 
 
 
         </tr>
 
         </tr>

Latest revision as of 22:24, 1 November 2017

iGEM IIT Delhi

Overview Squarewave Generator Interlab
Circuit design and construction Microfluidics and Fluorescence Photobleaching Promoter strength Oscillations
Basic Parts Composite Parts Improved Parts Part Collection
Overview Writing a Model Deterministic Model Stochastic Model Bifurcation and Squareness Resource sharing
Human Practices Integrated Practices Public Engagement Collaborations Safety
Overview GMM Legislation iGEM Berlin Mentoring IISER Mohali iGEM Glasgow
Lab Records Protocols Recipes Medal Criteria
The Team Attributions
CLICK ON OUR FACES TO KNOW MORE ABOUT US
×
×
×
×
×
×
×
×
×
×
×
×
×
×
×
×
×
Kshitij Pratyush Saksham Divya Siddhesh Pulkit Sashi Shreya Zode Nipun Tanuj Ishank Preeti Abhishek Varuni Tarun Abhilash
Sponsored By
Contact Us
Address

E-mail: iitd.igem@gmail.com
Undergraduate Laboratory
Department of Biotechnology and Biochemical Engineering, IIT Delhi