(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/ | + | background-image: url("https://static.igem.org/mediawiki/2018/e/e7/T--IIT_Delhi--InterlabPlate.jpeg"); |
− | min-height: | + | min-height: 600px; |
} | } | ||
.bgimg-2 { | .bgimg-2 { | ||
− | background-image: url("https://static.igem.org/mediawiki/2018/ | + | background-image: url("https://static.igem.org/mediawiki/2018/f/ff/T--IIT_Delhi--white.jpeg"); |
− | min-height: | + | min-height: 100px; |
} | } | ||
.bgimg-3 { | .bgimg-3 { | ||
− | background-image: url("https://static.igem.org/mediawiki/2018/ | + | background-image: url("https://static.igem.org/mediawiki/2018/f/ff/T--IIT_Delhi--white.jpeg"); |
− | min-height: | + | 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/ | + | 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: 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(); | 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: | + | <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;"> | ||
− | + | <a href="https://2018.igem.org/Team:IIT_Delhi" style="height: 150px; width: 150px; margin-left: 5%;margin-top: 0px; padding-top: 14px;"> | |
− | + | <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: | + | <div class="dropdownsakks-content" style="margin-top: 66px;"> |
− | <a href="https://2018.igem.org/Team:IIT_Delhi/ | + | <a href="https://2018.igem.org/Team:IIT_Delhi/Notebook">Lab Records</a> |
− | + | <a href="https://igem.org/2018_Judging_Form?team=IIT_Delhi">Medal Criteria</a> | |
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 689: | Line 754: | ||
</div> | </div> | ||
− | <div class="dropdownsakks-content" style="margin-top: | + | <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/ | + | <a href="https://2018.igem.org/Team:IIT_Delhi/Attributions">Attributions</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: | + | <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/ | + | <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/ | + | <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: | + | <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=" | + | <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: | + | <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=" | + | <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=" | + | <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> | ||
− | |||
− | |||
<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=" | + | <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=" | + | <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=" | + | <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=" | + | <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=" | + | <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="https://2018.igem.org/Team:IIT_Delhi/Public_Engagement" style="font-size: 15px;padding: 10px; padding-top: 5px; | |
− | <a href=" | + | |
padding-bottom: 0px;" >Public Engagement</a> | padding-bottom: 0px;" >Public Engagement</a> | ||
</div> | </div> | ||
− | <a href=" | + | <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=" | + | <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=" | + | <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> | ||
− | + | ||
− | + | ||
</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=" | + | <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="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=" | + | |
− | + | ||
</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> | |
− | < | + | 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.<br><br> |
− | + | <img src="https://static.igem.org/mediawiki/2018/a/af/T--IIT_Delhi--FirstDesign.png" style="border:3px solid #000000" width="80%"><br><br> | |
− | + | ||
− | + | ||
− | < | + | <img src="https://static.igem.org/mediawiki/2018/1/16/T--IIT_Delhi--SecondDesign2.png" style="border:3px solid #000000" width="80%"> |
− | + | <br> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | </p> | ||
− | </div> | + | </div> <script> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
function openNav() { | function openNav() { |
Latest revision as of 03:35, 18 October 2018
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.