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

 
(17 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: 1;
 
   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/f/ff/T--IIT_Delhi--white.jpeg");
   min-height: 800px;
+
   min-height: 100px;
 
}
 
}
  
 
.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/8/83/T--IIT_Delhi--design.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>
 +
 
 +
       
 +
    <button class="overlayved-btn" onclick="myFunction6()" style="padding-bottom: 15px;">Results
 +
      <i class="fa fa-caret-right"></i> 
 +
    </button>
 +
   
 +
    <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>
 
     </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="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: black;background-color:white;text-align:center;padding:50px 80px;text-align: justify;">
<div class="bgimg-1">
+
<div class="caption">
+
    <span class="border" style="border-style: double">Safety Form</span>
+
  </div>
+
</div>
+
  
<div style="color: #777;background-color:white;text-align:center;padding:50px 80px;text-align: justify;">
+
<p style="width: 65%;font-size:20px;font-family: 'Lato', sans-serif;font-weight:400;margin: auto;">
  <!--<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.
+
<b style="
    <br>
+
    font-size: 150%;
      <br>
+
">Recombinase based Feed-Forward Loop : Topology and Construction</b>
      About lab safety and training:</p>
+
<br>
      <ul>
+
<br>
      <li>Lab access and rules (including appropriate clothing, eating and drinking, etc.).</li>
+
Recombinases are used in a variety of techniques such as alteration of genetic material, biogenetics, recombinase polymerase amplification, genetic recombination etc. These techniques are remarkable due to their simplicity selectivity and compatibility with multiple systems. Overall, recombinases position themselves very favorably for widespread exploitation in biological systems, enabling countless insights into cellular structure and function.<br>
      <li>Responsible individuals (such as lab or departmental specialist or institutional biosafety officer).</li>
+
<br>
      <li>Differences between biosafety levels.</li>
+
With the growth of synthetic biology, there has been an increase in the development of digital synthetic circuits, which requires biological logic gates that can accept a binary input and generate a suitable binary output. Often biological systems are unable to provide sharp and accurate input to output response due to reasons like noise, growth factors etc. Hence there exists a need for reliable modules that are robust to noise in the biological environment and that can transform the analog and stochastic behavior of biology into a digital response. Hence, iGEM IIT Delhi aimed at developing a recombinase-based toolbox, containing various elementary circuits such as toggle switch, feedback loops, feedforwards loops etc., that would allow development of complex circuits with specialized functions with greater ease.<br>
      <li>Biosafety equipment (such as biosafety cabinets).</li>
+
<br>
    <li>Good microbial technique (such as lab practices).</li>
+
In order to realize our goal, as a beginning, we have developed and modeled incoherent feedforward loops via serine based recombinases BxbI and TP901-1, that trigger inversion, integration and irreversible excision through the help of non-identical recognition sites. IFFLs have been found to have a response time smaller than the response time of a simple regulation system(S. Mangan et. al. 2003). Hence IFFLs help speed up the slow response time involved with the transcriptional networks.<br>
     <li>Disinfection and sterilization.</li>
+
<br>
      <li>Emergency procedures.</li>
+
Our project consists of two designs for the incoherent feedforward loop, which can be used to flip the orientation of
          <li>Chemicals, fire and electrical safety.</li>
+
DNA segments in a digital manner. These systems are highly orthogonal, and demonstrate a strong capability for regulating
    </ul>
+
and reducing the expression variability of genes being transcribed under its control.<br>
 +
<br>
 +
<b style="
 +
     font-size: 125%;
 +
">1. By the action of two integrases simultaneously :- </b><br><br>
  
 +
<img src="https://static.igem.org/mediawiki/2018/a/af/T--IIT_Delhi--FirstDesign.png" style="border:3px solid #000000" width="100%"><br><br>
 +
Our first design involves the use of 3 nodes of protein expression, where at our first node we express the integrase TP901-1 by induction via arabinose. TP901-1 Integrase triggers the flipping of the genes on the second and third node between the attachment sites(attB and attP). These nodes contained genes in inactive/unexpressed form as the genes lay in the reverse orientation to the promoter.<br>
 +
<br>
 +
The second node also contains an inducible promoter which begins expression via IPTG induction, which produces BxbI Integrase, which triggers another recombination in the third node, effectively cutting off the circuit. This leads to the generation of a pulse in the biological system.
 +
<br><br>
 +
 +
<b style="
 +
    font-size: 125%;
 +
">2. By the action of integrase and its recombination directionality factor(RDF) simultaneously :- </b> <br><br>
 +
<img src="https://static.igem.org/mediawiki/2018/1/16/T--IIT_Delhi--SecondDesign2.png" style="border:3px solid #000000" width="100%">
 +
<br><br>
 +
Our second design also involves the use of 3 nodes of protein expression, where at our first node we express the integrase BxbI by induction via aTC. BxbI Integrase triggers the flipping of the genes on the second and third node between the attachment sites(attB and attP). These nodes contained genes in inactive/unexpressed form as the genes lay in the reverse orientation to the promoter.<br>
 +
<br>
 +
The second node contains a constitutive promoter which begins expressing BxbI Excisionase, the recombination directionality factor of BxbI, which in the presence of BxbI Integrase, triggers another recombination in the third node, effectively cutting off the circuit. This too leads to the generation of a pulse in the biological system.<br>
 +
<br>
 +
* In both the circuits, the ssrA deg tag and promoters were chosen for our second and third node in accordance with our model that predicted the response of our recombinase-based IFFL.
 +
 +
Keeping in mind the expression of gene and compatibility of plasmids, the first node was placed in an expression vector containing ColE1 origin with chloramphenicol resistance, the second node in the expression vector containing p15A origin with Kanamycin resistance and the third node in the expression vector containing pSC101 origin with Ampicillin resistance. These compatible plasmids were cotransformed in E. coli DH5alpha Z1 strain to realize our project.
 +
 +
<br>
 +
<br></p>
 
      
 
      
</div>
 
  
<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 style="background-color: white">
  <div class="caption">
+
         <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>
     <span class="border">COOL!</span>
+
             <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>
+
</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>  
 
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>
 
         </div>
 +
   
 
         <script>
 
         <script>
  

Latest revision as of 00:00, 18 October 2018

iGEM IIT Delhi


Recombinase based Feed-Forward Loop : Topology and Construction

Recombinases are used in a variety of techniques such as alteration of genetic material, biogenetics, recombinase polymerase amplification, genetic recombination etc. These techniques are remarkable due to their simplicity selectivity and compatibility with multiple systems. Overall, recombinases position themselves very favorably for widespread exploitation in biological systems, enabling countless insights into cellular structure and function.

With the growth of synthetic biology, there has been an increase in the development of digital synthetic circuits, which requires biological logic gates that can accept a binary input and generate a suitable binary output. Often biological systems are unable to provide sharp and accurate input to output response due to reasons like noise, growth factors etc. Hence there exists a need for reliable modules that are robust to noise in the biological environment and that can transform the analog and stochastic behavior of biology into a digital response. Hence, iGEM IIT Delhi aimed at developing a recombinase-based toolbox, containing various elementary circuits such as toggle switch, feedback loops, feedforwards loops etc., that would allow development of complex circuits with specialized functions with greater ease.

In order to realize our goal, as a beginning, we have developed and modeled incoherent feedforward loops via serine based recombinases BxbI and TP901-1, that trigger inversion, integration and irreversible excision through the help of non-identical recognition sites. IFFLs have been found to have a response time smaller than the response time of a simple regulation system(S. Mangan et. al. 2003). Hence IFFLs help speed up the slow response time involved with the transcriptional networks.

Our project consists of two designs for the incoherent feedforward loop, which can be used to flip the orientation of DNA segments in a digital manner. These systems are highly orthogonal, and demonstrate a strong capability for regulating and reducing the expression variability of genes being transcribed under its control.

1. By the action of two integrases simultaneously :-



Our first design involves the use of 3 nodes of protein expression, where at our first node we express the integrase TP901-1 by induction via arabinose. TP901-1 Integrase triggers the flipping of the genes on the second and third node between the attachment sites(attB and attP). These nodes contained genes in inactive/unexpressed form as the genes lay in the reverse orientation to the promoter.

The second node also contains an inducible promoter which begins expression via IPTG induction, which produces BxbI Integrase, which triggers another recombination in the third node, effectively cutting off the circuit. This leads to the generation of a pulse in the biological system.

2. By the action of integrase and its recombination directionality factor(RDF) simultaneously :-



Our second design also involves the use of 3 nodes of protein expression, where at our first node we express the integrase BxbI by induction via aTC. BxbI Integrase triggers the flipping of the genes on the second and third node between the attachment sites(attB and attP). These nodes contained genes in inactive/unexpressed form as the genes lay in the reverse orientation to the promoter.

The second node contains a constitutive promoter which begins expressing BxbI Excisionase, the recombination directionality factor of BxbI, which in the presence of BxbI Integrase, triggers another recombination in the third node, effectively cutting off the circuit. This too leads to the generation of a pulse in the biological system.

* In both the circuits, the ssrA deg tag and promoters were chosen for our second and third node in accordance with our model that predicted the response of our recombinase-based IFFL. Keeping in mind the expression of gene and compatibility of plasmids, the first node was placed in an expression vector containing ColE1 origin with chloramphenicol resistance, the second node in the expression vector containing p15A origin with Kanamycin resistance and the third node in the expression vector containing pSC101 origin with Ampicillin resistance. These compatible plasmids were cotransformed in E. coli DH5alpha Z1 strain to realize our project.

Contact us

Address

Undergraduate Laboratory
Department of Biotechnology and Biochemical Engineering, IIT Delhi