Difference between revisions of "Team:VIT Vellore"

Line 5: Line 5:
 
     <title>togglepH - iGEM Competition 2018</title>
 
     <title>togglepH - iGEM Competition 2018</title>
 
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
 
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
−
    <link rel="stylesheet" type="text/css" media="screen" href="style.css"/>
+
     <link href="https://fonts.googleapis.com/css?family=Vollkorn" rel="stylesheet"/>
−
     <link href="https://fonts.googleapis.com/css?family=Vollkorn" rel="stylesheet"/>  
+
<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 8% 0 !important;
 +
        border: none !important;
 +
    }
 +
 
 +
    #toggleph {
 +
        float: left;
 +
        height: auto;
 +
        width: 15%;
 +
    }
 +
 
 +
    #igem-logo {
 +
        float: right;
 +
        height: auto;
 +
        width: 25%;
 +
        display: block !important;
 +
    }
 +
}
 +
 
 +
@keyframes intro-fadein {
 +
    from {opacity: 0}
 +
    to {opacity: 1}
 +
}
 +
 
 +
@-webkit-keyframes intro-fadein {
 +
    from {opacity: 0}
 +
    to {opacity: 1}
 +
}
 +
 
 +
/*#intro-section {
 +
    width: 50%;
 +
    display: none;
 +
    margin: 15% auto;
 +
    animation: intro-fadein ease-in 0.8s;
 +
}
 +
 
 +
#intro-logo {
 +
    width: 60%;
 +
    height: auto;
 +
    display: block;
 +
    margin: auto;
 +
}
 +
 
 +
#intro-section button {
 +
    font-family: 'CustomAcuminFont', sans-serif;
 +
    font-size: 1.5em;
 +
    transition: background-color 0.3s, color 0.3s ease-in-out;
 +
    -webkit-transition: background-color 0.3s, color 0.3s ease-in-out;
 +
    background-color: #fff;
 +
    color: #000;
 +
    border: 1px solid #000;
 +
}
 +
 
 +
#intro-section button:hover {
 +
    cursor: pointer;
 +
    color: #fff;
 +
    background-color: #000;
 +
}
 +
 
 +
#enter-icon {
 +
    padding: 2% 8% 1% 8%;
 +
    font-weight: 400;
 +
    display: block;
 +
    margin: 5% auto;
 +
}
 +
 
 +
#nav-icon {
 +
    padding: 0.4% 1%;
 +
    font-weight: 600;
 +
    margin: 0;
 +
    position: absolute;
 +
    top: 5%;
 +
    right: 2%;
 +
}*/
 +
 
 +
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%;
 +
    margin: auto;
 +
    display: block;
 +
}
 +
 
 +
#igem-logo {
 +
    display: none;
 +
}
 +
 
 +
#navbar {
 +
    padding: 30% 0 0 0;
 +
    border-bottom: 1px dotted #000;
 +
}
 +
 
 +
#navbar h2 {
 +
    font-family: 'CustomAcuminFont', sans-serif;
 +
    font-weight: 500;
 +
    font-size: 2em;
 +
    padding: 10%;
 +
}
 +
 
 +
#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: 10% 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>
 
</head>
 
</head>
 
<body>
 
<body>

Revision as of 11:40, 9 September 2018

<!DOCTYPE html> togglepH - iGEM Competition 2018

togglepH

About our project

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.

Geology reports suggest that between the years 1751 to 1996 there has been an increase of H+ 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.

"If we continue emitting CO2 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."- United Kingdom Ocean Acidification Research Programme, 2015

Our engineered vibrio will interact with its surrounding environment to give real-time H+ 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+ takes place thereby saving marine flora and fauna from any more damage.