Difference between revisions of "Team:IIT Kanpur/TestPage"

 
(24 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>{{Bristol/head}} {{Bristol/navbar}}
+
{{Template:IIT_Kanpur}}
 
<html>
 
<html>
 +
<head>
 +
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">   
 +
    <style type="text/css">
  
<body>
 
  
  <div class="container">
 
  
    <div class="banner-sm fadeIn">
+
/*GOOGLE FONTS*/
      <div class="banner-text-sm">
+
        <h1 class="Up">Modelling</h1>
+
        <p class="Up">Britain's Next Top Model</p>
+
      </div>
+
    </div>
+
    <div class="fadeIn">
+
      <p class="lead Up">
+
        Our team produced two main models to inform on the design of our project and to simulate areas that we could not test practically. The ambitious nature of our project meant that there were a number of areas that can be supported by modelling, as we did
+
        not set out to have a fully working prototype pod over the short summer, and these models will be of use to any future work on our project. The modelling aspect of our project was also one of the most interdisciplinary, with the engineers working
+
        with the biologists on a directly overlapping subject. This required a lot of learning on both sides, as well as compromises (with the engineers encountering just how limited biologists are by the vast unknown at the biochemical level, and the
+
        biologists learning just how much engineers love numbers)!
+
        <br>
+
        <br>
+
        <a href="https://github.com/BristolIGEM2017/modelling" target="_blank">
+
          <p class="lead">Our code is on Github</p>
+
        </a>
+
        <br>
+
        <br>
+
    </div>
+
  
    <!-- <hr class="featurette-divider"> -->
+
/* latin */
 +
@font-face {
 +
  font-family: 'Dosis';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Dosis Regular'), local('Dosis-Regular'), url(https://static.igem.org/mediawiki/2018/4/4d/T--MIT--dosis2.woff) format('woff');
 +
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 +
}
  
    <div class="row align-items-center justify-content-center col-md-12">
+
/* latin */
      <div class="col-sm-12 col-md-6 col-lg-6 medal-link Pop">
+
@font-face {
        <a href="#singlecellmodel">
+
  font-family: 'Raleway';
          <p class="model-button">Single Cell<br>Model</p>
+
  font-style: normal;
        </a>
+
  font-weight: 400;
      </div>
+
  src: local('Raleway'), local('Raleway-Regular'),  url(https://static.igem.org/mediawiki/2018/5/59/T--MIT--raleway2.woff) format('woff');
      <div class="col-sm-12 col-md-6 col-lg-6 medal-link Pop">
+
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        <a href="#atmosphericpollutionmodel">
+
}
          <p class="model-button">Atmospheric Pollution Model</p>
+
        </a>
+
      </div>
+
    </div>
+
  
    <!-- <div class="row align-items-center fadeIn">
 
      <div class="col-md-6">
 
        <h2 class="featurette-heading">Single Cell Model</h2>
 
      </div>
 
      <div class="col-md-6">
 
        <h2 class="featurette-heading">Atmospheric Pollution Model</h2>
 
      </div>
 
    </div> -->
 
  
    <a name="singlecellmodel"></a>
+
/* W3.CSS 4.10 February 2018 by Jan Egil and Borge Refsnes */
    <hr class="featurette-divider">
+
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
 +
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
 +
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
 +
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
 +
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
 +
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
 +
a{background-color:transparent;-webkit-text-decoration-skip:objects}
 +
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
 +
dfn{font-style:italic}mark{background:#ff0;color:#000}
 +
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
 +
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
 +
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
 +
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
 +
button,input{overflow:visible}button,select{text-transform:none}
 +
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
 +
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
 +
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
 +
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
 +
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
 +
[type=checkbox],[type=radio]{padding:0}
 +
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
 +
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
 +
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
 +
::-webkit-input-placeholder{color:inherit;opacity:0.54}
 +
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
 +
/* End extract */
 +
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
 +
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.w3-serif{font-family:serif}
 +
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
 +
hr{border:0;border-top:1px solid #eee;margin:20px 0}
 +
.w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
 +
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
 +
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
 +
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
 +
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
 +
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
 +
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
 +
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
 +
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
 +
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} 
 +
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
 +
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
 +
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
 +
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
 +
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
 +
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
 +
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
 +
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
 +
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
 +
.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
 +
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
 +
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
 +
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
 +
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
 +
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
 +
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
 +
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
 +
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
 +
.w3-main,#main{transition:margin-left .4s}
 +
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
 +
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
 +
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
 +
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
 +
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
 +
.w3-bar .w3-button{white-space:normal}
 +
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
 +
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
 +
.w3-responsive{display:block;overflow-x:auto}
 +
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
 +
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
 +
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
 +
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
 +
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
 +
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
 +
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
 +
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
 +
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
 +
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
 +
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
 +
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
 +
.w3-content{max-width:980px;margin:auto}.w3-rest{overflow:hidden}
 +
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
 +
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
 +
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
 +
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
 +
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}
 +
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
 +
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
 +
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
 +
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
 +
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
 +
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}}
 +
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
 +
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
 +
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
 +
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
 +
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
 +
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
 +
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
 +
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
 +
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
 +
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
 +
.w3-display-position{position:absolute}
 +
.w3-circle{border-radius:50%}
 +
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
 +
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
 +
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
 +
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
 +
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
 +
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
 +
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
 +
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
 +
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
 +
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
 +
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
 +
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
 +
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
 +
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
 +
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
 +
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
 +
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
 +
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
 +
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
 +
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
 +
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
 +
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
 +
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
 +
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
 +
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
 +
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
 +
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
 +
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
 +
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
 +
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
 +
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
 +
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
 +
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
 +
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
 +
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
 +
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
 +
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
 +
.w3-left{float:left!important}.w3-right{float:right!important}
 +
.w3-button:hover{color:#000!important;background-color:#ccc!important}
 +
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
 +
.w3-hover-none:hover{box-shadow:none!important}
 +
/* Colors */
 +
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
 +
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
 +
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
 +
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
 +
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
 +
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
 +
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
 +
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
 +
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
 +
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
 +
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
 +
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
 +
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
 +
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
 +
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
 +
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
 +
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
 +
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
 +
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
 +
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
 +
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
 +
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
 +
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
 +
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
 +
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
 +
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
 +
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
 +
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
 +
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
 +
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
 +
.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}
 +
.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important}
 +
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
 +
.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
 +
.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}
 +
.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}
 +
.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important}
 +
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
 +
.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}
 +
.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}
 +
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
 +
.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}
 +
.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}
 +
.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
 +
.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}
 +
.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}
 +
.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}
 +
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
 +
.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}
 +
.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}
 +
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
 +
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
 +
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
 +
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
 +
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
 +
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
 +
.w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important}
 +
.w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important}
 +
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
 +
.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important}
 +
.w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important}
 +
.w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important}
 +
.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important}
 +
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
 +
.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important}
 +
.w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important}
 +
.w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important}
 +
.w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important}
 +
.w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important}
 +
.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important}
 +
.w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important}
 +
.w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important}
 +
.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important}
 +
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
 +
.w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important}
 +
.w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important}
 +
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
 +
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
 +
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
 +
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important}
 +
.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important}
 +
.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important}
 +
.w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important}
 +
.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}
  
    <div class="row align-items-center fadeIn">
 
      <div class="Up">
 
        <h2 class="featurette-heading">Single Cell Model</h2>
 
        <div class="fadeIn">
 
          <p class="lead Up">The single cell model incorporated a gene regulatory network (GRN) and the kinetics of our enzymes Nap and Nrf. Thus, we were able to obtain rates for the conversion of nitrite and nitrate (i.e. dissolved NOx) to ammonia specifically within
 
            our system containing bacteria that are overexpressing the enzymes. An overview of this model is given below:</p>
 
        </div>
 
  
        <div class="col-md-12 fadeIn">
+
          #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, #sideMenu, #menubar, .logo_2017, .printfooter, .firstHeading,.visualClear {
           <img class="Pop centreimage" width=70% src="https://static.igem.org/mediawiki/2017/b/bb/T--Bristol--Modelling.png">
+
              display: none;
        </div>
+
           } /*-- hides default wiki settings --*/
  
        <div class="fadeIn">
+
           #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
           <p class="lead Up">The GRN enabled us to model the production rates and extent of Nrf and Nap. The concentrations of both enzymes are able to be predicted when the rates of transcription, translation and degradation (of both mRNA and protein) are known. Because
+
              border: 0 none;
            our construct included an IPTG-inducible promoter, the concentration of IPTG was relevant and therefore also had to be considered.</p>
+
              height: 3vw;
          <p class="lead Up">Having obtained enzyme concentrations from our GRN or estimating them, the next step was to model the kinetics of these enzymes within a cell. Modelling the enzyme kinetics involved understanding of differential equations, and the derivations
+
              z-index: 100;
            are listed in the <a target="_blank" href="https://static.igem.org/mediawiki/2017/e/eb/T--Bristol--ModellingSupplement.pdf">modelling supplement PDF</a>. This model takes initial concentrations of all substances present and rate constants as inputs;
+
              top: 0;
            a sample result is given below (note the values are arbitrary).</p>
+
              position: fixed;
        </div>
+
              width: 975px;
 +
              left: 50%;
 +
              margin-left: -487px;
 +
          }
  
        <!-- <div class="col-md-12 fadeIn">
+
          #top_title, #top {
              <img class="Pop centreimage" width=70% src="https://static.igem.org/mediawiki/2017/1/15/T--Bristol--Velocity.png">
+
              display: none;
            </div>
+
              z-index: -1000;
 +
          }
  
            <div class="col-md-12 fadeIn">
+
          .logo_2018 {
              <img class="Pop centreimage" width=70% src="https://static.igem.org/mediawiki/2017/d/d0/T--Bristol--Enzymes.png">
+
              display: none;
            </div>
+
              z-index: -1000;
 +
          }
  
            <div class="col-md-12 fadeIn">
+
          #globalWrapper, #content { /*-- changes default wiki settings --*/
              <img class="Pop centreimage" width=70% src="https://static.igem.org/mediawiki/2017/8/8a/T--Bristol--ReagentsProducts.png">
+
              width: 100%;
            </div> -->
+
              height: 100%;
 +
              border: none;
 +
              background-color: #7267e8;
 +
              margin: 0px;
 +
              padding: 0px;
 +
              letter-spacing: normal;
 +
             
 +
              font-weight: light;
 +
          }
  
        <div class="row parts align-items-center fadeIn">
+
           html, body, .wrapper { /*-- changes default wiki settings --*/
           <div class="col-md-6">
+
              width: 100%;
            <img src="https://static.igem.org/mediawiki/2017/1/15/T--Bristol--Velocity.png">
+
              height: 100%;
          </div>
+
              background-color: #7267e8;
          <div class="col-md-6">
+
           }
            <img src="https://static.igem.org/mediawiki/2017/d/d0/T--Bristol--Enzymes.png">
+
          </div>
+
          <div class="col-md-6 centreimage">
+
            <img src="https://static.igem.org/mediawiki/2017/8/8a/T--Bristol--ReagentsProducts.png">
+
           </div>
+
        </div>
+
  
        <!-- <div class="row align-items-center justify-content-center col-md-12">
 
              <div class="col-sm-12 col-md-6 col-lg-6 medal-link Pop">
 
                <a target="_blank"href="https://static.igem.org/mediawiki/2017/e/eb/T--Bristol--ModellingSupplement.pdf">
 
                  <p class="design-button">Modelling Supplement</p>
 
                </a>
 
              </div>
 
            </div> -->
 
  
         <div class="fadeIn">
+
.menu {
          <p class="lead Up"><br>Given this model, we then searched the literature extensively for all the constants we required. With valuable correspondence with Professor Julea Butt (of the University of East Anglia) we were able to obtain some values for the required
+
         list-style-type: none;
            constants (Kcat, Kd and Km) for both enzymes, however we found that these values came from conflicting sources using very different measurement techniques, rendering them of little use for our modelling. Equally, we were unable find any values
+
        margin: 0vw;
            for the Kcat and Kd of Nap. Listed below, however, are the values we were able to find:</p>
+
        padding: .3vw;
          <br>
+
        /*overflow: hidden;*/
         </div>
+
        background-color: #333;
 +
         position: fixed;
 +
        width: 100%;
 +
        height: 4.5vw;
 +
        -webkit-box-shadow: 0 8px 6px -6px #2c2c2c;
 +
        -moz-box-shadow: 0 8px 6px -6px #2c2c2c;
 +
        box-shadow: 0 8px 6px -6px #2c2c2c;
 +
        top: 1.1vw;
 +
        z-index: 20;
 +
    }
  
         <div class="col-md-12 fadeIn">
+
    .sub {
          <img class="Pop centreimage" width=35% src="https://static.igem.org/mediawiki/2017/a/a6/T--Bristol--NrfTable.png">
+
         font-family: 'Dosis', sans-serif;;
         </div>
+
         font-size: 1.5vw;
        <br>
+
float: left;
        <div class="col-md-12 fadeIn">
+
height: 4.5vw;
          <img class="Pop centreimage" width=50% src="https://static.igem.org/mediawiki/2017/3/3d/T--Bristol--NapTable.png">
+
          
        </div>
+
    }
        <div class="fadeIn col-md-12">
+
          <p class="lead team"><i>*Value obtained is in Paracoccus pantotrophus, E. coli values being absent in the literature</i></p>
+
         </div>
+
  
 +
    .sub a {
 +
        display: block;
 +
        color: white;
 +
        text-align: center;
 +
        padding: 1vw 1.5vw;
 +
        text-decoration: none;
 +
    }
  
        <div class="fadeIn">
+
    .sub a:hover {
          <p class="lead Up"><br>There are a number of factors that could influence the system that we have not incorporated in the model. These include the rate of uptake of nitrate/nitrite into the periplasm by the cells, but E. coli are equipped to do this and we assume
+
        background-color: #410081;
            that this will not be rate limiting. We are also assuming that ammonia produced will diffuse out of the cell and not be toxic; E. coli are tolerant of fairly high ammonia concentrations. If the ammonia did begin to be toxic to the cells, a
+
    }
            future amendment to pod design could be to actively remove ammonia from the bacterial component to be fed into the fuel cell.</p>
+
          <p class="lead Up">The combination of the GRN (giving us enzyme concentrations) and the enzyme kinetics (giving us the rates at which our substrates (nitrite and nitrate) are converted to product (ammonia) provides the information required to establish the capacity
+
            of an E. coli cell to metabolise NOx, i.e. the single cell model.</p>
+
        </div>
+
  
        <h2 class="featurette-heading">Future work</h2>
+
    .active {
         <div class="fadeIn">
+
         background-color: #9055ff;
          <p class="lead Up">In future the single-cell model could be scaled up to a population model, such as Bristol iGEM 2008’s software BSim. Within such an agent-based model, each "agent" would represent a bacterium overexpressing our enzymes, which degrade NOx as
+
    }
            per the enzyme kinetics equations. Rules can be added to each cell to define its viability in the presence of the overexpressed enzymes or of ammonia, as well as longevity and random efficiency.</p>
+
          <p class="lead Up">This population model can be fed with data from the atmospheric model – i.e. accurate NOx concentrations in the city of Bristol - to enable us to simulate the entire system that would be contained within a pod, assessing efficiency, nutrient
+
            requirements and other factors that would influence pod design, such as the necessary size of the pod, as well as the prediction of problems that may arise. This enabled a more realistic simulation of how efficient our pods would be in a real-world
+
            setting.
+
          </p>
+
          <br>
+
        </div>
+
  
         <div class="row align-items-center justify-content-center col-md-12">
+
    .dropdown {
          <div class="col-sm-12 col-md-6 col-lg-6 medal-link Pop">
+
         position: relative;
            <a target="_blank" href="https://static.igem.org/mediawiki/2017/e/eb/T--Bristol--ModellingSupplement.pdf">
+
        display: inline-block;
              <p class="design-button">Modelling Supplement</p>
+
    }
            </a>
+
          </div>
+
        </div>
+
  
        <div class="row fadeIn">
+
    .dropdown-content {
          <div class="col-md-12">
+
        font-family: 'Raleway', sans-serif;;
            <h4>References</h4>
+
        font-size: 1.2vw;
            <p>
+
        display: none;
              1. Lockwood, C. W. J. et al. Resolution of key roles for the distal pocket histidine in cytochrome c nitrite reductases. J. Am. Chem. Soc. 137, 3059–3068 (2015).
+
        position: absolute;
            </p>
+
        top: 4vw;
            <p>
+
        background-color: #2c2c2c;
              2. Gates, A. J., Butler, C. S., Richardson, D. J. & Butt, J. N. Electrocatalytic reduction of nitrate and selenate by NapAB. Biochem. Soc. Trans. 39, 236–42 (2011).
+
        min-width: 10vw;
            </p>
+
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
          </div>
+
         z-index: 1;
         </div>
+
    }
  
      </div>
+
    .dropdown-content a {
     </div>
+
        color: white;
 +
        padding: .6vw .9vw;
 +
        text-decoration: none;
 +
        display: block;
 +
     }
  
     <a name="atmosphericpollutionmodel"></a>
+
     .dropdown-content a:hover {background-color: #474747;}
    <hr class="featurette-divider">
+
    <h2 class="featurette-heading">Atmospheric Modelling</h2>
+
    <div class="row fadeIn">
+
      <div class="col-lg-6 Up">
+
        <h2 class="featurette-heading">Motivation</h2>
+
        <p class="lead">The BREATHE project aims to reduce NOx pollution levels around Bristol and other urban areas by placing pods with genetically engineered E. coli bacteria that convert NOx into Ammonia. In order to make the biggest impact whilst minimising costs
+
          it is crucial to have pods placed in strategic areas of high pollution. To achieve this we have developed a simple atmospheric model to predict the pollution levels in Bristol city.</p>
+
      </div>
+
  
      <div class="col-lg-6 Up">
+
    .dropdown:hover .dropdown-content {display: block;}
        <h2 class="featurette-heading">Aim</h2>
+
        <p class="lead">The aims of this model are:</p>
+
        <p class="lead">
+
          &#8226; Predict levels of NOx pollution to a reasonable accuracy.<br> &#8226; Find areas of high NOx concentration in Bristol City depending on the wind conditions.<br> &#8226; Use real traffic flow and car engine data to generate inputs.<br>          &#8226; Predict the effectiveness of placing Pods in strategic points.
+
        </p>
+
      </div>
+
    </div>
+
  
     <div class="row align-items-center fadeIn">
+
body{
      <div class="col-md-12 Up">
+
        margin:0;
         <h2 class="featurette-heading">Model</h2>
+
     }
         <p class="lead">We need to be able to model the behaviour of NOx molecules in the atmosphere and predict how they propagate over time. The main considerations for the model are to capture the effects caused by wind, diffusion and the sources of NOx pollution.
+
  .h3{
          An appropriate equation for this is the advection-diffusion equation shown here.</p>
+
        color: white;
 +
        font-family: 'Dosis', sans-serif;;
 +
         font-size: 3.7vw;
 +
         position: absolute;
 +
line-height: 2.8vw;
 +
    }
  
         <div style="text-align:center;">
+
  .h4{
          <img src="https://static.igem.org/mediawiki/2017/9/92/T--Bristol--AD-Equation.png" style="height:70px;max-width:100%;">
+
         color: #410081;
        </div>
+
        font-family: 'Dosis', sans-serif;;
 +
        font-size: 2.5vw;
 +
        position: absolute;
 +
line-height: 2.8vw;
 +
    }
 +
    .p{
 +
        color: white;
 +
        font-family: 'Raleway', sans-serif;;
 +
        font-size: 1.5vw;
 +
line-height: 2.8vw;
 +
        z-index: 5;
 +
    }
 +
</style>
 +
</head>
 +
<body >
  
        <p class="lead">where:</p>
+
<div class="menu">
         <p class="lead">
+
         <div class="sub"><a href="https://2018.igem.org/Team:MIT">Home</a></div>
          <ul class="list-group">
+
        <div class="dropdown">
            <li class="list-group-item" style="border:none;">&#8226; f is the concentration of NOx. ug/m&sup2;</li>
+
            <div class="sub"><a href="https://2018.igem.org/Team:MIT/Team">Team</a></div>
            <li class="list-group-item" style="border:none;">&#8226; u is the velocity field. m/s</li>
+
            <div class="dropdown-content">
            <li class="list-group-item" style="border:none;">&#8226; c is the diffusion constant. m&sup2;/s</li>
+
                <a href="https://2018.igem.org/Team:MIT/Team">Team Members</a>
            <li class="list-group-item" style="border:none;">&#8226; S is the source value of the production of NOx. ug/m&sup2;s </li>
+
                <a href="https://2018.igem.org/Team:MIT/Collaborations">Collaborations</a>
          </ul>
+
             </div>
        </p>
+
 
+
        <p class="lead">This is the underlying equation used in the model and is solved numerically by taking a Forward Time Central Space (FTCS) finite difference scheme, derived using a Taylor series expansion. Further details regarding the model and describing how
+
          this equation is derived can be found in the modelling supplement document.</p>
+
        <a href="https://static.igem.org/mediawiki/2017/e/eb/T--Bristol--ModellingSupplement.pdf" target="_blank"><button type="button" class="btn btn-info">Supplement Document</button></a>
+
      </div>
+
 
+
      <div class="col-md-12 Up">
+
        <h2 class="featurette-heading">Parameters</h2>
+
        <p class="lead">In order to run the simulation and achieve realistic results we required real input data and parameters. The diffusion coefficient of NO<sub>2</sub> was used and found to be approximately 1.36&times;10&#8315;&#8309;m&sup2;s&#8315;&sup1; [1]. Realistic
+
          wind conditions in Bristol could be found from the Met Office [2] however, as the weather varies throughout the year in the UK a range of wind conditions could be used.
+
          <br> <br>Data for the NO<sub>2</sub> sources is not something that is available for the entire Bristol city area or for any city as a matter of fact. Therefore, a plan was devised in order to estimate what the rate of pollution production would
+
          be for a given type of road. This was done by aggregating data from different databases together to come up with an approximation. The steps involved are shown in the diagram below.
+
        </p>
+
 
+
        <img src="https://static.igem.org/mediawiki/2017/0/06/T--Bristol--InputData.svg" style="width:100;">
+
      </div>
+
 
+
      <div class="col-md-12">
+
        <h3>Traffic Flow Data</h3>
+
      </div>
+
      <div class="col-md-12">
+
        <p class="lead">Data from the UK Department for Transport on the Annual Average Daily Flow (ADDF) on A roads and Motorways in Bristol City [3] was used to estimate traffic flow statistics. The database consists of actual and estimated data for a large amount
+
          of A Roads/Motorways in Bristol. The data was aggregated into the different road types and their respective means calculated. A histogram showing the distribution of the data and the mean values are shown below.</p>
+
 
+
        <div class="row">
+
          <div class="col-md-6">
+
            <img src="https://static.igem.org/mediawiki/2017/2/21/T--Bristol--avgaroad.svg" style="width:100%;">
+
          </div>
+
          <div class="col-md-6">
+
            <img src="https://static.igem.org/mediawiki/2017/8/85/T--Bristol--avgmroad.svg" style="width:100%;">
+
          </div>
+
          <p class="lead">
+
             <i>Figure 1: Two plots showing the distribution of traffic flow for A Roads (Left) and Motorways(Right) in Bristol City with the mean value shown for both..</i>
+
          </p>
+
 
         </div>
 
         </div>
         <div class="row align-items-center">
+
         <div class="dropdown">
          <div class="col-lg-8">
+
            <div class="sub"><a href="https://2018.igem.org/Team:MIT/Description">Project</a></div>
            <p class="lead">The means were normalised against a 24 hour period and the road distances to get the following values representing the traffic flow for every metre second.</p>
+
            <div class="dropdown-content">
 
+
                <a href="https://2018.igem.org/Team:MIT/Design">Design</a>
          </div>
+
                <a href="https://2018.igem.org/Team:MIT/Results">Results</a>
          <div class="col-lg-4">
+
                 <a href="https://2018.igem.org/Team:MIT/InterLab">InterLab</a>
            <p class="lead">
+
                 <a href="https://2018.igem.org/Team:MIT/Notebook">Notebook</a>
              <i>Table 1: Average traffic flow values based on AADF traffic data for different road types.</i>
+
                 <a href="https://2018.igem.org/Team:MIT/Experiments">Protocols</a>
            </p>
+
                 <a href ="https://2018.igem.org/Team:MIT/Attributions"> Attributions </a>
            <table class="table table-hover table-bristol">
+
             </div>
              <thead class="thead-inverse table-striped">
+
                 <tr>
+
                  <th>Road Type</th>
+
                  <th>Average Traffic Flow (1/ms) 1&times;10&#8315;&sup3;</th>
+
                </tr>
+
              </thead>
+
              <tbody>
+
                 <tr>
+
                  <th scope="row">Motorway</th>
+
                  <td>1.0436</td>
+
                </tr>
+
              </tbody>
+
              <tbody>
+
                 <tr>
+
                  <th scope="row">A Road</th>
+
                  <td>0.4891</td>
+
                </tr>
+
              </tbody>
+
              <tbody>
+
                 <tr>
+
                  <th scope="row">&#42;B Road</th>
+
                  <td>0.2445</td>
+
                </tr>
+
              </tbody>
+
             </table>
+
          </div>
+
 
         </div>
 
         </div>
         <i><p class="lead">&#42;No data was available for B Roads in Bristol and so it was grossly assumed that it would be half of an A road traffic flow.</p></i>
+
         <div class="dropdown">
      </div>
+
            <div class="sub"><a href="https://2018.igem.org/Team:MIT/Parts">Parts</a></div>
 
+
             <div class="dropdown-content">
      <div class="col-md-12">
+
                <a href="https://2018.igem.org/Team:MIT/Basic_Part">Basic Parts</a>
        <h3>Petrol to Diesel Ratio</h3>
+
                <a href="https://2018.igem.org/Team:MIT/Composite_Part">Composite Parts</a>
      </div>
+
             </div>
      <div class="col-lg-8">
+
        <p class="lead">NOx pollution varies dramatically between petrol and diesel with the latter being the bigger source of pollution. In order to account for this it was important to get data regarding the distribution of different car fuel types currently being
+
          used in the UK. This data came from UK Department for Transport Vehicle Licensing Statistics [4] on the car fuel type distribution for the UK.</p>
+
        <p class="lead">The database included data for Gas, Hybrid, Electric and Other vehicle fuel types. Because these were in such small percentages, some of which don't produce NOx pollution, so they were ignored in the simulation.</p>
+
      </div>
+
      <div class="col-lg-4">
+
        <p class="lead">
+
          <i>Table 2: Percentage of UK cars based on engine fuel type.</i>
+
        </p>
+
        <table class="table table-hover table-bristol">
+
          <thead class="thead-inverse table-striped">
+
            <tr>
+
              <th>Fuel Type</th>
+
              <th>Percentage of UK cars</th>
+
            </tr>
+
          </thead>
+
          <tbody>
+
            <tr>
+
              <th scope="row">Petrol</th>
+
              <td>59.7</td>
+
            </tr>
+
          </tbody>
+
          <tbody>
+
            <tr>
+
              <th scope="row">Diesel</th>
+
              <td>39.1</td>
+
            </tr>
+
          </tbody>
+
          <tbody>
+
            <tr>
+
              <th scope="row">Gas</th>
+
              <td>1.0</td>
+
             </tr>
+
          </tbody>
+
          <tbody>
+
            <tr>
+
              <th scope="row">Electric</th>
+
              <td>0.1</td>
+
            </tr>
+
          </tbody>
+
          <tbody>
+
            <tr>
+
              <th scope="row">Other</th>
+
              <td>0.1</td>
+
            </tr>
+
          </tbody>
+
        </table>
+
      </div>
+
 
+
      <div class="col-md-12">
+
        <h3>Engine Pollution Statistics</h3>
+
      </div>
+
 
+
      <div class="col-md-12">
+
        <p class="lead">Data was required in order to quantify how much NOx pollution one car emits. This data was available from the UK Department for Environment, Food &amp; Rural Affairs [5].
+
        </p>
+
        <p class="lead">
+
          Engines have improved over the years and produce less and less pollutants with each new generation. As it was not possible to get data regarding the distribution of emission standards for all the cars in the UK, it was assumed all cars emit at the level
+
          of the Euro IV standard.
+
        </p>
+
      </div>
+
      <div class="col-md-12">
+
        <p class="lead">
+
          <i>Table 3: Car NO<sub>2</sub> emission levels based on fuel type and engine emissions standard for different environmental areas.</i>
+
        </p>
+
        <table class="table table-hover table-bristol">
+
          <thead class="thead-inverse">
+
            <tr>
+
              <th>gNOx/km</th>
+
              <th>Emissions Standard</th>
+
              <th>Urban</th>
+
              <th>Rural</th>
+
              <th>Motorway</th>
+
            </tr>
+
          </thead>
+
          <tbody>
+
            <tr>
+
              <th>Petrol</th>
+
              <td>Euro I</td>
+
              <td>0.257</td>
+
              <td>0.368</td>
+
              <td>0.663</td>
+
            </tr>
+
          </tbody>
+
          <tbody>
+
            <tr>
+
              <th>Petrol</th>
+
              <td>Euro II</td>
+
              <td>0.229</td>
+
              <td>0.245</td>
+
              <td>0.370</td>
+
            </tr>
+
          </tbody>
+
          <tbody>
+
            <tr>
+
              <th>Petrol</th>
+
              <td>Euro III</td>
+
              <td>0.137</td>
+
              <td>0.147</td>
+
              <td>0.222</td>
+
            </tr>
+
          </tbody>
+
          <tbody>
+
            <tr>
+
              <th>Petrol</th>
+
              <td><b>Euro IV</b></td>
+
              <td><b>0.073</b></td>
+
              <td><b>0.078</b></td>
+
              <td><b>0.118</b></td>
+
            </tr>
+
          </tbody>
+
          <tbody>
+
            <tr>
+
              <th>Diesel</th>
+
              <td>Euro I</td>
+
              <td>0.537</td>
+
              <td>0.465</td>
+
              <td>0.693</td>
+
            </tr>
+
          </tbody>
+
          <tbody>
+
            <tr>
+
              <th>Diesel</th>
+
              <td>Euro II</td>
+
              <td>0.547</td>
+
              <td>0.505</td>
+
              <td>0.815</td>
+
            </tr>
+
          </tbody>
+
          <tbody>
+
            <tr>
+
              <th>Diesel</th>
+
              <td>Euro III</td>
+
              <td>0.547</td>
+
              <td>0.505</td>
+
              <td>0.815</td>
+
            </tr>
+
          </tbody>
+
          <tbody>
+
            <tr>
+
              <th>Diesel</th>
+
              <td><b>Euro IV</b></td>
+
              <td><b>0.273</b></td>
+
              <td><b>0.253</b></td>
+
              <td><b>0.407</b></td>
+
            </tr>
+
          </tbody>
+
        </table>
+
      </div>
+
 
+
      <div class="col-md-12">
+
        <h3>Ordnance Survey Maps of Bristol</h3>
+
      </div>
+
 
+
      <div class="col-md-12">
+
        <p class="lead">An important part of the simulation is knowing where to place the source values. This was calculated by obtaining shapefile data from the Ordnance Survey (OS) [6] for all the roads in Bristol and converting it to a set of grid points using the
+
          Bresenham’s line algorithm.
+
        </p>
+
        <p class="lead">
+
          This presented itself with the issue that the traffic flow data and engine pollution statistics don’t match directly to all the road types given in the OS road data. The data was matched depending on which data was the most relevant and are shown in the
+
          table below along with the calculated source values.
+
        </p>
+
        <div class="col-md-12">
+
          <p class="lead">
+
            <i>Table 4: Calculated source values for different OS road types based on other aggregated pollution and traffic data.</i>
+
          </p>
+
          <table class="table table-hover table-bristol">
+
            <thead class="thead-inverse">
+
              <tr>
+
                <th>OS Road Type</th>
+
                <th>Average No. Cars [1/ms 1&times;10&#8315;&sup3;]</th>
+
                <th>Engine Emissions Environment (Petrol/Diesel) [&micro;g/m]</th>
+
                <th>Source Value [&micro;g/m&sup2;s]</th>
+
              </tr>
+
            </thead>
+
            <tbody>
+
              <tr>
+
                <th>A Road</th>
+
                <td>0.4891</td>
+
                <td>0.078 / 0.253</td>
+
                <td>0.2360</td>
+
              </tr>
+
             </tbody>
+
            <tbody>
+
              <tr>
+
                <th>B Road</th>
+
                <td>0.2445</td>
+
                <td>0.073 / 0.273</td>
+
                <td>0.0791</td>
+
              </tr>
+
            </tbody>
+
            <tbody>
+
              <tr>
+
                <th>Local Street</th>
+
                <td>0.2445</td>
+
                <td>0.073 / 0.273</td>
+
                <td>0.0791</td>
+
              </tr>
+
            </tbody>
+
            <tbody>
+
              <tr>
+
                <th>Minor Road</th>
+
                <td>0.2445</td>
+
                <td>0.073 / 0.273</td>
+
                <td>0.0791</td>
+
              </tr>
+
            </tbody>
+
            <tbody>
+
              <tr>
+
                <th>Motorway</th>
+
                <td>1.0436</td>
+
                <td>0.078 / 0.253</td>
+
                <td>0.5036</td>
+
              </tr>
+
            </tbody>
+
            <tbody>
+
              <tr>
+
                <th>Pedestrianised</th>
+
                <td>0</td>
+
                <td>0</td>
+
                <td>0</td>
+
              </tr>
+
            </tbody>
+
            <tbody>
+
              <tr>
+
                <th>Primary Road</th>
+
                <td>1.0436</td>
+
                <td>0.078 / 0.253</td>
+
                <td>0.5036</td>
+
              </tr>
+
            </tbody>
+
            <tbody>
+
              <tr>
+
                <th>Private Road</th>
+
                <td>0</td>
+
                <td>0</td>
+
                <td>0</td>
+
              </tr>
+
            </tbody>
+
          </table>
+
 
         </div>
 
         </div>
      </div>
+
        <div class="sub"><a class="active" href="https://2018.igem.org/Team:MIT/Safety">Safety</a></div>
 
+
         <div class="dropdown">
      <div class="col-md-12">
+
            <div class="sub"><a href="https://2018.igem.org/Team:MIT/Human_Practices">Human Practices</a></div>
        <h3>Calculating Source Values</h3>
+
            <div class="dropdown-content">
         <p class="lead">To calculate the rate of change of NOx concentration for a given road type an empirical formula was created based on the data gathered that satisfies dimensional homogeneity:
+
                <a href="https://2018.igem.org/Team:MIT/Human_Practices">Integrated Human Practices</a>
        </p>
+
                <a href="https://2018.igem.org/Team:MIT/Public_Engagement">Public Engagement</a>
        <div style="text-align:center;">
+
            </div>
          <img src="https://static.igem.org/mediawiki/2017/e/eb/T--Bristol--Source-Equation.png" style="height:70px;max-width:100%;">
+
 
         </div>
 
         </div>
      </div>
+
        <div class="sub"><a href="https://2018.igem.org/Team:MIT/Model">Model</a></div>
 +
    </div>
  
      <div class="col-md-12 Up">
 
        <h2 class="featurette-heading">Assumptions</h2>
 
        <p class="lead">As with any modelling there are some assumptions made:</p>
 
  
        <p class="lead">
+
<div class="h3"style="position: absolute; top: 7vw; left: 2vw; margin-right: 4vw;">
          &#8226; Although NO and NO<sub>2</sub> are unstable, this instability mostly arises from them switching between each other through atmospheric processes therefore, together they can be considered mostly stable.
+
Safety
          <br> &#8226; Highly diffusive effects of turbulence are ignored.
+
</div>
          <br> &#8226; There are no viscous effects experienced by NOx gases when travelling through the atmosphere.
+
          <br> &#8226; Modelling the canopy above the streets as complex flows at street level are hard and expensive to model.
+
          <br> &#8226; All engine emissions are similar to that of the Euro IV standard.
+
          <br> &#8226; B Roads in Bristol see on average half as much traffic as A roads.
+
        </p>
+
  
      </div>
+
<div class="h4"style="position: absolute; top: 11vw; left: 2vw; margin-right: 4vw;">
 +
Safe Project Design
 +
</div>
  
      <div class="col-md-12">
+
<div class="p" style="position: absolute; top: 14vw; left: 2vw; margin-right: 4vw;">
        <h2 class="featurette-heading">Results</h2>
+
In our project we are using HEK293 Cells which are a well documented line of cells that the team has been trained to handle properly. We are also using Streptococcus Mutans UA159, which is a strain of bacteria that is commonly found in the mouth. This strain of bacteria poses little to no threat to those that it could come in contact with unless they are immunocompromised. We also are not changing the S.Mutans’ DNA in any way to give them antibiotic resistance due to the chance that it could get out of the lab and cause harm to the environment.
      </div>
+
</div>
  
      <div class="col-md-12">
+
<div class="h4"style="position: absolute; top: 29vw; left: 2vw; margin-right: 4vw;">
        <p class="lead">The simulation was computationally expensive to run due to the small resolution used to capture road details whilst looking at an entire city area. In the end the simulation was only run for a zoomed in section of the city center. Five runs were
+
Safe Lab Work
          completed in total with varying wind speeds and directions and the results of the simulations are shown below. Surrounding building, roads, and rovers were included in the background of the plot to give those unfamiliar with Bristol an idea
+
</div>
          of how the pollution looks over the city area.</p>
+
      </div>
+
  
      <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
 
        <div class="carousel-inner" role="listbox">
 
          <div class="carousel-item active">
 
            <img class="d-block img-fluid" src="https://static.igem.org/mediawiki/2017/4/4d/T--Bristol--atmomodelresult1.png" style="width:100%;">
 
          </div>
 
          <div class="carousel-item">
 
            <img class="d-block img-fluid" src="https://static.igem.org/mediawiki/2017/e/e4/T--Bristol--atmomodelresult2.png" style="width:100%;">
 
          </div>
 
          <div class="carousel-item">
 
            <img class="d-block img-fluid" src="https://static.igem.org/mediawiki/2017/5/5c/T--Bristol--atmomodelresult3.png" style="width:100%;">
 
          </div>
 
          <div class="carousel-item">
 
            <img class="d-block img-fluid" src="https://static.igem.org/mediawiki/2017/0/06/T--Bristol--atmomodelresult4.png" style="width:100%;">
 
          </div>
 
          <div class="carousel-item">
 
            <img class="d-block img-fluid" src="https://static.igem.org/mediawiki/2017/9/9c/T--Bristol--atmomodelresult5.png" style="width:100%;">
 
          </div>
 
        </div>
 
        <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
 
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
 
          <span class="sr-only">Previous</span>
 
        </a>
 
        <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
 
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
 
          <span class="sr-only">Next</span>
 
        </a>
 
      </div>
 
      <p class="lead">
 
        <i>Figures 4, 5, 6, 7, 8: Five plots showing the NOx concentration levels around the city of Bristol for winds varying from 5-15mph in varying directions.</i>
 
      </p>
 
  
      <div class="col-md-12 Up">
+
<div class="p" style="position: absolute; top: 32vw; left: 2vw; margin-right: 4vw;">
        <h2 class="featurette-heading">Conclusion</h2>
+
In our lab we consistently used proper PPE depending on what materials we were working with. Every team member was also required to go through lab specific trainings to be allowed to work with anything in the lab, and some of the team members were trained separately to deal with the s.mutans in the lab. While using the S.mutans we had a different set of procedures due to the bacteria’s vulnerability to contamination. This made it so that we used multiple sets of gloves during our experiments and also used a bunsen burner to decrease the likelihood of contamination.  
      </div>
+
</div>
      <div class="col-md-12">
+
        <p class="lead">The simple advection diffusion equation captures the plume behaviour of the pollution adequately, as it is progated across the city. Currently there are no citywide NOx measurements to compare this data with but, there are a couple air quality
+
          measurement stations in Bristol. Overall the results from the atmospheric modelling were surprising, with the level of NOx concentrations being similar to levels recorded at the Bristol, St. Pauls measuring station [7]. The concentrations are
+
          still on the low side with only some areas reaching the levels that have been recorded previously in Bristol. It can be seen that the pollution builds up when there are many neighbouring roads. This means that NOx concentrations from outside
+
          the computation area is being neglected and the calculated levels are going to be lower that they should be.</p>
+
        <p class="lead">The diffusion coefficient caused a lot of issues regarding the stability of the numerical solution therefore, the timestep and change in distances had to be altered to provide stability at the loss of smoothness in the solution.</p>
+
      </div>
+
 
+
      <div class="col-md-12">
+
        <p class="lead">The model was able to satisfy most of the original aims set out in the beginning. The NOx levels were predicted to within a reasonable accuracy compared to measured data. Real traffic data along with engine emissions data were used to create succesful
+
          estimates of the source values used in the simulation inputs. Results also show areas of high NOx concentrations depending on the wind conditions which can be used to strategically place pods with the aim of reducing pollution. We were not able
+
          to assess the impact our pods would have in removing pollution. This was due to not having sufficient modelling and lab data to accurately predict how much the pods would clean up.</p>
+
      </div>
+
 
+
      <div class="col-md-12">
+
        <p class="lead">In going forward with these results there are a couple of things we would like to address in the future. The most important is getting data for our pods and inputting it into the simulation so we can build a picture of how effective these pods
+
          will be once placed in strategic areas. In order to create a more accurate model it would be good to refine the data used to create the source values. Instead of generalising the traffic data it would be better to apply it to each individual
+
          road seperately. As well as having a distribution of different engines with different emissions standards instead of solely choosing the Euro IV standard. This would require a lot more time and data processing which is why it was not covered
+
          during this project. Lastly the computational area needs to be increased to capture the entire Bristol area. This will require more computing power or the grid resolution will have to be lowered in order to run the simulation in a reasonable
+
          amount of time.</p>
+
      </div>
+
 
+
    </div>
+
 
+
    <div class="row fadeIn">
+
      <div class="col-md-12">
+
        <h4>References</h4>
+
        <p>
+
          1. Cape, J. N., Review of the use of passive diffusion tubes for measuring concentrations of nitrogen dioxide in air. <a href="https://uk-air.defra.gov.uk/assets/documents/reports/cat05/0810141025_NO2_review.pdf">Retrieved from</a> [accessed
+
          01/11/2017].
+
        </p>
+
        <p>
+
          2. Met Office., UK Weather Forecasts <a href="https://www.metoffice.gov.uk/public/weather/forecast/gcnhtnumz">Retrieved from</a> [accessed 01/11/2017]
+
        </p>
+
        <p>
+
          3. Department for Transport., Traffic Data, Annual Average Daily Flows <a href="https://www.dft.gov.uk/traffic-counts/cp.php?la=Bristol%2C+City+of">Retrieved from</a> [accessed 01/11/2017]
+
        </p>
+
        <p>
+
          4. Department for Transport., Licensed cars by propulsion or fuel type: Great Britain and United Kingdom <a href="https://www.dft.gov.uk/traffic-counts/cp.php?la=Bristol%2C+City+of">Retrieved from</a> [accessed 01/11/2017]
+
        </p>
+
        <p>
+
          5. UK Department for Environment, Food &amp; Rural Affairs., Nitrogen Dioxide in the UK, Chapter 2, p[40-41] <a href="https://www.dft.gov.uk/traffic-counts/cp.php?la=Bristol%2C+City+of">Retrieved from</a> [accessed 01/11/2017]
+
        </p>
+
        <p>
+
          6. Ordnance Survey., CDRC 2015 OS Geodata Pack - Bristol, City of (E06000023).
+
        </p>
+
        <p>
+
          7. OpenAQ., The Open Source Air Quality database., <a href="https://openaq.org/">Retrieved from</a> [accessed 01/11/2017]
+
        </p>
+
      </div>
+
    </div>
+
  </div>
+
 
+
</body>
+
 
+
</html>
+
{{Bristol/footer}}
+
 
</html>
 
</html>
 +
{{Template:IIT_Kanpur/Footer}}

Latest revision as of 17:11, 17 October 2018

Safety
Safe Project Design
In our project we are using HEK293 Cells which are a well documented line of cells that the team has been trained to handle properly. We are also using Streptococcus Mutans UA159, which is a strain of bacteria that is commonly found in the mouth. This strain of bacteria poses little to no threat to those that it could come in contact with unless they are immunocompromised. We also are not changing the S.Mutans’ DNA in any way to give them antibiotic resistance due to the chance that it could get out of the lab and cause harm to the environment.
Safe Lab Work
In our lab we consistently used proper PPE depending on what materials we were working with. Every team member was also required to go through lab specific trainings to be allowed to work with anything in the lab, and some of the team members were trained separately to deal with the s.mutans in the lab. While using the S.mutans we had a different set of procedures due to the bacteria’s vulnerability to contamination. This made it so that we used multiple sets of gloves during our experiments and also used a bunsen burner to decrease the likelihood of contamination.