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

Line 355: Line 355:
 
border: none;
 
border: none;
 
}
 
}
 +
 +
 +
#globalWrapperdivi {
 +
    position: relative;
 +
  /* font-size: 127%; */
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
    padding-bottom: 10px;
 +
   
 +
   
 +
    top: 0;
 +
    left: 0;
 +
}
 +
 +
 +
  #globalWrapperdivi{
 +
        transition: 0.5s;
 +
     
 +
    }
 +
 +
 +
 +
 
#globalWrapperdivi, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */
 
#globalWrapperdivi, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */
 
background-color: transparent;
 
background-color: transparent;
Line 542: Line 566:
 
}
 
}
 
    
 
    
 +
.navaman {
 +
   
 +
        font-family: Raleway;
 +
    margin: 0 auto;
 +
   
 +
padding-top: 1em ;
 +
    padding-right: 16%;
 +
text-align: center;
 +
    overflow: hidden;
 +
    background-color: white;
 +
    font-family: Arial, Helvetica, sans-serif;
 +
    position: static;
 +
}
 +
 +
.navaman a {
 +
 
 +
    padding: 14px 30px;
 +
    float: right;
 +
    font-size: 16px;
 +
    position:relative;
 +
    color: black;
 +
    text-align: center;
 +
   
 +
    text-decoration: none;
 +
    opacity: 2;
 +
}
 +
 +
.dropdownsakks {
 +
    float: right;
 +
    overflow: hidden;
 +
}
 +
 +
.dropdownsakks .dropbtn {
 +
    cursor: pointer;
 +
    font-size: 16px;   
 +
    border: none;
 +
    outline: none;
 +
    color: lightslategray;
 +
    padding: 14px 16px;
 +
    background-color: inherit;
 +
    font-family: inherit;
 +
    margin: 0;
 +
}
 +
 +
.overlayved {
 +
    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;
 +
}
 +
 +
.overlayved-content {
 +
    position: relative;
 +
    top: 25%;
 +
   
 +
    text-align: center;
 +
    margin-top: 30px;
 +
 +
}
 +
 +
.overlayved a, .overlayved-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;
 +
}
 +
   
 +
    .overlayved-btn2{
 +
        outline: none;
 +
    }
 +
.overlayved a:hover, .overlayved a:focus, .overlayved-btn:hover, .overlayved-btn2:hover {
 +
    color: darkred;
 +
}
 +
 +
 +
  /*  .overlayved .closebtn {
 +
    position: absolute;
 +
    float:right;
 +
    top:0;
 +
    font-size: 60px;
 +
} */
 +
   
 +
    .dropdownsakks-container {
 +
    display: none;
 +
    background-color: #262626;
 +
    padding-left: 30px;
 +
}
 +
 +
.dropdownsakks-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 1;
 +
}
 +
 +
.dropdownsakks-content a {
 +
    float: none;
 +
    color: black;
 +
    padding: 4px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
}
 +
 +
    .dropdownsakks:hover .dropdownsakks-content{
 +
        display:block;
 +
    }
 +
   
 +
.dropdownsakks-content a:hover {
 +
    color: red;
 +
    z-index: 555;
 +
   
 +
}
 +
 +
 +
 
     @media screen and (max-width: 850px) {
 
     @media screen and (max-width: 850px) {
 
         .navaman a{display: none;}
 
         .navaman a{display: none;}
Line 599: Line 778:
 
             display: block;
 
             display: block;
 
         }
 
         }
 +
 
 +
    body, html, #globalWrapperdivi, #bodyContent, #HQ_page {
 
   
 
   
 +
        margin-top: -8px;
 +
        }
 
      
 
      
 
      
 
      
Line 1,197: Line 1,380:
 
         <script>
 
         <script>
  
−
 
+
function openNav() {
−
    function openNav() {
+
     document.getElementById("myNav").style.width = "50%";
−
     document.getElementById("myNav").style.width = "100%";
+
        document.getElementById("globalWrapperdivi").style.width = "50%";
 +
     
 +
        document.getElementById("globalWrapperdivi").style.paddingLeft = "50%";
 +
        document.body.style.overflowX = "hidden";
 +
        document.body.style.overflowY = "hidden";
 +
        document.getElementById("globalWrapperdivi").style.overflowX = "inherit";
 +
        document.getElementById("globalWrapperdivi").style.overflowY = "inherit";
 
          
 
          
 
     var Main = document.getElementById("mainBar")
 
     var Main = document.getElementById("mainBar")
Line 1,209: Line 1,398:
 
function closeNav() {
 
function closeNav() {
 
     document.getElementById("myNav").style.width = "0%";
 
     document.getElementById("myNav").style.width = "0%";
 +
      document.getElementById("globalWrapperdivi").style.width = "100%";
 +
        document.getElementById("globalWrapperdivi").style.paddingLeft = "0%";
 +
      document.body.style.overflowX = "initial";
 +
        document.body.style.overflowY = "initial";
 +
        document.getElementById("globalWrapperdivi").style.overflowX = "inherit";
 +
        document.getElementById("globalWrapperdivi").style.overflowY = "inherit";
 +
 +
   
 
      
 
      
 
     var Main = document.getElementById("mainBar")
 
     var Main = document.getElementById("mainBar")
Line 1,215: Line 1,412:
 
         }
 
         }
 
}
 
}
−
   
+
 
 +
           
 
function myFunction1() {
 
function myFunction1() {
−
     document.getElementById("myDropdown1").classList.toggle("show");
+
     document.getElementById("mydropdownsakks1").classList.toggle("show");
 
      
 
      
 
    
 
    
 +
   
 +
var prev21 = document.getElementById("mydropdownsakks6");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.classList.remove("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");
 
}
 
}
  
−
function myFunppction2() {
+
function myFunction2() {
−
     document.getElementById("myDropdown2").classList.toggle("show");
+
     document.getElementById("mydropdownsakks2").classList.toggle("show");
 +
 
 +
var prev21 = document.getElementById("mydropdownsakks6");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.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 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 1,259: Line 1,466:
  
 
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 prev21 = document.getElementById("mydropdownsakks6");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.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 1,279: Line 1,491:
  
 
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 prev21 = document.getElementById("mydropdownsakks6");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.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 1,299: Line 1,516:
  
 
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 prev21 = document.getElementById("mydropdownsakks6");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.classList.remove("show");
 +
6
 +
     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");
 
}
 
}
  
 +
function myFunction6() {
 +
    document.getElementById("mydropdownsakks6").classList.toggle("show");
 +
   
 +
    var prev2 = document.getElementById("mydropdownsakks2");
 +
    if (prev2.classList.contains("show"))
 +
      prev2.classList.remove("show");
 +
     
 +
    var prev3 = document.getElementById("mydropdownsakks3");
 +
    if (prev3.classList.contains("show"))
 +
      prev3.classList.remove("show");
 +
     
 +
var prev21 = document.getElementById("mydropdownsakks1");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.classList.remove("show");
  
 +
 +
    var prev4 = document.getElementById("mydropdownsakks4");
 +
    if (prev4.classList.contains("show"))
 +
      prev4.classList.remove("show");
 +
     
 +
        var prev1 = document.getElementById("mydropdownsakks1");
 +
    if (prev1.classList.contains("show"))
 +
      prev1.classList.remove("show");
 +
}
 +
 +
 +
 +
 +
 
 
</script>
 
</script>
 
          
 
          

Revision as of 14:55, 17 October 2018

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!DOCTYPE html> 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

Our iGEM Family

Primary Instructor

Dr. Zia Shaikh


Team Mentor

Kshitij Rai


Team Members

Divya Choudhary


Department - Chemical Engineering
Quote discribe him - nothing.

Abhilash Patel


Department - Electrical Engineering
Quote discribe him - nothing.

Saksham Sharma


Department - Biochemical Engineering & Biotechnology
Quote discribe him - Everything I touch turns to poop.

Aman Kumar Sahu


Department - Mathematics & computing
Quote discribe him - People say you can do anything but whole day I do nothing.

Priyanka Singh


Department - Biochemical Engineering & Biotechnology
Quote discribe him - The level is raising, the game is changing but I've got nothing to loose.

Vasu Jain


Department - Computer Science & Engineering
Quote discribe him - I didn't know I was a slave until I found out I couldn't do things I wanted

Soumya Gupta


Department - Chemical Engineering
Quote discribe him - nothing

Neha Arora


Department - Biochemical Engineering & Biotechnology
Quote discribe him - Nothing

Ankush Barman


Department - Biochemical Engineering & Biotechnology
Quote discribe him - Nothing

Prateek Kumar Agnihotri


Department - Biochemical Engineering & Biotechnology
Quote discribe him - Nothing

Vedant Raval


Department - Computer Science & Engineering
Quote discribe him - nothing

Shubham Jain


Department - Engineering Physics
Quote discribe him - Na zindagi jhand hai, na hi ghamand hai!!

Contact us

Address

Undergraduate Laboratory
Department of Biotechnology and Biochemical Engineering, IIT Delhi