Difference between revisions of "Team:VIT Vellore"

Line 3: Line 3:
 
<style>
 
<style>
  
−
/*body {
+
body {
 
     overflow: hidden !important;
 
     overflow: hidden !important;
−
}*/
+
}
  
 
#home-container {
 
#home-container {
Line 14: Line 14:
 
     padding: 15%;
 
     padding: 15%;
 
}
 
}
−
 
−
#home-container, #home-container img {
 
−
    display: block;
 
−
    margin: auto;
 
−
}
 
−
 
−
#home-container h1 {
 
−
    font-family: 'Comfortaa', Tahoma, sans-serif;
 
−
    font-size: 8vw;
 
−
    font-weight: 500;
 
−
    letter-spacing: -0.05em;
 
−
    color: #fff;
 
−
    text-align: center;
 
−
    text-shadow: 1px 1px 30px #1a1a1a9c;
 
−
    padding: 5%;
 
−
    margin: 0;
 
−
}
 
−
 
−
#home-container h1 span {
 
−
    font-weight: bold;
 
−
    padding: 0 1%;
 
−
}
 
−
 
−
#home-container h2 {
 
−
    font-family: 'Bahnschrift', 'Segoe UI', Tahoma, sans-serif;
 
−
    font-size: 3vw;
 
−
    font-weight: 500;
 
−
    color: #fff;
 
−
    text-align: center;
 
−
    padding: 2%;
 
−
    margin: 0;
 
−
    text-shadow: 1px 1px 30px #1a1a1ac7;
 
−
}
 
−
 
−
#home-container button {
 
−
    color: #fff;
 
−
    background-color: #1d1d1d2c;
 
−
    border: 2px solid #fff;
 
−
    border-radius: 50px;
 
−
    padding: 1% 2%;
 
−
    font-family: 'Bahnschrift', 'Segoe UI', Tahoma, sans-serif;
 
−
    font-size: 1.3vw;
 
−
    font-weight: 500;
 
−
    text-align: center;
 
−
    display: block;
 
−
    margin: 2.5% auto;
 
−
    box-shadow: 1px 1px 30px #1a1a1ac7;
 
−
    transition: 0.4s;
 
−
}
 
−
 
−
#home-container button:hover {
 
−
    background-color: #fff;
 
−
    color: #000;
 
−
    cursor: pointer;
 
−
    text-shadow: none;
 
−
}
 
−
 
−
.ill-container {
 
−
    width: 100%;
 
−
    height: auto;
 
−
    overflow: hidden;
 
−
}
 
−
 
−
#ill-1 {
 
−
    background-color: #a0000085;
 
−
    padding: 10%;
 
−
}
 
−
 
−
#ill-2 {
 
−
    background-image: radial-gradient(circle, #00a2ff7e 40%, #a0000085 60%);
 
−
    padding: 8%;
 
−
}
 
−
 
−
#ill-nav {
 
−
    background-color: #00000000;
 
−
    position: fixed;
 
−
    right: 5%;
 
−
    top: 40%;
 
−
    padding: 0;
 
−
}
 
−
 
−
#ill-nav a {
 
−
    text-decoration: none;
 
−
    font-family: sans-serif;
 
−
    font-weight: 500;
 
−
    font-size: 1.8vw;
 
−
    color: #fff;
 
−
    padding: 10px;
 
−
    margin: 0;
 
−
    text-shadow: 1px 1px 2px #1d1d1d2c;
 
−
    transition: 0.4s;
 
−
    opacity: 0.75;
 
−
}
 
−
 
−
#ill-nav a:hover {
 
−
    margin-left: 15%;
 
−
    opacity: 1;
 
−
}
 
−
 
−
.ill-med {
 
−
    width: 60%;
 
−
    height: auto;
 
−
    margin: 0 auto;
 
−
    display: block;
 
−
    padding: 2%;
 
−
}
 
−
 
−
.ill-description {
 
−
    height: auto;
 
−
    font-family: 'Bahnschrift', 'Calibri', sans-serif;
 
−
    font-size: 1vw;
 
−
    font-weight: 500;
 
−
    color: #fff;
 
−
    background-color: rgba(0, 0, 0, 0.795);
 
−
    padding: 2%;
 
−
    margin: 0 auto;
 
−
    text-align: center;
 
−
    width: 65%;
 
−
    box-shadow: 1px 1px 5px #1a1a1a9c;
 
−
}
 
−
 
 
</style>
 
</style>
−
<div class="horizontal">
+
    <div class="horizontal">
−
    <div class="vert-12" id="home-container">
+
        <div class="col-12" id="home-container">
−
        <h1>toggle<span class="em-text">pH</span></h1>
+
            <h1>toggle<span class="em-text">pH</span></h1>
−
        <h2>VIT Vellore</h2>
+
            <h2>VIT Vellore</h2>
−
        <button id="enter-site">Check us out!</button>
+
            <button id="enter-site">Check us out!</button>
 +
        </div>
 
     </div>
 
     </div>
−
</div>
+
 
 
<div id="ill-nav">
 
<div id="ill-nav">
 
         <a id="ill-1-link" href="#">&#10102;</a><br/><br/>
 
         <a id="ill-1-link" href="#">&#10102;</a><br/><br/>
Line 150: Line 30:
 
     </div>
 
     </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/thumb/f/f8/T--VIT_Vellore--ill1.png/1600px-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"/>
−
         <p class="ill-description">The three promoters are two CadA and one PnhaA. An increase in industrialization has led to an overall increase in the carbon footprint, the major component being CO<sub>2</sub> which in turn led to global warming. Among other ill effects of industrialization, the one that has garnered a lot of attention is what we call <span class="em-text">Ocean Acidification</span>. It is also known as "the other CO<sub>2</sub> problem" and that's where our engineered microbe jumps in.</p>
+
         <p class="ill-description">We use a plasmid system consisting of a composite part with two promoters</p>
 
     </div>
 
     </div>
 
     <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/thumb/1/13/T--VIT_Vellore--ill2.png/1600px-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">The three promoters are two CadA and one PnhaA. An increase in industrialization has led to an overall increase in the carbon footprint, the major component being CO<sub>2</sub> which in turn led to global warming. Among other ill effects of industrialization, the one that has garnered a lot of attention is what we call <span class="em-text">Ocean Acidification</span>. It is also known as "the other CO<sub>2</sub> problem" and that's where our engineered microbe jumps in.</p>
+
        <p class="ill-description">This part gets activated at ~pH 9.5 and produces the necessary proteins to increase the surrounding pH</p>
 +
    </div>
 +
    <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"/>
 +
         <p class="ill-description">Repressor molecule LexA is produced in order to repress the expression of the biobrick at high pH</p>
 +
    </div>
 +
    <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"/>
 +
        <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>
 
     </div>
 
     </div>
 
</html>
 
</html>

Revision as of 09:19, 2 November 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 9.5 and produces the necessary proteins to increase the surrounding pH

Illustration 3

Repressor molecule LexA is produced in order to repress the expression of the biobrick at high pH

Illustration 4

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