Difference between revisions of "Team:VIT Vellore"

Line 2: Line 2:
 
<html>
 
<html>
 
<body>
 
<body>
−
<style>
 
−
 
−
@charset "utf-8";
 
−
 
−
@font-face {
 
−
    font-family: 'CustomAcuminFont';
 
−
    src: url('fonts/acumin-pro-light.otf');
 
−
}
 
−
 
−
@font-face {
 
−
    font-family: 'CustomMedioFont';
 
−
    src: url('fonts/medio.otf');
 
−
}
 
−
 
−
* {
 
−
    box-sizing: border-box;
 
−
}
 
−
 
−
*::selection {
 
−
    background-color: rgba(167, 0, 0, 0.4);
 
−
}
 
−
 
−
*::-moz-selection {
 
−
    background-color: rgba(167, 0, 0, 0.4);
 
−
}
 
−
 
−
body {
 
−
    margin: 0;
 
−
    padding: 0;
 
−
    background-color: #fff;
 
−
}
 
−
 
−
.row::after {
 
−
    content: "";
 
−
    clear: both;
 
−
    display: table;
 
−
}
 
−
 
−
[class*="col-"] {
 
−
    width: 100%;
 
−
    border: 1px rgba(0, 0, 0, 0);
 
−
    float: left;
 
−
}
 
−
 
−
@media only screen and (min-width: 600px) {
 
−
    .col-1 {
 
−
        width: 8.33%;
 
−
    }
 
−
    .col-2 {
 
−
        width: 16.66%;
 
−
    }
 
−
    .col-3 {
 
−
        width: 25%;
 
−
    }
 
−
    .col-4 {
 
−
        width: 33.33%;
 
−
    }
 
−
    .col-5 {
 
−
        width: 41.66%;
 
−
    }
 
−
    .col-6 {
 
−
        width: 50%;
 
−
    }
 
−
    .col-7 {
 
−
        width: 58.33%;
 
−
    }
 
−
    .col-8 {
 
−
        width: 66.66%;
 
−
    }
 
−
    .col-9 {
 
−
        width: 75%;
 
−
    }
 
−
    .col-10 {
 
−
        width: 83.33%;
 
−
    }
 
−
    .col-11 {
 
−
        width: 91.66%;
 
−
    }
 
−
    .col-12 {
 
−
        width: 100%;
 
−
    }
 
−
 
−
    #navbar {
 
−
        padding: 8% 0 !important;
 
−
        border: none !important;
 
−
    }
 
−
 
−
    #toggleph {
 
−
        float: left;
 
−
        height: auto;
 
−
        width: 12%;
 
−
        padding: 1%;
 
−
    }
 
−
 
−
    #igem-logo {
 
−
        float: right;
 
−
        height: auto;
 
−
        width: 25%;
 
−
        display: block !important;
 
−
    }
 
−
}
 
−
 
−
header {
 
−
    width: 100%;
 
−
    height: 18%;
 
−
    padding: 0;
 
−
    display: block;
 
−
    margin: auto;
 
−
    box-shadow: 1px 2px 5px #666666;
 
−
    position: fixed;
 
−
    top: 0;
 
−
    left: 0;
 
−
    background-color: rgba(255, 255, 255, 0.95);
 
−
}
 
−
 
−
#toggleph {
 
−
    height: 100%;
 
−
    padding: 1%;
 
−
    margin: auto;
 
−
    display: block;
 
−
}
 
−
 
−
#igem-logo {
 
−
    display: none;
 
−
}
 
−
 
−
#navbar {
 
−
    padding: 5% 0;
 
−
    border-bottom: 1px dotted #000;
 
−
}
 
−
 
−
#navbar h2 {
 
−
    font-family: 'CustomAcuminFont', sans-serif;
 
−
    font-weight: 500;
 
−
    font-size: 2em;
 
−
    padding: 5% 0;
 
−
}
 
−
 
−
#navbar a {
 
−
    text-decoration: none;
 
−
    display: block;
 
−
    width: 100%;
 
−
    padding: 4% 0 4% 15%;
 
−
    font-family: 'CustomAcuminFont', sans-serif;
 
−
    font-weight: 500;
 
−
    font-size: 1.1em;
 
−
    background-color: #fff;
 
−
    color: #000;
 
−
    transition: background-color 0.3s, color 0.3s ease-in-out;
 
−
    -webkit-transition: background-color 0.3s, color 0.3s ease-in-out;
 
−
    text-align: left;
 
−
    margin: 0;
 
−
}
 
−
 
−
#navbar a:hover {
 
−
    background-color: #000;
 
−
    color: #fff;
 
−
}
 
−
 
−
#home-section {
 
−
    margin: 0;
 
−
    padding: 8% 2% 0 2%;
 
−
}
 
−
 
−
h1 {
 
−
    font-family: 'Vollkorn', serif;
 
−
    font-size: 3.5em;
 
−
    font-weight: 400;
 
−
    padding: 0;
 
−
    margin: 2%;
 
−
}
 
−
 
−
.normal-text {
 
−
    font-family: 'CustomAcuminFont', sans-serif;
 
−
    font-weight: 500;
 
−
    font-size: 1.2em;
 
−
    text-align: justify;
 
−
    margin: 2%;
 
−
    padding: 0;
 
−
}
 
−
 
−
.em-text {
 
−
    font-family: inherit;
 
−
    font-size: inherit;
 
−
    font-weight: bold;
 
−
}
 
−
 
−
.italic-text {
 
−
    font-style: italic;
 
−
    font-size: 0.9em;
 
−
    padding: 0 1%;
 
−
}
 
−
 
−
</style>
 
−
    <header>
 
−
        <img id="toggleph" src="https://static.igem.org/mediawiki/2018/thumb/9/92/T--VIT_Vellore--togglephminimalclear.png/800px-T--VIT_Vellore--togglephminimalclear.png" alt="togglepH"/>
 
−
        <img id="igem-logo" src="https://static.igem.org/mediawiki/2018/d/d3/T--VIT_Vellore--iGEEM2018FINAL.png" alt="iGEM-VIT Logo"/>
 
−
    </header>
 
 
     <div class="row">
 
     <div class="row">
−
         <div class="col-3" id="navbar">
+
         <div class="col-12" id="home-container">
−
             <h2>Navigation</h2>
+
             <h1>toggle<span class="em">pH</span></h1>
−
            <a title="Home page" href="index.html">Home</a>
+
             <h2>VIT Vellore</h2>
−
            <a title="Project" href="project.html">Project</a>
+
             <button id="enter-site">Check us out!</button>
−
             <a title="Team" href="team.html">Team</a>
+
−
             <a title="Notebook" href="notebook.html">Notebook</a>
+
−
            <a title="Parts" href="parts.html">Parts</a>
+
−
            <a title="Safety" href="safety.html">Safety</a>
+
−
            <a title="Human Practices" href="human-practices.html">Human Practices</a>
+
−
            <a title="Attributions" href="attributions.html">Attributions</a>
+
 
         </div>
 
         </div>
−
        <div id="home-section" class="col-9">
+
    </div>
−
            <h1>About our project</h1>
+
    <img class="navbtn" id="nav-openbtn" src="images/menu-4-128.png"/>
−
            <p class="normal-text">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.<br/><br/>Geology reports suggest that between the years 1751 to 1996 there has been an increase of H<sup>+</sup> ions of upto 30%. Apart from that, the overall pH has been decreased from 8.25 to 8.14. Increasing acidity is directly linked to having potentially harmful consequences for marine organisms, such as depressing metabolic rates and immune responses in some organisms, and causing the worst cases of coral bleaching.<br/><br/>"If we continue emitting CO<sub>2</sub> at the same rate, by 2100 ocean acidity will increase by about 150 percent, a rate that has not been experienced for at least 400,000 years."<span class="italic-text">- United Kingdom Ocean Acidification Research Programme, 2015</span><br/><br/>Our engineered vibrio will interact with its surrounding environment to give real-time H<sup>+</sup> data which is then used by pH-sensitive NhaA and CadA promoters which give maximum expression at pH 8.5 and pH 7 respectfully; after which the expression is down-regulated. Within this 1.5 pH window, our biobricks are designed such that the carbonic anhydrase genes bring about a reduction in ocean acidification. Once the pH is stabilized, repressor proteins are expressed which block the carbonic anhydrase expression so that no more shuttling of H<sup>+</sup> takes place thereby saving marine flora and fauna from any more damage.</p>
+
    <div class="overlay" id="nav">
 +
        <h1 class="nav-heading">Where would you like to go?</h1>
 +
        <img class="navbtn" id="nav-closebtn" src="images/x-mark-128.png"/>
 +
        <div class="overlay-content">
 +
            <a href="https://2018.igem.org/Team:VIT_Vellore">Home</a>
 +
            <a href="https://2018.igem.org/Team:VIT_Vellore/Description">Project</a>
 +
            <a href="https://2018.igem.org/Team:VIT_Vellore/InterLab">Interlab</a>
 +
            <a href="https://2018.igem.org/Team:VIT_Vellore/Model">Modelling</a>
 +
            <a href="https://2018.igem.org/Team:VIT_Vellore/Notebook">Notebook</a>
 +
            <a href="https://2018.igem.org/Team:VIT_Vellore/Team">Team</a>
 +
            <a href="https://2018.igem.org/Team:VIT_Vellore/Human_Practices">Human Practices</a>
 +
            <a href="https://2018.igem.org/Team:VIT_Vellore/Attributions">Attributions</a>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
    <div id="ill-nav">
 +
        <a id="ill-1-link" href="#">&#10102;</a><br/><br/>
 +
        <a id="ill-2-link" href="#">&#10103;</a><br/><br/>
 +
        <a id="ill-3-link" href="#">&#10104;</a><br/><br/>
 +
        <a id="ill-4-link" href="#">&#10105;</a><br/><br/>
 +
    </div>
 +
    <div id="ill-1" class="row ill-container">
 +
        <img class="ill-med" src="images/ill-1.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>
 +
    </div>
 +
    <div id="ill-2" class="row ill-container">
 +
        <img class="ill-med" src="images/ill-2.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>
 +
    </div>
 +
    <div id="ill-3" class="row ill-container">
 +
        <img class="ill-med" src="images/ill-3.png" alt="Illustration 3"/>
 +
        <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>
 +
    </div>
 +
    <div id="ill-4" class="row ill-container">
 +
        <img class="ill-med" src="images/ill-4.png" alt="Illustration 3"/>
 +
        <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>
 +
    </div>
 +
</div>
 +
<footer></footer>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 10:22, 13 October 2018

togglepH

VIT Vellore

Illustration 1

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 CO2 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 Ocean Acidification. It is also known as "the other CO2 problem" and that's where our engineered microbe jumps in.

Illustration 2

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 CO2 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 Ocean Acidification. It is also known as "the other CO2 problem" and that's where our engineered microbe jumps in.

Illustration 3

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 CO2 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 Ocean Acidification. It is also known as "the other CO2 problem" and that's where our engineered microbe jumps in.

Illustration 3

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 CO2 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 Ocean Acidification. It is also known as "the other CO2 problem" and that's where our engineered microbe jumps in.