Difference between revisions of "Team:VIT Vellore"

 
(24 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{VIT_Vellore}}
 
{{VIT_Vellore}}
−
{{VIT_Vellore/jquery}}
 
 
<html>
 
<html>
 
<style>
 
<style>
Line 8: Line 7:
 
</style>
 
</style>
  
−
    <div class="horizontal">
+
<div class="horizontal">
−
         <div class="col-12" id="home-container">
+
    <video id="fullscreen-video" autoplay muted loop>
−
            <h1>toggle<span class="em-text">pH</span></h1>
+
         <source src="https://static.igem.org/mediawiki/2018/d/db/T--VIT_Vellore--wavesvideo.mp4" type="video/mp4">
−
            <h2>VIT Vellore</h2>
+
    </video>
−
            <button id="enter-site">Check us out!</button>
+
    <div class="col-12" id="home-container">
−
        </div>
+
        <img id="igem-vit-logo" src="https://static.igem.org/mediawiki/2018/d/d3/T--VIT_Vellore--iGEEM2018FINAL.png" alt="iGEM VIT"/>
 +
        <h1>toggle<span class="em-text">pH</span></h1>
 +
        <h2>VIT Vellore</h2>
 +
        <button id="enter-site">Check us out!</button>
 
     </div>
 
     </div>
 +
</div>
  
 
<div id="ill-nav">
 
<div id="ill-nav">
−
         <a id="ill-1-link" href="#">&#10102;</a><br/><br/>
+
         <a class="ill-link" id="ill-1-link" href="#">&#10102;</a>
−
         <a id="ill-2-link" href="#">&#10103;</a><br/><br/>
+
         <a class="ill-link" id="ill-2-link" href="#">&#10103;</a>
−
         <a id="ill-3-link" href="#">&#10104;</a><br/><br/>
+
         <a class="ill-link" id="ill-3-link" href="#">&#10104;</a>
−
         <a id="ill-4-link" href="#">&#10105;</a><br/><br/>
+
         <a class="ill-link" id="ill-4-link" href="#">&#10105;</a>
−
    </div>
+
        <a class="ill-link" id="ill-5-link" href="#">&#10106;</a>
 +
</div>
 
     <div id="ill-1" class="horizontal ill-container">
 
     <div id="ill-1" class="horizontal ill-container">
 
         <img class="ill-med" src="https://static.igem.org/mediawiki/2018/f/f8/T--VIT_Vellore--ill1.png" alt="Illustration 1"/>
 
         <img class="ill-med" src="https://static.igem.org/mediawiki/2018/f/f8/T--VIT_Vellore--ill1.png" alt="Illustration 1"/>
Line 28: Line 32:
 
     <div id="ill-2" class="horizontal ill-container">
 
     <div id="ill-2" class="horizontal ill-container">
 
         <img class="ill-med" src="https://static.igem.org/mediawiki/2018/1/13/T--VIT_Vellore--ill2.png" alt="Illustration 2"/>
 
         <img class="ill-med" src="https://static.igem.org/mediawiki/2018/1/13/T--VIT_Vellore--ill2.png" alt="Illustration 2"/>
−
         <p class="ill-description">This part gets activated at ~pH 9.5 and produces the necessary proteins to increase the surrounding pH</p>
+
         <p class="ill-description">This part gets activated at ~pH 7.5 and produces the necessary proteins to increase the surrounding pH</p>
 
     </div>
 
     </div>
 
     <div id="ill-3" class="horizontal ill-container">
 
     <div id="ill-3" class="horizontal ill-container">
−
         <img class="ill-med" src="https://static.igem.org/mediawiki/2018/7/77/T--VIT_Vellore--ill3.png" alt="Illustration 3"/>
+
         <img class="ill-med" src="https://static.igem.org/mediawiki/2018/archive/7/77/20181207184102%21T--VIT_Vellore--ill3.png" alt="Illustration 3"/>
−
         <p class="ill-description">Repressor molecule LexA is produced in order to repress the expression of the biobrick at high pH</p>
+
         <p class="ill-description">Repressor molecule LexA is produced at high pH. LexA then binds to its operator region in the initial plasmid, and represses carbonic anhydrase</p>
 
     </div>
 
     </div>
 
     <div id="ill-4" class="horizontal ill-container">
 
     <div id="ill-4" class="horizontal ill-container">
−
         <img class="ill-med" src="https://static.igem.org/mediawiki/2018/a/a5/T--VIT_Vellore--ill4.png" alt="Illustration 4"/>
+
         <img class="ill-med" src="https://static.igem.org/mediawiki/2018/archive/a/a5/20181207181318%21T--VIT_Vellore--ill4.png" alt="Illustration 4"/>
−
         <p class="ill-description">LexA functions as a repressor in the above figure. However, as the pH starts to become acidic again, a recA protein is produced, which binds to the repressor and prevents its action, thereby regulating the process</p>
+
         <p class="ill-description">LexA functions as a repressor in the above figure. However, as the pH starts to become acidic again, recA protease is produced</p>
 +
    </div>
 +
<div id="ill-5" class="horizontal ill-container">
 +
        <img class="ill-med" src="https://static.igem.org/mediawiki/2018/f/fa/T--VIT_Vellore--ill5.png" alt="Illustration 4"/>
 +
        <p class="ill-description">recA protease binds to LexA (repressor) and lyses it, thereby preventing its action. Carbonic anhydrase is produced again, and pH homeostasis is ensured</p>
 
     </div>
 
     </div>
  
−
<script>
+
<script type="text/javascript">
  
 
$("#enter-site").click(function() {
 
$("#enter-site").click(function() {
Line 49: Line 57:
 
             $("#ill-1-link").css({opacity: '1'});
 
             $("#ill-1-link").css({opacity: '1'});
 
         });
 
         });
 +
    });
 +
});
 +
 +
$("#ill-5-link").click(function() {
 +
    $("#ill-4-link").css({opacity: '0.75'});
 +
    $("#ill-4").hide("fade", 200);
 +
    $("#ill-2-link").css({opacity: '0.75'});
 +
    $("#ill-2").hide("fade", 200);
 +
    $("#ill-1-link").css({opacity: '0.75'});
 +
    $("#ill-1").hide("fade", 200);
 +
    $("#ill-3-link").css({opacity: '0.75'});
 +
    $("#ill-3").hide("fade", 200, function() {
 +
        $("#ill-5").show("fade", 300);
 +
        $("#ill-5-link").css({opacity: '1'});
 
     });
 
     });
 
});
 
});
  
 
$("#ill-4-link").click(function() {
 
$("#ill-4-link").click(function() {
 +
    $("#ill-5-link").css({opacity: '0.75'});
 +
    $("#ill-5").hide("fade", 200);
 
     $("#ill-2-link").css({opacity: '0.75'});
 
     $("#ill-2-link").css({opacity: '0.75'});
 
     $("#ill-2").hide("fade", 200);
 
     $("#ill-2").hide("fade", 200);
Line 65: Line 89:
  
 
$("#ill-3-link").click(function() {
 
$("#ill-3-link").click(function() {
 +
    $("#ill-5-link").css({opacity: '0.75'});
 +
    $("#ill-5").hide("fade", 200);
 
     $("#ill-2-link").css({opacity: '0.75'});
 
     $("#ill-2-link").css({opacity: '0.75'});
 
     $("#ill-2").hide("fade", 200);
 
     $("#ill-2").hide("fade", 200);
Line 78: Line 104:
  
 
$("#ill-2-link").click(function() {
 
$("#ill-2-link").click(function() {
 +
    $("#ill-5-link").css({opacity: '0.75'});
 +
    $("#ill-5").hide("fade", 200);
 
     $("#ill-1-link").css({opacity: '0.75'});
 
     $("#ill-1-link").css({opacity: '0.75'});
 
     $("#ill-1").hide("fade", 200);
 
     $("#ill-1").hide("fade", 200);
Line 90: Line 118:
  
 
$("#ill-1-link").click(function() {
 
$("#ill-1-link").click(function() {
 +
    $("#ill-5-link").css({opacity: '0.75'});
 +
    $("#ill-5").hide("fade", 200);
 
     $("#ill-2-link").css({opacity: '0.75'});
 
     $("#ill-2-link").css({opacity: '0.75'});
 
     $("#ill-2").hide("fade", 200);
 
     $("#ill-2").hide("fade", 200);
Line 98: Line 128:
 
         $("#ill-1").show("fade", 300);
 
         $("#ill-1").show("fade", 300);
 
         $("#ill-1-link").css({opacity: '1'});
 
         $("#ill-1-link").css({opacity: '1'});
−
    });
 
−
});
 
−
 
−
 
−
$("#nav-openbtn").click(function() {
 
−
    $("#nav-openbtn").hide("fade", 100, function() {
 
−
        $("#nav").animate({height: '100%'}, 200);
 
−
        $("#nav-closebtn").show("fade", 100);
 
−
    });
 
−
});
 
−
 
−
$("#nav-closebtn").click(function() {
 
−
    $("#nav-closebtn").hide("fade", 100, function() {
 
−
        $("#nav").animate({height: '0%'}, 200);
 
−
        $("#nav-openbtn").show("fade", 100);
 
 
     });
 
     });
 
});
 
});

Latest revision as of 04:26, 8 December 2018

togglepH

VIT Vellore

Illustration 1

We use a plasmid system consisting of a composite part with two promoters

Illustration 2

This part gets activated at ~pH 7.5 and produces the necessary proteins to increase the surrounding pH

Illustration 3

Repressor molecule LexA is produced at high pH. LexA then binds to its operator region in the initial plasmid, and represses carbonic anhydrase

Illustration 4

LexA functions as a repressor in the above figure. However, as the pH starts to become acidic again, recA protease is produced

Illustration 4

recA protease binds to LexA (repressor) and lyses it, thereby preventing its action. Carbonic anhydrase is produced again, and pH homeostasis is ensured