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

 
(9 intermediate revisions by 2 users not shown)
Line 7: Line 7:
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" >
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" >
 
<link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
   
+
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 +
<link href="https://fonts.googleapis.com/css?family=Lato:900" rel="stylesheet">
 +
 
 
<meta name="viewport" content="width=device-width, initial-scale=1">     
 
<meta name="viewport" content="width=device-width, initial-scale=1">     
 
<style>
 
<style>
Line 18: Line 20:
 
}
 
}
  
.bgimg-1, .bgimg-2, .bgimg-3 {
+
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-5, .bgimg-4 {
 
   position: relative;
 
   position: relative;
 
   opacity: 0.65;
 
   opacity: 0.65;
 
   background-attachment: fixed;
 
   background-attachment: fixed;
 
   background-position: center;
 
   background-position: center;
   background-repeat: no-repeat;
+
   background-repeat: no-repeat;F
 
   background-size: cover;
 
   background-size: cover;
  
 
}
 
}
 
.bgimg-1 {
 
.bgimg-1 {
   background-image: url("https://static.igem.org/mediawiki/2018/0/00/T--IIT_Delhi--midwall.jpeg");
+
   background-image: url("https://static.igem.org/mediawiki/2018/e/e7/T--IIT_Delhi--InterlabPlate.jpeg");
   min-height: 800px;
+
   min-height: 600px;
 
}
 
}
  
 
.bgimg-2 {
 
.bgimg-2 {
   background-image: url("https://static.igem.org/mediawiki/2018/3/38/T--IIT_Delhi--temp2.png");
+
   background-image: url("https://static.igem.org/mediawiki/2018/f/ff/T--IIT_Delhi--white.jpeg");
   min-height: 400px;
+
   min-height: 100px;
 
}
 
}
  
 
.bgimg-3 {
 
.bgimg-3 {
   background-image: url("https://static.igem.org/mediawiki/2018/0/00/T--IIT_Delhi--midwall.jpeg");
+
   background-image: url("https://static.igem.org/mediawiki/2018/f/ff/T--IIT_Delhi--white.jpeg");
   min-height: 400px;
+
   min-height: 100px;
 
}
 
}
 +
 +
.bgimg-4{
 +
background-image: url("https://static.igem.org/mediawiki/2018/9/90/T--IIT_Delhi--Dark2.png");
 +
  min-height: 300px;
 +
 +
}
 +
 +
.bgimg-5 {
 +
  background-image: url("https://static.igem.org/mediawiki/2018/f/ff/T--IIT_Delhi--white.jpeg");
 +
  min-height: 100px;
 +
}
 +
  
 
.caption {
 
.caption {
Line 68: Line 82:
 
/* Turn off parallax scrolling for tablets and phones */
 
/* Turn off parallax scrolling for tablets and phones */
 
@media only screen and (max-device-width: 1024px) {
 
@media only screen and (max-device-width: 1024px) {
     .bgimg-1, .bgimg-2, .bgimg-3 {
+
     .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5 {
 
         background-attachment: scroll;
 
         background-attachment: scroll;
 
     }
 
     }
Line 145: Line 159:
  
 
#banner {
 
#banner {
background: url("https://static.igem.org/mediawiki/2018/a/a7/T--IIT_Delhi--safety.png") ;
+
background: url("https://static.igem.org/mediawiki/2018/1/18/T--IIT_Delhi--Overview.png") ;
  
 
background-position: center;
 
background-position: center;
Line 511: Line 525:
 
   z-index: 0;
 
   z-index: 0;
 
}
 
}
 +
 
 
    
 
    
   
+
 
    @media screen and (max-width: 1300px){
+
@media screen and (max-width: 850px) {
 
         .navaman a{display: none;}
 
         .navaman a{display: none;}
 
         .RespIcon {display: block;}
 
         .RespIcon {display: block;}
Line 522: Line 537:
 
         }
 
         }
 
          
 
          
 +
        body, html, #globalWrapperdivi, #bodyContent, #HQ_page {
 +
 +
        margin-top: -17px;
 +
        }
 +
    }   
 +
 
 +
 +
  @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;
 +
        }
 +
    }   
 +
 
 +
 +
  @media screen and (max-width: 1200px) and (min-width: 1000px) {
 +
        .navaman a{display: none;}
 +
        .RespIcon {display: block;}
 +
        .NameClass{display: none;}
 +
        .RespIcon .icon {
 +
            float:  right;
 +
            display: block;
 +
        }
 +
       
 +
        body, html, #globalWrapperdivi, #bodyContent, #HQ_page {
 +
 +
        margin-top: -10px;
 +
        }
 +
    }   
 +
 
 +
 +
 +
    @media screen and (max-width: 1300px) and (min-width: 1200px) {
 +
        .navaman a{display: none;}
 +
        .RespIcon {display: block;}
 +
        .NameClass{display: none;}
 +
        .RespIcon .icon {
 +
            float:  right;
 +
            display: block;
 +
        }
 +
       
 +
        body, html, #globalWrapperdivi, #bodyContent, #HQ_page {
 +
 +
        margin-top: -8px;
 +
        }
 
     }     
 
     }     
 
      
 
      
 
    
 
    
 
 
  
 
</style>
 
</style>
Line 636: Line 702:
 
</script>
 
</script>
 
<script>
 
<script>
    window.sr = ScrollReveal({reset: true});
+
  window.sr = ScrollReveal({reset: true});
 
     window.sr = ScrollReveal();
 
     window.sr = ScrollReveal();
 
     /*sr.reveal('.img1', {duration: 700});
 
     /*sr.reveal('.img1', {duration: 700});
Line 654: Line 720:
 
    
 
    
  
         <div class= "NameClass" style="background-color:white;"><img src="https://static.igem.org/mediawiki/2018/d/de/T--IIT_Delhi--whitelogo.png" style="height: 150px; width: 150px;display:block; padding-left: 34%;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: white;">
 
       <div class="RespIcon"  style="background-color: white;">
      <img src="https://static.igem.org/mediawiki/2018/d/de/T--IIT_Delhi--whitelogo.png" 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);" style="Background-color: white;" 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>
 
          
 
          
Line 673: Line 740:
 
          
 
          
 
     </div>
 
     </div>
     <div class="dropdownsakks-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 689: Line 754:
 
          
 
          
 
     </div>
 
     </div>
     <div class="dropdownsakks-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">
 +
      <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations"> Collaboration</a>
 +
     </div>
 
          
 
          
 
       <div class="dropdownsakks">
 
       <div class="dropdownsakks">
Line 703: Line 770:
 
           <a href="javascript:void(0)"> Human Practices </a>
 
           <a href="javascript:void(0)"> Human Practices </a>
 
           </div>
 
           </div>
     <div class="dropdownsakks-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="dropdownsakks">
Line 721: Line 788:
 
     <a href="javascript:void(0)"> Parts </a>
 
     <a href="javascript:void(0)"> Parts </a>
 
         </div>
 
         </div>
     <div class="dropdownsakks-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 729: Line 796:
 
     </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 745: Line 820:
 
             <a href="javascript:void(0)"> Project </a>
 
             <a href="javascript:void(0)"> Project </a>
 
           </div>
 
           </div>
     <div class="dropdownsakks-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 782: Line 857:
 
          
 
          
 
     <div class="dropdownsakks-container" id="mydropdownsakks1" 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
 
     <button class="overlayved-btn" onclick="myFunction2()" style="padding-bottom: 15px;">Parts
 
       <i class="fa fa-caret-right"></i>   
 
       <i class="fa fa-caret-right"></i>   
Line 794: Line 867:
 
      
 
      
 
     <div class="dropdownsakks-container" id="mydropdownsakks2" style= "font-style: italic;">
 
     <div class="dropdownsakks-container" id="mydropdownsakks2" 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/Basic_Part" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 3px;" >Basic Parts</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/Composite_Part" style="font-size: 15px;font-size: 15px; padding: 10px; padding-bottom: 5px; padding-top: 5px;" >Composite Parts</a>
 
            
 
            
 
     </div>
 
     </div>
 +
 
 +
       
 +
    <button class="overlayved-btn" onclick="myFunction6()" style="padding-bottom: 15px;">Results
 +
      <i class="fa fa-caret-right"></i> 
 +
    </button>
 
      
 
      
         <a href="#safety" style="padding-bottom: 15px;padding-top: 15px;" >Modelling</a>
+
    <div class="dropdownsakks-container" id="mydropdownsakks6" style= "font-style: italic;">
 +
    <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="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>
 +
   
 +
         <a href="https://2018.igem.org/Team:IIT_Delhi/Model" style="padding-bottom: 15px;padding-top: 15px;" >Modelling</a>
 
          
 
          
 
     <button class="overlayved-btn" onclick="myFunction3()" style="padding-bottom: 15px;" >Human Practices
 
     <button class="overlayved-btn" onclick="myFunction3()" style="padding-bottom: 15px;" >Human Practices
Line 806: Line 890:
 
      
 
      
 
     <div class="dropdownsakks-container" id="mydropdownsakks3" 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="overlayved-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
Line 820: Line 903:
 
      
 
      
 
     <div class="dropdownsakks-container" id="mydropdownsakks4" 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>
 
      
 
      
Line 832: Line 914:
 
      
 
      
 
     <div class="dropdownsakks-container" id="mydropdownsakks5" 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 841: Line 921:
 
           </div>   
 
           </div>   
 
      
 
      
</div>
+
</div>
+
 
+
     
+
 
 
 
<!-- Banner -->
 
<!-- Banner -->
Line 851: Line 928:
 
 
 
</section>
 
</section>
 +
 +
<div style="color: #777;background-color:white;text-align:center;padding:50px 80px;text-align: center;">
 +
<p style="font-size:20px;font-family: 'Lato', sans-serif;font-weight:400;color: black;margin: auto;width: 75%;text-align: center;">
 +
<br><br>With the advent of synthetic biology, a lot of synthetic circuits are designed every now and then. These circuits contain a lot of components working in harmony to regulate the gene expression. In any system, as the number of components which work together increases, the need for those components to be orthogonal also increases. The components, if interfere with the working of each other, may cause the system as a whole to fail. Such systems succumb to the noise and growth-related factors present in the biological environment. Recombinases in a biological system are adept at this job and hence, are a good basis for the formation of large-scale networks. Utilizing serine recombinases in such biological circuits provides a solution to these problems, as they have non-identical recognition sites and a particular recombinase works orthogonally to other recombinases.<br>
 +
<br>
 +
These allow us to build complex circuits with genetic modification in relatively uncomplicated configurations owing to the small size of attB and attP sites(~50bp). The attP and attB sites (and thus the integrase-att complexes) have imperfect two-fold symmetry. Hence they allow recombination in two different ways, with the sites aligned in ‘parallel’ or ‘antiparallel’ configuration. Thus, the ability to integrate/excise the DNA provides flexibility in the design of the constructs.<br><br>
 +
<img src="https://static.igem.org/mediawiki/2018/6/61/T--IIT_Delhi--recombinase_action.png" style="border:3px solid #000000" width="80%">
  
+
<br><br>
<div class="bgimg-1">
+
We at iGEM IIT Delhi made use of serine based recombinases - Bxb1 and TP901 to develop 2 recombinase-based incoherent feed-forward loop constructs. These constructs show a strong capability for regulating and reducing the expression variability of genes being transcribed in addition to faster response time compared to transcriptional networks.
  <div class="caption">
+
These constructs can be utilized in the development of complex circuits.<br><br>
    <span class="border" style="border-style: double">Safety Form</span>
+
<img src="https://static.igem.org/mediawiki/2018/a/af/T--IIT_Delhi--FirstDesign.png" style="border:3px solid #000000" width="80%"><br><br>
  </div>
+
</div>
+
  
<div style="color: #777;background-color:white;text-align:center;padding:50px 80px;text-align: justify;">
+
<img src="https://static.igem.org/mediawiki/2018/1/16/T--IIT_Delhi--SecondDesign2.png" style="border:3px solid #000000" width="80%">
  <!--<h3 style="text-align:center;text-decoration:hotpink double underline">Safety Form</h3>-->
+
<br>
  <p>We at iGEM understand the necessity of working in a safe environment. A safe environment ensures a non-hesitant mind that designs more efficient biological devices.
+
    <br>
+
      <br>
+
      About lab safety and training:</p>
+
      <ul>
+
      <li>Lab access and rules (including appropriate clothing, eating and drinking, etc.).</li>
+
      <li>Responsible individuals (such as lab or departmental specialist or institutional biosafety officer).</li>
+
      <li>Differences between biosafety levels.</li>
+
      <li>Biosafety equipment (such as biosafety cabinets).</li>
+
    <li>Good microbial technique (such as lab practices).</li>
+
    <li>Disinfection and sterilization.</li>
+
      <li>Emergency procedures.</li>
+
          <li>Chemicals, fire and electrical safety.</li>
+
    </ul>
+
  
 +
</p>
 
      
 
      
</div>
+
</div>       <script>
 
+
<div class="bgimg-2">
+
  <div class="caption">
+
    <span class="border" style="background-color:transparent;font-size:25px;color: #f7f7f7;">Bio-safety Rules and Regulations</span>
+
  </div>
+
</div>
+
 
+
<div style="position:relative;">
+
  <div style="color:#ddd;background-color:#282E34;text-align:center;padding:50px 80px;text-align: justify;">
+
    <p style="font-size: 19px">iGEM IIT Delhi has always been following all biosafety rules of our institution and concerned biosafety laws of our country.<br>
+
EHLSU (Environmental Health and Lab Safety Unit) is responsible for holding up all the safety guidelines in all the labs (including ours) at the institution. The guidelines can be found on the link -<br>
+
        <a href="#">http://dbtbiosafety.nic.in/guideline/pdf/guidelines_94.pdf</a> <br>
+
The safety guidelines for all the labs in our region (North India) are declared and monitored by EHLSU, whose rules can be found on the following link - <br>
+
        <a href="#">http://dbtbiosafety.nic.in/guideline/pdf/guidelines_94.pdf</a><br>
+
iGEM IIT Delhi did not conduct any experiment with human subjects (including non-invasive experiments, such as surveys), for the surveys conducted we have followed the rules of our institution.<br>
+
</p>
+
  </div>
+
</div>
+
 
+
<div class="bgimg-3">
+
  <div class="caption">
+
    <span class="border" style="background-color:transparent;font-size:25px;color: #f7f7f7;">General Safety Rules of the lab</span>
+
  </div>
+
</div>
+
 
+
<div style="position:relative;">
+
  <div style="color:#ddd;background-color:#282E34;text-align:center;padding:50px 80px;text-align: justify;">
+
    <ul style="font-size: 19px">   
+
        <li>Instructions are strictly followed</li>
+
        <li>Personal protection equipment is must and hair should be tied</li>
+
        <li>Working areas and common work areas are kept tidy and regularly wiped with cleansing agents like ethanol</li>
+
        <li>Pipette tips, media, eppendorf tubes are autoclaved and Glassware; tools are cleaned with ethanol before usage</li>
+
        <li>Handwash is a must after entering and before leaving the lab.</li>
+
        <li>Gloves are used while handling carcinogenic agents like EtBr and high temperature objects. </li>
+
        <li>There is a separate work bench for experiments in which toxic chemicals (e.g. Electrophoresis, Etbr).</li>
+
        <li>Eating or drinking is prohibited in the lab.</li>
+
        <li>Spills are immediately cleaned.</li>
+
        <li>Lab is equipped with safety equipment and everyone is aware of its location (E.g. Fire extinguishers and first aid supplies).</li>
+
        <li>Appropriate protection is used while working with UV light(eye protection, gloves, lab coat).</li>
+
        <li>Lab waste is properly disposed (E.g. Biological cultures are disposed after addition of ethanol to kill microorganisms; Solids are kept out of the sink; Agarose gel, gloves, the hazardous wastes are disposed separately in the biohazard coloured bin).</li>
+
      </ul>
+
  </div>
+
</div>
+
 
+
<div class="bgimg-1">
+
  <div class="caption">
+
    <span class="border">COOL!</span>
+
  </div>
+
</div>
+
    <!--/**/-->
+
 
+
       
+
<div style="background-color: white">
+
        <div  style="background-color: dimgray;font-size: 35px;text-align: center;font-family: sans-serif;"><h4 style="color: white">Contact us</h4></div>
+
            <div style="text-align: center;margin-bottom: -136px;"><h4 style="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>
+
Department of Biotechnology and Biochemical Engineering, IIT Delhi</p>
+
            </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="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="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: 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>
+
        </div>
+
        <script>
+
  
 
     function openNav() {
 
     function openNav() {

Latest revision as of 03:35, 18 October 2018

iGEM IIT Delhi



With the advent of synthetic biology, a lot of synthetic circuits are designed every now and then. These circuits contain a lot of components working in harmony to regulate the gene expression. In any system, as the number of components which work together increases, the need for those components to be orthogonal also increases. The components, if interfere with the working of each other, may cause the system as a whole to fail. Such systems succumb to the noise and growth-related factors present in the biological environment. Recombinases in a biological system are adept at this job and hence, are a good basis for the formation of large-scale networks. Utilizing serine recombinases in such biological circuits provides a solution to these problems, as they have non-identical recognition sites and a particular recombinase works orthogonally to other recombinases.

These allow us to build complex circuits with genetic modification in relatively uncomplicated configurations owing to the small size of attB and attP sites(~50bp). The attP and attB sites (and thus the integrase-att complexes) have imperfect two-fold symmetry. Hence they allow recombination in two different ways, with the sites aligned in ‘parallel’ or ‘antiparallel’ configuration. Thus, the ability to integrate/excise the DNA provides flexibility in the design of the constructs.



We at iGEM IIT Delhi made use of serine based recombinases - Bxb1 and TP901 to develop 2 recombinase-based incoherent feed-forward loop constructs. These constructs show a strong capability for regulating and reducing the expression variability of genes being transcribed in addition to faster response time compared to transcriptional networks. These constructs can be utilized in the development of complex circuits.