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

Line 38: Line 38:
 
border: none;
 
border: none;
 
}
 
}
 +
 +
#globalWrapperdivi{
 +
        transition: 0.5s;
 +
     
 +
    }
 +
 +
#globalWrapperdivi {
 +
    position: relative;
 +
  /* font-size: 127%; */
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
    padding-bottom: 10px;
 +
   
 +
   
 +
    top: 0;
 +
    left: 0;
 +
}
 +
 +
 
#globalWrapperdivi, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */
 
#globalWrapperdivi, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */
 
background-color: transparent;
 
background-color: transparent;
Line 1,239: Line 1,259:
 
<style>
 
<style>
 
    
 
    
−
       .overlay {
+
        
−
    height: 100%;
+
−
    width: 0;
+
−
    position: fixed;
+
−
    z-index: 0;
+
−
    top: 0;
+
−
    left: 0;
+
−
           
+
−
        /*background-image: url("G:\documents\IITD\others\igem\web_development\local_portrait.jpg");
+
−
        background-size: 300px 800px;*/
+
−
      /* margin-top: 100px;*/
+
−
    /*background-color: rgb(1,1,1);
+
−
    background-color: rgba(0,0,0, 0.9);*/
+
−
      background-color: white;
+
−
        /*background-color: rgba(255,255,255,0.9);*/
+
−
    overflow-x: hidden;
+
−
    transition: 0.5s;
+
−
}
+
−
 
+
−
.overlay-content {
+
−
    position: relative;
+
−
    top: 25%;
+
−
   
+
−
    text-align: center;
+
−
    margin-top: 30px;
+
−
 
+
−
}
+
−
 
+
−
.overlay a, .overlay-btn {
+
−
    padding: 20px;
+
−
    padding-left: 15px;
+
−
    cursor: pointer;
+
−
    text-decoration: none;
+
−
    font-size: 24px;
+
−
    color: #818181;
+
−
    display: block;
+
−
    transition: 0.3s;
+
−
    position: relative;
+
−
    background-color: white;
+
−
    width: 100%;
+
−
    font-family: Arial;
+
−
    border-width: 0;
+
−
    border-color: white;
+
−
    border-style: none;
+
−
    border-image: none;
+
−
    outline: none;
+
−
    font-size: 20px;
+
−
    text-align: left;
+
−
    margin-top: 0px;
+
−
    float: left;
+
−
    /*border:none;*/
+
−
    /*background: none;*/
+
−
}
+
−
 
+
−
   
+
−
    .fa-caret-right {
+
−
    float: right;
+
−
    padding-right: 8px;
+
−
}
+
−
   
+
−
    .overlay-btn2{
+
−
        outline: none;
+
−
    }
+
−
.overlay a:hover, .overlay a:focus, .overlay-btn:hover, .overlay-btn2:hover {
+
−
    color: darkred;
+
−
}
+
−
 
+
−
 
+
−
  /*  .overlay .closebtn {
+
−
    position: absolute;
+
−
    float:right;
+
−
    top:0;
+
−
    font-size: 60px;
+
−
} */
+
−
   
+
−
    .dropdown-container {
+
−
    display: none;
+
−
    background-color: #262626;
+
−
    padding-left: 30px;
+
−
}
+
 
/*end of overlay*/
 
/*end of overlay*/
 
}
 
}
Line 1,352: Line 1,293:
  
  
−
   .navbar {
+
    
 +
 
 +
 
 +
  div.borderYtoX a:before, div.borderYtoX a:after
 +
{
 +
    position: absolute;
 +
    opacity: 0.5;
 +
    height: 100%;
 +
    width: 0px;
 +
    content: '';
 +
    background: red;
 +
    transition: all 0.2s;
 +
}
 +
 
 +
div.borderYtoX a:before
 +
{
 +
    left: 0px;
 +
    top: 0px;
 +
}
 +
 
 +
div.borderYtoX a:after
 +
{
 +
    right: 0px;
 +
    bottom: 0px;
 +
}
 +
 
 +
div.borderYtoX a:hover:before, div.borderYtoX a:hover:after
 +
{
 +
    opacity: 1;
 +
    height: 1px;
 +
    width: 50%;
 +
}   
 +
 
 +
.active {
 +
  background-color: #4CAF50;
 +
  color: black;
 +
}
 +
 
 +
.RespIcon .icon {
 +
  display: none;
 +
    background: black;
 +
    color: crimson;
 +
    padding-top: 0px;
 +
    padding-right: 50px;
 +
 
 +
}
 +
 
 +
    .RespIcon{
 +
        display: none;
 +
       
 +
    }   
 +
   
 +
.show {
 +
    display: block;
 +
}
 +
 
 +
.main {
 +
  padding: 16px;
 +
  margin-top: 30px;
 +
  height: 1500px;
 +
  z-index: 0;
 +
}
 +
 
 +
.navaman {
 
      
 
      
 
         font-family: Raleway;
 
         font-family: Raleway;
Line 1,366: Line 1,370:
 
}
 
}
  
−
.navbar a {
+
.navaman a {
 
    
 
    
 
     padding: 14px 30px;
 
     padding: 14px 30px;
Line 1,379: Line 1,383:
 
}
 
}
  
−
.dropdown {
+
.dropdownsakks {
 
     float: right;
 
     float: right;
 
     overflow: hidden;
 
     overflow: hidden;
 
}
 
}
  
−
.dropdown .dropbtn {
+
.dropdownsakks .dropbtn {
 
     cursor: pointer;
 
     cursor: pointer;
 
     font-size: 16px;     
 
     font-size: 16px;     
Line 1,398: Line 1,402:
  
  
−
.dropdown-content {
+
.dropdownsakks-content {
 
     display: none;
 
     display: none;
 
     position: absolute;
 
     position: absolute;
Line 1,407: Line 1,411:
 
}
 
}
  
−
.dropdown-content a {
+
.dropdownsakks-content a {
 
     float: none;
 
     float: none;
 
     color: black;
 
     color: black;
Line 1,416: Line 1,420:
 
}
 
}
  
−
     .dropdown:hover .dropdown-content{
+
     .dropdownsakks:hover .dropdownsakks-content{
 
         display:block;
 
         display:block;
 
     }
 
     }
 
      
 
      
−
.dropdown-content a:hover {
+
.dropdownsakks-content a:hover {
 
     color: red;
 
     color: red;
 
     z-index: 555;
 
     z-index: 555;
Line 1,427: Line 1,431:
  
  
−
 
+
  .overlayved {
−
  div.borderYtoX a:before, div.borderYtoX a:after
+
−
{
+
−
    position: absolute;
+
−
    opacity: 0.5;
+
 
     height: 100%;
 
     height: 100%;
−
     width: 0px;
+
     width: 0;
−
     content: '';
+
     position: fixed;
−
     background: red;
+
     z-index: 0;
−
     transition: all 0.2s;
+
    top: 0;
 +
    left: 0;
 +
           
 +
        /*background-image: url("G:\documents\IITD\others\igem\web_development\local_portrait.jpg");
 +
        background-size: 300px 800px;*/
 +
      /* margin-top: 100px;*/
 +
    /*background-color: rgb(1,1,1);
 +
    background-color: rgba(0,0,0, 0.9);*/
 +
      background-color: white;
 +
        /*background-color: rgba(255,255,255,0.9);*/
 +
    overflow-x: hidden;
 +
     transition: 0.5s;
 
}
 
}
  
−
div.borderYtoX a:before
+
.overlayved-content {
−
{
+
    position: relative;
−
     left: 0px;
+
    top: 25%;
−
     top: 0px;
+
      
 +
    text-align: center;
 +
     margin-top: 30px;
 +
 
 
}
 
}
  
−
div.borderYtoX a:after
+
.overlayved a, .overlayved-btn {
−
{
+
    padding: 20px;
−
     right: 0px;
+
    padding-left: 15px;
−
     bottom: 0px;
+
     cursor: pointer;
 +
     text-decoration: none;
 +
    font-size: 24px;
 +
    color: #818181;
 +
    display: block;
 +
    transition: 0.3s;
 +
    position: relative;
 +
    background-color: white;
 +
    width: 100%;
 +
    font-family: Arial;
 +
    border-width: 0;
 +
    border-color: white;
 +
    border-style: none;
 +
    border-image: none;
 +
    outline: none;
 +
    font-size: 20px;
 +
    text-align: left;
 +
    margin-top: 0px;
 +
    float: left;
 +
    /*border:none;*/
 +
    /*background: none;*/
 
}
 
}
  
−
div.borderYtoX a:hover:before, div.borderYtoX a:hover:after
+
   
−
{
+
    .fa-caret-right {
−
     opacity: 1;
+
    float: right;
−
     height: 1px;
+
    padding-right: 8px;
−
     width: 50%;
+
}
−
}  
+
      
 +
    .overlayved-btn2{
 +
        outline: none;
 +
     }
 +
.overlayved a:hover, .overlayved a:focus, .overlayved-btn:hover, .overlayved-btn2:hover {
 +
     color: darkred;
 +
}
  
−
.active {
+
 
−
  background-color: #4CAF50;
+
  /*  .overlayved .closebtn {
−
  color: black;
+
    position: absolute;
 +
    float:right;
 +
    top:0;
 +
    font-size: 60px;
 +
} */
 +
   
 +
    .dropdownsakks-container {
 +
    display: none;
 +
    background-color: #262626;
 +
    padding-left: 30px;
 +
}
 +
/*end of overlayved*/
 
}
 
}
  
−
.RespIcon .icon {
+
/* ADJUSTS DEFAULT iGEM CONTENT */
−
  display: none;
+
.logo_2017, #sideMenu, #firstHeading, #bars_item { /* HIDES SOME UNWANTED STUFF COMPLETELY */
−
    background: black;
+
display: none;
−
    color: crimson;
+
}
−
    padding-top: 0px;
+
#top_menu_14, #top_menu_inside { /* MAKES BACKGROUND OF iGEM MENU TRANSPARENT */
−
    padding-right: 50px;
+
background: none;
−
 
+
border: none;
 +
}
 +
:focus, :active {
 +
  outline: 0;
 +
}
 +
#content {
 +
width: 100%;
 +
margin: 0;
 +
margin-top: -33px;
 +
padding: 0;
 +
height: 100%
 
}
 
}
  
−
     .RespIcon{
+
      
−
         display: none;
+
    @media screen and (max-width: 850px) {
 +
        .navaman a{display: none;}
 +
        .RespIcon {display: block;}
 +
         .NameClass{display: none;}
 +
        .RespIcon .icon {
 +
            float:  right;
 +
            display: block;
 +
        }
 
          
 
          
 +
        body, html, #globalWrapperdivi, #bodyContent, #HQ_page {
 +
 +
        margin-top: -17px;
 +
        }
 
     }     
 
     }     
−
   
+
 
−
.show {
+
−
    display: block;
+
  @media screen and (max-width: 1000px) and (min-width: 850px) {
−
}
+
        .navaman a{display: none;}
 +
        .RespIcon {display: block;}
 +
        .NameClass{display: none;}
 +
        .RespIcon .icon {
 +
            float:  right;
 +
            display: block;
 +
        }
 +
       
 +
        body, html, #globalWrapperdivi, #bodyContent, #HQ_page {
 +
 +
        margin-top: -15px;
 +
        }
 +
    }   
 +
 
  
−
.main {
+
  @media screen and (max-width: 1200px) and (min-width: 1000px) {
−
  padding: 16px;
+
        .navaman a{display: none;}
−
  margin-top: 30px;
+
        .RespIcon {display: block;}
−
  height: 1500px;  
+
        .NameClass{display: none;}
−
  z-index: 0;
+
        .RespIcon .icon {
−
}
+
            float: right;
 +
            display: block;
 +
        }
 +
       
 +
        body, html, #globalWrapperdivi, #bodyContent, #HQ_page {
 +
 +
        margin-top: -10px;
 +
        }
 +
    }  
 
    
 
    
−
   
+
 
−
     @media screen and (max-width: 1300px){
+
 
−
         .navbar a{display: none;}
+
     @media screen and (max-width: 1300px) and (min-width: 1200px) {
 +
         .navaman a{display: none;}
 
         .RespIcon {display: block;}
 
         .RespIcon {display: block;}
 
         .NameClass{display: none;}
 
         .NameClass{display: none;}
Line 1,498: Line 1,592:
 
         }
 
         }
 
          
 
          
 +
        body, html, #globalWrapperdivi, #bodyContent, #HQ_page {
 +
 +
        margin-top: -8px;
 +
        }
 
     }     
 
     }     
 
      
 
      
 +
 
 +
 
      
 
      
 
</style>
 
</style>
Line 1,623: Line 1,723:
  
 
     <body>
 
     <body>
−
  <div id="globalWrapper">           
+
 
 +
<div id="globalWrapperdivi" style="margin-top: -6.5%;z-index: 1">           
 
          
 
          
 
    
 
    
  
−
         <div class= "NameClass" style="background-color:white;"><img src="Logo%20Circle%20w%20BG.png" style="height: 150px; padding-left: 45%;margin-top: 0px; padding-top: 10px;">
+
         <div class= "NameClass" style="background-color:white;">
 +
<a style="height: 150px; width: 150px;margin-left: 34%;margin-top: 0px; padding-top: 35px;" href="https://2018.igem.org/Team:IIT_Delhi">
 +
<img src="https://static.igem.org/mediawiki/2018/d/de/T--IIT_Delhi--whitelogo.png" style="height: 150px; width: 150px;display:inline; margin-top: 40px;"> </a>
 
              
 
              
−
       
 
 
         </div>
 
         </div>
 
        
 
        
−
       <div class="RespIcon"  style="background-color: black;">
+
       <div class="RespIcon"  style="background-color: white;">
−
      <img src="Logo%20Circle%20Background.jpg" style="height: 150px; width: 160px; display:block; padding-left: 5%;margin-top: 0px; padding-top: 10px;">
+
<a href="https://2018.igem.org/Team:IIT_Delhi" style="height: 150px; width: 150px; margin-left: 5%;margin-top: 0px; padding-top: 14px;">
−
          <a href="javascript:void(0);" class="icon" onclick="openNav()"> <i class="fa fa-bars"></i> </a>
+
      <img src="https://static.igem.org/mediawiki/2018/d/de/T--IIT_Delhi--whitelogo.png" style="height: 150px; width: 150px; display:inline; padding-top: 15px;">  </a>      <a href="javascript:void(0);" style="Background-color: white;" class="icon" onclick="openNav()"> <i class="fa fa-bars" style="padding-top: 100px"></i> </a>
 
       </div>
 
       </div>
 
          
 
          
 
        
 
        
−
<div class = "navbar">
+
<div class = "navaman">
 
 
−
           <div class="dropdown">
+
           <div class="dropdownsakks">
 
   <div class= "borderYtoX">   
 
   <div class= "borderYtoX">   
 
          
 
          
Line 1,646: Line 1,748:
 
          
 
          
 
     </div>
 
     </div>
−
     <div class="dropdown-content"  style="margin-top: 62px;">
+
     <div class="dropdownsakks-content"  style="margin-top: 66px;">
−
       <a href="https://2018.igem.org/Team:IIT_Delhi/Team">Lab Records</a>
+
       <a href="https://2018.igem.org/Team:IIT_Delhi/Notebook">Lab Records</a>
−
      <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations">Protocol</a>
+
                      <a href="https://igem.org/2018_Judging_Form?team=IIT_Delhi">Medal Criteria</a>
−
              <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations">Recipes</a>
+
−
                      <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations">Medal Criteria</a>
+
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 1,656: Line 1,756:
 
          
 
          
 
                                                          
 
                                                          
−
       <div class="dropdown">
+
       <div class="dropdownsakks">
 
   <div class= "borderYtoX">   
 
   <div class= "borderYtoX">   
 
          
 
          
Line 1,662: Line 1,762:
 
          
 
          
 
     </div>
 
     </div>
−
     <div class="dropdown-content"  style="margin-top: 62px;">
+
     <div class="dropdownsakks-content"  style="margin-top: 66px;">
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Team">Members</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Team">Members</a>
−
       <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations">Attributions</a>
+
       <a href="https://2018.igem.org/Team:IIT_Delhi/Attributions">Attributions</a>
−
              <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations">Sponsors</a>
+
           
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
      
 
      
 
       <div class= "borderYtoX">
 
       <div class= "borderYtoX">
−
       <a href="https://2018.igem.org/Team:IIT_Delhi/Safety">Collaborations</a>
+
       <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations"> Collaboration</a>
 
     </div>
 
     </div>
 
          
 
          
−
       <div class="dropdown">
+
       <div class="dropdownsakks">
  
 
       <div class= "borderYtoX">
 
       <div class= "borderYtoX">
 
           <a href="javascript:void(0)"> Human Practices </a>
 
           <a href="javascript:void(0)"> Human Practices </a>
 
           </div>
 
           </div>
−
     <div class="dropdown-content"  style="margin-top: 62px;">
+
     <div class="dropdownsakks-content"  style="margin-top: 66px;">
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Human_Practices">Human Practices</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Human_Practices">Human Practices</a>
−
      <a href="https://2018.igem.org/Team:IIT_Delhi/Public_Engagement">Integrated Practices</a>
+
   
−
           <a href="https://2018.igem.org/Team:IIT_Delhi/Public_Engagement">Safety</a>
+
           <a href="https://2018.igem.org/Team:IIT_Delhi/Safety">Safety</a>
 
               <a href="https://2018.igem.org/Team:IIT_Delhi/Public_Engagement">Public Engagement</a>
 
               <a href="https://2018.igem.org/Team:IIT_Delhi/Public_Engagement">Public Engagement</a>
 
     </div>
 
     </div>
 
   </div>  
 
   </div>  
 
       <div class= "borderYtoX">
 
       <div class= "borderYtoX">
−
       <a href="https://2018.igem.org/Team:IIT_Delhi/Safety">Modelling</a>
+
       <a href="https://2018.igem.org/Team:IIT_Delhi/Model">Modelling</a>
 
     </div>
 
     </div>
 +
    <div class="dropdownsakks">
 +
 +
       
 +
       
 
          
 
          
−
    <div class="dropdown">
+
  <div class= "borderYtoX">
−
<div class= "borderYtoX">
+
 
     <a href="javascript:void(0)"> Parts </a>
 
     <a href="javascript:void(0)"> Parts </a>
 
         </div>
 
         </div>
−
     <div class="dropdown-content" style="margin-top: 62px;">
+
     <div class="dropdownsakks-content" style="margin-top: 66px;">
  
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Basic_Part">Basic Parts</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Basic_Part">Basic Parts</a>
Line 1,701: Line 1,804:
 
     </div>
 
     </div>
 
   </div>
 
   </div>
−
 
+
<div class="dropdownsakks">
 
         <div class= "borderYtoX">
 
         <div class= "borderYtoX">
−
   <a href="https://igem.org/2018_Judging_Form?team=IIT_Delhi" >Results</a>
+
   <a href="javascript:void(0)" >Results</a>
 
     </div>
 
     </div>
  
−
          
+
  <div class="dropdownsakks-content"  style="margin-top: 66px;">
 +
      <a href="https://2018.igem.org/Team:IIT_Delhi/Demonstrate">Demonstrate</a>
 +
      <a href="https://2018.igem.org/Team:IIT_Delhi/InterLab">Interlab</a>
 +
     
 +
    </div>
 +
 
 +
 
 +
 
 +
         </div>
 
          
 
          
 
          
 
          
Line 1,713: Line 1,824:
 
          
 
          
 
          
 
          
−
       <div class="dropdown">
+
       <div class="dropdownsakks">
 
           <div class= "borderYtoX">
 
           <div class= "borderYtoX">
 
             <a href="javascript:void(0)"> Project </a>
 
             <a href="javascript:void(0)"> Project </a>
 
           </div>
 
           </div>
−
     <div class="dropdown-content"  style="margin-top: 62px;">
+
     <div class="dropdownsakks-content"  style="margin-top: 66px;">
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Description">Overview</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Description">Overview</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Design">Design</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Design">Design</a>
Line 1,730: Line 1,841:
 
</div>
 
</div>
  
−
       <div class= "overlay" id="myNav">
+
       <div class= "overlayved" id="myNav">
 
   
 
   
 
      
 
      
Line 1,737: Line 1,848:
 
            
 
            
 
            
 
            
−
     <div class="overlay-content">
+
     <div class="overlayved-content">
 
      
 
      
 
         <hr>
 
         <hr>
 
          
 
          
−
             <button class="overlay-btn2" style="padding-bottom: 15px;padding-top: 15px;align-self: center;font-size: 30px;font-family: raleway;border-color: white;border-style: none; border-image: none;background-color: white;border-width: 0px;cursor: pointer; color: #818181;" onClick="closeNav()" >Close Navigation</button>
+
             <button class="overlayved-btn2" style="padding-bottom: 15px;padding-top: 15px;align-self: center;font-size: 30px;font-family: raleway;border-color: white;border-style: none; border-image: none;background-color: white;border-width: 0px;cursor: pointer; color: #818181;" onClick="closeNav()" >Close Navigation</button>
 
      
 
      
 
         <hr>
 
         <hr>
Line 1,747: Line 1,858:
 
         <div style="height: 28px;">  </div>
 
         <div style="height: 28px;">  </div>
 
          
 
          
−
  <button class="overlay-btn" style="padding-bottom: 15px;"  onclick="myFunction1()">Project
+
  <button class="overlayved-btn" style="padding-bottom: 15px;"  onclick="myFunction1()">Project
 
           <i class="fa fa-caret-right"></i>     
 
           <i class="fa fa-caret-right"></i>     
 
     </button>
 
     </button>
Line 1,753: Line 1,864:
 
          
 
          
 
          
 
          
−
     <div class="dropdown-container" id="myDropdown1" style= "font-style: italic; ">
+
     <div class="dropdownsakks-container" id="mydropdownsakks1" style= "font-style: italic; ">
−
     <a href="#" style="font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 0px;">Overview</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Description" style="font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 0px;">Overview</a>
−
     <a href="#" style="font-size: 15px;padding: 10px; padding-top: 5px;
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Design" style="font-size: 15px;padding: 10px; padding-top: 5px;
 
                       padding-bottom: 0px;" >Design</a>
 
                       padding-bottom: 0px;" >Design</a>
 
     </div>
 
     </div>
 
      
 
      
−
        <a href="#safety" style="padding-bottom: 15px;padding-top: 15px;" >Results</a>
+
    <button class="overlayved-btn" onclick="myFunction2()" style="padding-bottom: 15px;">Parts
 +
      <i class="fa fa-caret-right"></i> 
 +
    </button>
 +
   
 +
    <div class="dropdownsakks-container" id="mydropdownsakks2" style= "font-style: italic;">
 +
    <a href="https://2018.igem.org/Team:IIT_Delhi/Basic_Part" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 3px;" >Basic Parts</a>
 +
    <a href="https://2018.igem.org/Team:IIT_Delhi/Composite_Part" style="font-size: 15px;font-size: 15px; padding: 10px; padding-bottom: 5px; padding-top: 5px;" >Composite Parts</a>
 +
         
 +
    </div>
 +
 
 
          
 
          
−
     <button class="overlay-btn" onclick="myFunction2()" style="padding-bottom: 15px;">Parts
+
     <button class="overlayved-btn" onclick="myFunction6()" style="padding-bottom: 15px;">Results
 
       <i class="fa fa-caret-right"></i>   
 
       <i class="fa fa-caret-right"></i>   
 
     </button>
 
     </button>
 
      
 
      
−
     <div class="dropdown-container" id="myDropdown2" style= "font-style: italic;">
+
     <div class="dropdownsakks-container" id="mydropdownsakks6" style= "font-style: italic;">
−
     <a href="#" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 3px;" >Basic Parts</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Demonstrate" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 3px;" >Demonstrate</a>
−
     <a href="#" style="font-size: 15px;font-size: 15px; padding: 10px; padding-bottom: 5px; padding-top: 5px;" >Composite Parts</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/InterLab" style="font-size: 15px;font-size: 15px; padding: 10px; padding-bottom: 5px; padding-top: 5px;" >Interlab</a>
 
            
 
            
 
     </div>
 
     </div>
 
      
 
      
−
         <a href="#safety" style="padding-bottom: 15px;padding-top: 15px;" >Modelling</a>
+
         <a href="https://2018.igem.org/Team:IIT_Delhi/Model" style="padding-bottom: 15px;padding-top: 15px;" >Modelling</a>
 
          
 
          
−
     <button class="overlay-btn" onclick="myFunction3()" style="padding-bottom: 15px;" >Human Practices
+
     <button class="overlayved-btn" onclick="myFunction3()" style="padding-bottom: 15px;" >Human Practices
 
       <i class="fa fa-caret-right"></i>   
 
       <i class="fa fa-caret-right"></i>   
 
     </button>
 
     </button>
 
      
 
      
−
     <div class="dropdown-container" id="myDropdown3" style= "font-style: italic;"  >
+
     <div class="dropdownsakks-container" id="mydropdownsakks3" style= "font-style: italic;"  >
−
     <a href="#" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 0px; " >Human Practices</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Human_Practices" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 0px; " >Human Practices</a>
−
     <a href="#" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 5px;" >Integrated Practices</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Safety" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 5px;" >Safety</a>
−
    <a href="#" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 5px;" >Safety</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Public_Engagement" style="font-size: 15px;padding: 10px; padding-top: 5px;
−
     <a href="#" style="font-size: 15px;padding: 10px; padding-top: 5px;
+
 
                       padding-bottom: 0px;" >Public Engagement</a>
 
                       padding-bottom: 0px;" >Public Engagement</a>
 
     </div>
 
     </div>
 
      
 
      
−
     <a href="#safety" style="padding-bottom: 15px;padding-top: 15px;" >Collaboration</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations" style="padding-bottom: 15px;padding-top: 15px;" >Collaboration</a>
 
      
 
      
−
     <button class="overlay-btn" onclick="myFunction4()" style="padding-bottom: 15px;padding-top: 15px;"  >Team
+
     <button class="overlayved-btn" onclick="myFunction4()" style="padding-bottom: 15px;padding-top: 15px;"  >Team
 
     <i class="fa fa-caret-right"></i>   
 
     <i class="fa fa-caret-right"></i>   
 
     </button>
 
     </button>
 
      
 
      
−
     <div class="dropdown-container" id="myDropdown4" style= "font-style: italic;">
+
     <div class="dropdownsakks-container" id="mydropdownsakks4" style= "font-style: italic;">
−
     <a href="#" style="font-size: 15px; font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 0px;padding-bottom: 5px;" >Members</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Team" style="font-size: 15px; font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 0px;padding-bottom: 5px;" >Members</a>
−
     <a href="#" style="font-size: 15px;padding: 10px; padding-top: 5px;
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Attributions" style="font-size: 15px;padding: 10px; padding-top: 5px;
 
                       padding-bottom: 5px;" >Attributions</a>
 
                       padding-bottom: 5px;" >Attributions</a>
−
         <a href="#" style="font-size: 15px;padding: 10px; padding-top: 5px;
+
          
−
                      padding-bottom: 0px;" >Sponsors</a>
+
 
     </div>
 
     </div>
 
      
 
      
−
     <button class="overlay-btn" onclick="myFunction5()" style="padding-bottom: 15px;" >Notebook
+
     <button class="overlayved-btn" onclick="myFunction5()" style="padding-bottom: 15px;" >Notebook
 
       <i class="fa fa-caret-right"></i>   
 
       <i class="fa fa-caret-right"></i>   
 
     </button>
 
     </button>
 
      
 
      
−
     <div class="dropdown-container" id="myDropdown5" style= "font-style: italic;">
+
     <div class="dropdownsakks-container" id="mydropdownsakks5" style= "font-style: italic;">
−
     <a href="#" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 0px; " >Lab Records</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Notebook" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 0px; " >Lab Records</a>
−
    <a href="#" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 5px;" >Protocol</a>
+
             <a href="https://igem.org/2018_Judging_Form?team=IIT_Delhi" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 5px;" >Medal Criteria</a>
−
             <a href="#" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 5px;" >Recipes</a>
+
−
            <a href="#" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 5px;" >Medal Criteria</a>
+
 
            
 
            
 
     </div>
 
     </div>
Line 1,813: Line 1,929:
 
           </div>   
 
           </div>   
 
      
 
      
−
</div>
+
</div>
−
+
  
 
        
 
        
Line 2,068: Line 2,183:
 
     <!--/**/-->
 
     <!--/**/-->
  
−
       
+
<div style="background-color: white">
−
<div>
+
         <div  style="background-color: #555;color:black;font-size: 35px;text-align: center;font-family: sans-serif;"><h4 style="color: white">Contact us</h4></div>
−
         <div  style="background-color: dimgray;font-size: 35px;text-align: center;font-family: sans-serif;"><h5 style="color: azure">Contact us</h5></div>
+
             <div style="text-align: center;margin-bottom: -136px;"><h4 style="color:black;font-size: 50px;"><u class="fx" style="cursor: pointer;text-align: center">Address</u></h4><p style="text-align: center;margin-bottom: 16px">Undergraduate Laboratory<br>
−
             <div style="text-align: center;margin-bottom: -136px;"><h4 style="font-size: 50px;"><u class="fx" style="cursor: pointer;">Address</u></h4><p style="">Undergraduate Laboratory<br>
+
 
Department of Biotechnology and Biochemical Engineering, IIT Delhi</p>  
 
Department of Biotechnology and Biochemical Engineering, IIT Delhi</p>  
 
             </div>
 
             </div>
−
         <div style="margin-left: 75%;height: auto;max-height: inherit;width: auto;max-width: inherit;margin-bottom: 8px;"><i class="fa fa-facebook-official fx" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></div>
+
         <div style="margin-left: 75%;height: auto;max-height: inherit;width: auto;max-width: inherit;margin-bottom: 8px;"><a href="https://www.facebook.com/igemiitdelhi/" style="color:black;"><i class="fa fa-facebook-official fx" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></a></div>
−
         <div style="height: auto;max-height: inherit;width: auto;max-width: inherit; margin-left: 20%;margin-top: -125.5px;display: block;"><i class="fa fa-linkedin fxln" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></div>
+
         <div style="height: auto;max-height: inherit;width: auto;max-width: inherit; margin-left: 20%;margin-top: -125.5px;display: block;"><a href="https://twitter.com/igem_iit_delhi?lang=en" style="color:black;"><i class="fa fa-twitter fxln" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></a></div>
 
              
 
              
−
         <div style="margin-left: 90%;margin-top: -120px;display: block;height: auto;max-height: inherit;width: auto;max-width: inherit;"><i class="fa fa-instagram fx1" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></div>
+
         <div style="margin-left: 90%;margin-top: -120px;display: block;height: auto;max-height: inherit;width: auto;max-width: inherit;"><a href="https://www.instagram.com/igemiitd/" style="color:black;"><i class="fa fa-instagram fx1" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></a></div>
−
         <div style="margin-left: 4.5%;margin-top: -120px;display: block;height: auto;max-height: inherit;width: auto;max-width: inherit;"><i class="fa fa-envelope fxm" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></div>
+
         <div style="margin-left: 4.5%;margin-top: -120px;display: block;height: auto;max-height: inherit;width: auto;max-width: inherit;"><a href="iitd.igem@gmail.com" style="color:black;"><i class="fa fa-envelope fxm" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></a></div>
 
     </div>
 
     </div>
 +
        </div>
 +
         
 +
 
          
 
          
 
         <script>
 
         <script>
  
−
    function openNav() {
+
      function openNav() {
 
     document.getElementById("myNav").style.width = "50%";
 
     document.getElementById("myNav").style.width = "50%";
−
         document.getElementById("globalWrapper").style.width = "50%";
+
         document.getElementById("globalWrapperdivi").style.width = "50%";
 
        
 
        
−
         document.getElementById("globalWrapper").style.paddingLeft = "50%";
+
         document.getElementById("globalWrapperdivi").style.paddingLeft = "50%";
 
         document.body.style.overflowX = "hidden";
 
         document.body.style.overflowX = "hidden";
 
         document.body.style.overflowY = "hidden";
 
         document.body.style.overflowY = "hidden";
−
         document.getElementById("globalWrapper").style.overflowX = "inherit";
+
         document.getElementById("globalWrapperdivi").style.overflowX = "inherit";
−
         document.getElementById("globalWrapper").style.overflowY = "inherit";
+
         document.getElementById("globalWrapperdivi").style.overflowY = "inherit";
 
          
 
          
 
     var Main = document.getElementById("mainBar")
 
     var Main = document.getElementById("mainBar")
Line 2,101: Line 2,218:
 
function closeNav() {
 
function closeNav() {
 
     document.getElementById("myNav").style.width = "0%";
 
     document.getElementById("myNav").style.width = "0%";
−
       document.getElementById("globalWrapper").style.width = "100%";
+
       document.getElementById("globalWrapperdivi").style.width = "100%";
−
         document.getElementById("globalWrapper").style.paddingLeft = "0%";
+
         document.getElementById("globalWrapperdivi").style.paddingLeft = "0%";
 
       document.body.style.overflowX = "initial";
 
       document.body.style.overflowX = "initial";
 
         document.body.style.overflowY = "initial";
 
         document.body.style.overflowY = "initial";
−
         document.getElementById("globalWrapper").style.overflowX = "inherit";
+
         document.getElementById("globalWrapperdivi").style.overflowX = "inherit";
−
         document.getElementById("globalWrapper").style.overflowY = "inherit";
+
         document.getElementById("globalWrapperdivi").style.overflowY = "inherit";
  
 
      
 
      
Line 2,120: Line 2,237:
 
              
 
              
 
function myFunction1() {
 
function myFunction1() {
−
     document.getElementById("myDropdown1").classList.toggle("show");
+
     document.getElementById("mydropdownsakks1").classList.toggle("show");
 
      
 
      
 
    
 
    
 
        
 
        
−
     var prev2 = document.getElementById("myDropdown2");
+
     var prev2 = document.getElementById("mydropdownsakks2");
 
     if (prev2.classList.contains("show"))  
 
     if (prev2.classList.contains("show"))  
 
       prev2.classList.remove("show");
 
       prev2.classList.remove("show");
 
        
 
        
−
     var prev3 = document.getElementById("myDropdown3");
+
     var prev3 = document.getElementById("mydropdownsakks3");
 
     if (prev3.classList.contains("show"))  
 
     if (prev3.classList.contains("show"))  
 
       prev3.classList.remove("show");
 
       prev3.classList.remove("show");
 
        
 
        
−
     var prev4 = document.getElementById("myDropdown4");
+
     var prev4 = document.getElementById("mydropdownsakks4");
 
     if (prev4.classList.contains("show"))  
 
     if (prev4.classList.contains("show"))  
 
       prev4.classList.remove("show");
 
       prev4.classList.remove("show");
 
        
 
        
−
         var prev5 = document.getElementById("myDropdown5");
+
         var prev5 = document.getElementById("mydropdownsakks5");
 
     if (prev5.classList.contains("show"))  
 
     if (prev5.classList.contains("show"))  
 
       prev5.classList.remove("show");
 
       prev5.classList.remove("show");
Line 2,142: Line 2,259:
  
 
function myFunction2() {
 
function myFunction2() {
−
     document.getElementById("myDropdown2").classList.toggle("show");
+
     document.getElementById("mydropdownsakks2").classList.toggle("show");
 
      
 
      
−
     var prev1 = document.getElementById("myDropdown1");
+
     var prev1 = document.getElementById("mydropdownsakks1");
 
     if (prev1.classList.contains("show"))  
 
     if (prev1.classList.contains("show"))  
 
       prev1.classList.remove("show");
 
       prev1.classList.remove("show");
 
        
 
        
−
     var prev3 = document.getElementById("myDropdown3");
+
     var prev3 = document.getElementById("mydropdownsakks3");
 
     if (prev3.classList.contains("show"))  
 
     if (prev3.classList.contains("show"))  
 
       prev3.classList.remove("show");
 
       prev3.classList.remove("show");
 
        
 
        
−
     var prev4 = document.getElementById("myDropdown4");
+
     var prev4 = document.getElementById("mydropdownsakks4");
 
     if (prev4.classList.contains("show"))  
 
     if (prev4.classList.contains("show"))  
 
       prev4.classList.remove("show");
 
       prev4.classList.remove("show");
 
        
 
        
−
         var prev5 = document.getElementById("myDropdown5");
+
         var prev5 = document.getElementById("mydropdownsakks5");
 
     if (prev5.classList.contains("show"))  
 
     if (prev5.classList.contains("show"))  
 
       prev5.classList.remove("show");
 
       prev5.classList.remove("show");
Line 2,162: Line 2,279:
  
 
function myFunction3() {
 
function myFunction3() {
−
     document.getElementById("myDropdown3").classList.toggle("show");
+
     document.getElementById("mydropdownsakks3").classList.toggle("show");
 
      
 
      
−
     var prev2 = document.getElementById("myDropdown2");
+
     var prev2 = document.getElementById("mydropdownsakks2");
 
     if (prev2.classList.contains("show"))  
 
     if (prev2.classList.contains("show"))  
 
       prev2.classList.remove("show");
 
       prev2.classList.remove("show");
 
        
 
        
−
     var prev1 = document.getElementById("myDropdown1");
+
     var prev1 = document.getElementById("mydropdownsakks1");
 
     if (prev1.classList.contains("show"))  
 
     if (prev1.classList.contains("show"))  
 
       prev1.classList.remove("show");
 
       prev1.classList.remove("show");
 
        
 
        
−
     var prev4 = document.getElementById("myDropdown4");
+
     var prev4 = document.getElementById("mydropdownsakks4");
 
     if (prev4.classList.contains("show"))  
 
     if (prev4.classList.contains("show"))  
 
       prev4.classList.remove("show");
 
       prev4.classList.remove("show");
 
        
 
        
−
         var prev5 = document.getElementById("myDropdown5");
+
         var prev5 = document.getElementById("mydropdownsakks5");
 
     if (prev5.classList.contains("show"))  
 
     if (prev5.classList.contains("show"))  
 
       prev5.classList.remove("show");
 
       prev5.classList.remove("show");
Line 2,182: Line 2,299:
  
 
function myFunction4() {
 
function myFunction4() {
−
     document.getElementById("myDropdown4").classList.toggle("show");
+
     document.getElementById("mydropdownsakks4").classList.toggle("show");
 
      
 
      
−
     var prev2 = document.getElementById("myDropdown2");
+
     var prev2 = document.getElementById("mydropdownsakks2");
 
     if (prev2.classList.contains("show"))  
 
     if (prev2.classList.contains("show"))  
 
       prev2.classList.remove("show");
 
       prev2.classList.remove("show");
 
        
 
        
−
     var prev3 = document.getElementById("myDropdown3");
+
     var prev3 = document.getElementById("mydropdownsakks3");
 
     if (prev3.classList.contains("show"))  
 
     if (prev3.classList.contains("show"))  
 
       prev3.classList.remove("show");
 
       prev3.classList.remove("show");
 
        
 
        
−
     var prev1 = document.getElementById("myDropdown1");
+
     var prev1 = document.getElementById("mydropdownsakks1");
 
     if (prev1.classList.contains("show"))  
 
     if (prev1.classList.contains("show"))  
 
       prev1.classList.remove("show");
 
       prev1.classList.remove("show");
 
        
 
        
−
         var prev5 = document.getElementById("myDropdown5");
+
         var prev5 = document.getElementById("mydropdownsakks5");
 
     if (prev5.classList.contains("show"))  
 
     if (prev5.classList.contains("show"))  
 
       prev5.classList.remove("show");
 
       prev5.classList.remove("show");
Line 2,202: Line 2,319:
  
 
function myFunction5() {
 
function myFunction5() {
−
     document.getElementById("myDropdown5").classList.toggle("show");
+
     document.getElementById("mydropdownsakks5").classList.toggle("show");
 
      
 
      
−
     var prev2 = document.getElementById("myDropdown2");
+
     var prev2 = document.getElementById("mydropdownsakks2");
 
     if (prev2.classList.contains("show"))  
 
     if (prev2.classList.contains("show"))  
 
       prev2.classList.remove("show");
 
       prev2.classList.remove("show");
 
        
 
        
−
     var prev3 = document.getElementById("myDropdown3");
+
     var prev3 = document.getElementById("mydropdownsakks3");
 
     if (prev3.classList.contains("show"))  
 
     if (prev3.classList.contains("show"))  
 
       prev3.classList.remove("show");
 
       prev3.classList.remove("show");
 
        
 
        
−
     var prev4 = document.getElementById("myDropdown4");
+
     var prev4 = document.getElementById("mydropdownsakks4");
 
     if (prev4.classList.contains("show"))  
 
     if (prev4.classList.contains("show"))  
 
       prev4.classList.remove("show");
 
       prev4.classList.remove("show");
 
        
 
        
−
         var prev1 = document.getElementById("myDropdown1");
+
         var prev1 = document.getElementById("mydropdownsakks1");
 
     if (prev1.classList.contains("show"))  
 
     if (prev1.classList.contains("show"))  
 
       prev1.classList.remove("show");
 
       prev1.classList.remove("show");
 
}
 
}
−
 
  
 
</script>
 
</script>

Revision as of 19:43, 17 October 2018

iGEM IIT Delhi

Notebook
Lab Records Medal Criteria
Team
Members Attributions
Collaboration
Human Practices
Human Practices Safety Public Engagement
Modelling
Parts
Basic Parts Composite Parts
Results
Demonstrate Interlab
Project
Overview Design
Public Engagement

School Visits


The best learning takes place at school! iGEM IIT Delhi saw the standard textbooks studied by most of the students in India and we found that they were woefully lacking in knowledge regarding Synthetic Biology. To popularise Synthetic Biology as well as broaden the scientific know-how of students, the team visited 6 schools in Delhi -


×
Bloom public School
×
Introduction to Engineering(NIN)
×
Springdale School
×
Carmel Convent School
×
Modern public School