Difference between revisions of "Team:MIT/Description"

 
(44 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
 
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 
    <link href="https://fonts.googleapis.com/css?family=Dosis|Raleway" rel="stylesheet">
 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
 
      
 
      
 
     <style type="text/css">
 
     <style type="text/css">
 +
 +
 +
 +
/*GOOGLE FONTS*/
 +
/*GOOGLE FONTS*/
 +
 +
/* 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;
 +
}
 +
 +
/* latin */
 +
@font-face {
 +
  font-family: 'Raleway';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Raleway'), local('Raleway-Regular'),  url(https://static.igem.org/mediawiki/2018/5/59/T--MIT--raleway2.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;
 +
}
 +
 +
/* W3.CSS 4.10 February 2018 by Jan Egil and Borge Refsnes */
 +
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}
 +
 +
 +
 +
 +
 +
 
           #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, #sideMenu, #menubar, .logo_2017, .printfooter, .firstHeading,.visualClear {
 
           #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, #sideMenu, #menubar, .logo_2017, .printfooter, .firstHeading,.visualClear {
 
               display: none;
 
               display: none;
Line 14: Line 271:
 
           #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 
           #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 
               border: 0 none;
 
               border: 0 none;
               height: 20px;
+
               height: 3vw;
 
               z-index: 100;
 
               z-index: 100;
 
               top: 0;
 
               top: 0;
Line 133: Line 390:
 
     }
 
     }
  
     .h1{
+
     .h3{
 
         color: white;
 
         color: white;
 
         font-family: 'Dosis', sans-serif;;
 
         font-family: 'Dosis', sans-serif;;
Line 193: Line 450:
 
     .icon3{}
 
     .icon3{}
 
     .icon4{}
 
     .icon4{}
     .icon5{}
+
     .icon5{
 +
    width: 28vw;
 +
}
 
     .icon2:hover{
 
     .icon2:hover{
 
         width: 7.2vw;
 
         width: 7.2vw;
Line 201: Line 460:
 
     }
 
     }
 
     .icon4:hover{
 
     .icon4:hover{
         width: 4.7vw;
+
         width: 17vw;
 
     }
 
     }
 
     .icon5:hover{
 
     .icon5:hover{
         width: 25vw;
+
         width: 30.5vw;
 
     }
 
     }
  footer{
+
.footer{
        color: #410081 ;
+
color: white;
 
         font-family: 'Raleway', sans-serif;;
 
         font-family: 'Raleway', sans-serif;;
 
         font-size: 1.2vw;
 
         font-size: 1.2vw;
        position: absolute;
+
line-height: 2.2vw;
        z-index: 8;
+
}
        position: absolute;
+
        top: 298vw;
+
        left: 2vw;
+
        }
+
  
 
     </style>
 
     </style>
Line 225: Line 480:
 
<body>
 
<body>
  
     <img class="bg" src="https://static.igem.org/mediawiki/2018/f/f2/T--MIT--MITteamH1.png" style="width:100%;">
+
     <img class="bg" src="https://static.igem.org/mediawiki/2018/4/44/T--MIT--MITprjdescbg.png" style="width:100%;">
  
  
 
<div class="menu">
 
<div class="menu">
         <div class="sub"><a class="active" href="#home">Home</a></div>
+
         <div class="sub"><a href="https://2018.igem.org/Team:MIT">Home</a></div>
 
         <div class="dropdown">
 
         <div class="dropdown">
 
             <div class="sub"><a href="https://2018.igem.org/Team:MIT/Team">Team</a></div>
 
             <div class="sub"><a href="https://2018.igem.org/Team:MIT/Team">Team</a></div>
 
             <div class="dropdown-content">
 
             <div class="dropdown-content">
 
                 <a href="https://2018.igem.org/Team:MIT/Team">Team Members</a>
 
                 <a href="https://2018.igem.org/Team:MIT/Team">Team Members</a>
                 <a href="#">Collaborations</a>
+
                 <a href="https://2018.igem.org/Team:MIT/Collaborations">Collaborations</a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
         <div class="dropdown">
 
         <div class="dropdown">
             <div class="sub"><a href="#project">Project</a></div>
+
             <div class="sub"><a class="active" href="https://2018.igem.org/Team:MIT/Description">Project</a></div>
 
             <div class="dropdown-content">
 
             <div class="dropdown-content">
                 <a href="#">Sensing</a>
+
                 <a href="https://2018.igem.org/Team:MIT/Design">Design</a>
                 <a href="#">Output</a>
+
                 <a href="https://2018.igem.org/Team:MIT/Results">Results</a>
                 <a href="#">Biofilm Assays</a>
+
                 <a href="https://2018.igem.org/Team:MIT/InterLab">InterLab</a>
 +
                <a href="https://2018.igem.org/Team:MIT/Notebook">Notebook</a>
 +
                <a href="https://2018.igem.org/Team:MIT/Experiments">Protocols</a>
 +
                <a href ="https://2018.igem.org/Team:MIT/Attributions"> Attributions </a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
         <div class="dropdown">
 
         <div class="dropdown">
             <div class="sub"><a href="#project">Parts</a></div>
+
             <div class="sub"><a href="https://2018.igem.org/Team:MIT/Parts">Parts</a></div>
 
             <div class="dropdown-content">
 
             <div class="dropdown-content">
                 <a href="#">Basic Parts</a>
+
                 <a href="https://2018.igem.org/Team:MIT/Basic_Part">Basic Parts</a>
                 <a href="#">Composite Parts</a>
+
                 <a href="https://2018.igem.org/Team:MIT/Composite_Part">Composite Parts</a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
         <div class="sub"><a href="#safety">Safety</a></div>
+
         <div class="sub"><a href="https://2018.igem.org/Team:MIT/Safety">Safety</a></div>
 
         <div class="dropdown">
 
         <div class="dropdown">
             <div class="sub"><a href="#project">Human Practices</a></div>
+
             <div class="sub"><a href="https://2018.igem.org/Team:MIT/Human_Practices">Human Practices</a></div>
 
             <div class="dropdown-content">
 
             <div class="dropdown-content">
                 <a href="#">Integrated Human Practices</a>
+
                 <a href="https://2018.igem.org/Team:MIT/Human_Practices">Integrated Human Practices</a>
                 <a href="#">Public Engagement</a>
+
                 <a href="https://2018.igem.org/Team:MIT/Public_Engagement">Public Engagement</a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
         <div class="sub"><a href="#awards">Awards</a></div>
+
         <div class="sub"><a href="https://2018.igem.org/Team:MIT/Model">Model</a></div>
 
     </div>
 
     </div>
  
 
+
     <div class="h3" style="position: absolute; top: 5vw; left: 40vw;">Background</div>
     <div class="h1" style="position: absolute; top: 5vw; left: 40vw;">Background</div>
+
 
     <div class ="p1" style="position: absolute; top: 13vw; left: 5vw;">
 
     <div class ="p1" style="position: absolute; top: 13vw; left: 5vw;">
 
         As a chronic but non-lethal condition, dental caries are often overlooked as a target for modern therapeutics, and the quality of
 
         As a chronic but non-lethal condition, dental caries are often overlooked as a target for modern therapeutics, and the quality of
Line 274: Line 531:
 
     cuts off the bacteria's access to oxygen, thereby forcing them to revert to anaerobic respiration. Lactic acid is released as a
 
     cuts off the bacteria's access to oxygen, thereby forcing them to revert to anaerobic respiration. Lactic acid is released as a
 
     byproduct of bacterial respiration, and leads to demineralization of the enamel and cavity formation. </div>
 
     byproduct of bacterial respiration, and leads to demineralization of the enamel and cavity formation. </div>
     <div class="h1" style="position: absolute; top: 59vw; left: 38vw;">Biofilm Formation</div>
+
     <div class="h3" style="position: absolute; top: 59vw; left: 38vw;">Biofilm Formation</div>
 
     <div class="p1" style="position: absolute; top: 67vw; left: 5vw; ">
 
     <div class="p1" style="position: absolute; top: 67vw; left: 5vw; ">
  
Line 293: Line 550:
 
         initiate the formation of dental plaque. The pathway through which the cells sense and respond to CSP is referred to the ComCDE pathway. </div>
 
         initiate the formation of dental plaque. The pathway through which the cells sense and respond to CSP is referred to the ComCDE pathway. </div>
  
     <div class="h1" style="color: #410081; position: absolute; top: 120vw; left: 48vw;">Quorum Sensing in <i>S. mutans</i> </div>
+
     <div class="h3" style="color: #410081; position: absolute; top: 120vw; left: 48vw;">Quorum Sensing in <i>S. mutans</i> </div>
  
 
     <div class="dropdown1">
 
     <div class="dropdown1">
     <img class="icon" src="https://static.igem.org/mediawiki/2018/b/bd/T--MIT--MITteamH2.png" style="position: absolute; top: 127vw; left: 14.5vw;">
+
     <img class="icon" src="https://static.igem.org/mediawiki/2018/b/bd/T--MIT--MITteamH2.png" style="position: absolute; top: 125vw; left: 15.25vw;">
 
         <div class="dropdown-content1">
 
         <div class="dropdown-content1">
 
         <div class="p2" style="position: absolute; top: 130vw; left: 42vw;">Competence Stimulating Peptide (CSP)
 
         <div class="p2" style="position: absolute; top: 130vw; left: 42vw;">Competence Stimulating Peptide (CSP)
 
         <p></p>
 
         <p></p>
         Small peptide communication signal produced by <i>S. mutans</i> in quorum sensing.
+
         CSP is an 18 amino acid long peptide that binds specifically to ComD, leading to activation of the TCS pathway.  
            <p> </p>
+
 
+
            THIS SECTION IS STILL IN PROGRESS! WAITING ON FORMAL TEXT FROM SENSING TEAM :)
+
  
 
         </div>
 
         </div>
Line 310: Line 564:
  
 
     <div class="dropdown1">
 
     <div class="dropdown1">
         <img class="icon2" src="https://static.igem.org/mediawiki/2018/3/30/T--MIT--MITteamH3.png" style="position: absolute; top: 133vw; left: 13vw;">
+
         <img class="icon2" src="https://static.igem.org/mediawiki/2018/3/30/T--MIT--MITteamH3.png" style="position: absolute; top: 130vw; left: 14vw;">
 
         <div class="dropdown-content1">
 
         <div class="dropdown-content1">
 
             <div class="p2" style="position: absolute; top: 130vw; left: 42vw;">ComD
 
             <div class="p2" style="position: absolute; top: 130vw; left: 42vw;">ComD
 
                 <p></p>
 
                 <p></p>
                 ComD: Receptor of CSP
+
                 ComD is the transmembrane histidine kinase receptor and homo-dimeric protein. It has 6 transmembrane segments with three extracellular loops and 1 intracellular kinase domain.<sup>1</sup> ComD sense the S.mutans density based on the concentration of CSP (competence signaling peptide) that S.mutans population secrets into the environment. When CSP gets to a critical concentration, ComD trans-autophosphorylates between two dimer’s kinase domain histidine and then transfers the phosphate group from histidine to an aspartic acid on ComE (the response regulator protein).<sup>2</sup>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 320: Line 574:
  
 
     <div class="dropdown1">
 
     <div class="dropdown1">
        <img class="icon3" src="https://static.igem.org/mediawiki/2018/2/24/T--MIT--MITteamH4.png" style="position: absolute; top: 149vw; left: 26vw;">
+
         <img class="icon4" src="https://static.igem.org/mediawiki/2018/e/e1/T--MIT--MITprjRR.png" style="position: absolute; top: 148vw; left: 11vw;">
        <div class="dropdown-content1">
+
            <div class="p2" style="position: absolute; top: 130vw; left: 42vw;">Phosphorylation
+
                <p></p>
+
                ComD phosphorylates the response regulator
+
            </div>
+
        </div>
+
    </div>
+
 
+
    <div class="dropdown1">
+
         <img class="icon4" src="https://static.igem.org/mediawiki/2018/8/8f/T--MIT--MITteamH5.png" style="position: absolute; top: 152vw; left: 14.7vw;">
+
 
         <div class="dropdown-content1">
 
         <div class="dropdown-content1">
 
             <div class="p2" style="position: absolute; top: 130vw; left: 42vw;">ComE
 
             <div class="p2" style="position: absolute; top: 130vw; left: 42vw;">ComE
 
                 <p></p>
 
                 <p></p>
                 ComE: Response Regulator
+
                 ComE is the response regulator protein of the TCS pathway. When ComD is activated by CSP binding, a phosphate group is transferred from ComD to ComE. This phosphorylation activates ComE, enabling it to drive a ComE specific promoter. The phosphorylation likely contributes to ComE activation by enabling oligomerization of the protein, which may assist in facilitating DNA binding activity or DNA bending to allow access to RNA polymerase.<sup>3,4</sup>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 340: Line 584:
  
 
     <div class="dropdown1">
 
     <div class="dropdown1">
         <img class="icon5" src="https://static.igem.org/mediawiki/2018/0/00/T--MIT--MITteamH6.png" style="position: absolute; top: 166vw; left: 7vw;">
+
         <img class="icon5" src="https://static.igem.org/mediawiki/2018/a/a8/T--MIT--MITprjDna.png" style="position: absolute; top: 162vw; left: 6vw;">
 
         <div class="dropdown-content1">
 
         <div class="dropdown-content1">
 
             <div class="p2" style="position: absolute; top: 130vw; left: 42vw;">Genetic Response
 
             <div class="p2" style="position: absolute; top: 130vw; left: 42vw;">Genetic Response
 
                 <p></p>
 
                 <p></p>
                 Response regulator binds to and activates transcription of pro-biofilm genes
+
                 In S.mutans, comE binds to multiple genes that are involved in genetic competence development, biofilm formation, and bacteriocin secretion.<sup>5</sup>Among the downstream genes of comE, gtfC is one of the proteins that is involved in biofilm formation by catalyzing the reaction that transforms glucose to adhesive glucan.
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
  
     <div class="p3" style="position: absolute; top: 174vw; left: 1vw;"><i>(hover over each element to learn about its role)</i></div>
+
     <div class="p3" style="position: absolute; top: 176vw; left: 3vw;"><i>(hover over each element to learn about its role)</i></div>
  
 
     <img src="https://static.igem.org/mediawiki/2018/0/0c/T--MIT--MITteamH7.png" style="position: absolute; top: 183vw; left: 45vw; width:50vw; ">
 
     <img src="https://static.igem.org/mediawiki/2018/0/0c/T--MIT--MITteamH7.png" style="position: absolute; top: 183vw; left: 45vw; width:50vw; ">
  
     <div class="h1" style="position: absolute; top: 180vw; left: 5vw;">Our Synthetic Circuit</div>
+
     <div class="h3" style="position: absolute; top: 181vw; left: 5vw;">Our Synthetic Circuit</div>
     <div class="p1" style="position: absolute; top: 188vw; left: 5vw; margin-right: 58vw;">
+
     <div class="p1" style="position: absolute; top: 186vw; left: 5vw; margin-right: 58vw;">
 
         Our goal is to port the ComCDE system into Human Embryonic Kidney (HEK) cells. This would allow our engineered cells
 
         Our goal is to port the ComCDE system into Human Embryonic Kidney (HEK) cells. This would allow our engineered cells
 
         to sense the presence of CSP and therefore detect when biofilm formation is about to occur. ComD and ComE will be
 
         to sense the presence of CSP and therefore detect when biofilm formation is about to occur. ComD and ComE will be
Line 361: Line 605:
 
     </div>
 
     </div>
  
     <div class="h1" style="position: absolute; top: 222vw; left: 5vw;">Outputs</div>
+
     <div class="h3" style="position: absolute; top: 222vw; left: 5vw;">Output</div>
     <div class="p1" style="position: absolute; top: 230vw; left: 5vw; margin-right: 5vw;">
+
     <div class="p1" style="position: absolute; top: 228vw; left: 5vw; margin-right: 5vw;">
 
         Upon activation of our biofilm-sensing system, our cells will output proteins that have been shown to
 
         Upon activation of our biofilm-sensing system, our cells will output proteins that have been shown to
 
         reduce the biofilm-forming capabilities of <i>S. mutans</i>.
 
         reduce the biofilm-forming capabilities of <i>S. mutans</i>.
 
     </div>
 
     </div>
  
     <div class="p1" style="position: absolute; top: 255vw; left: 5vw; margin-right: 5vw;">
+
     <div class="p2" style="position: absolute; top: 247vw; left: 5vw; margin-right: 5vw;">
         Our first protein is kappa casein, a protein derived from bovine milk. It interferes with the adhesive power of the
+
         Our actuation protein of choice is kappa casein, a protein derived from bovine milk. It interferes with the adhesive power of the
         glucans post synthesis through a combination of hydrophilicity and negative charge (Vacca-Smith, 1994).
+
         glucans post synthesis through a combination of hydrophilicity and negative charge.<sup>6</sup>
 
     </div>
 
     </div>
  
    <div class="p1" style="position: absolute; top: 280vw; left: 5vw; margin-right: 5vw;">
+
<div class="footer" style="position: absolute; top: 258vw; left: 2vw; margin-right: 4vw;">
        Our second option is using Single Chain Variable Fragments (ScFv's), which are comprised of the variable fragments of
+
References:
        monoclonal antibodies joined by a short peptide linker. Our two ScFv's, P126 and P136, bind to the N and C termini of the
+
<p> </p>
        glucosyltransferases, preventing the production of glucans. (Fukushima, 1992)
+
1. Dong, G., et al. (2016) Membrane Topology and Structural Insights into the Peptide Pheromone Receptor ComD, A Quorum-Sensing Histidine Protein Kinase of Streptococcus mutans. <i>Sci Rep.</i>
    </div>
+
<p> </p>
 +
2. </sup>West, A.H., et al. (2001) Histidine kinases and response regulator proteins in two-component signaling systems. <i>Trends Biochem Sci.</i> 26(6):369-76.
 +
<p> </p>
 +
3. Hung, D.C., et al. (2012) Oligomerization of the Response Regulator ComE from Streptococcus mutans Is Affected by Phosphorylation. <i>J Bacteriol.</i> 194(5): 1127–1135.
 +
<p> </p>
 +
4. Boudes, M, et al. (2014) Structural insights into the dimerization of the response regulator ComE from Streptococcus pneumoniae. <i>Nucleic Acids Research.</i> Volume 42: Issue 8.
 +
<p> </p>
 +
5. Hung, D.C., et al. Characterization of DNA Binding Sites of the ComE Response Regulator from Streptococcus mutans. <i>J Bacteriol.</i>
 +
<p> </p>
 +
6.  Vacca-Smith, A.M., Van Wuyckhuyse, B.C., Tabak, L.A., Bowen, W.H. (1994). The effect of milk and casein proteins on the adherence of Streptococcus mutans to saliva-coated hydroxyapatite. <i>Archives of Oral Biology</i>, Volume 39: Issue 12. 1063-1069.
 +
</div>
  
<footer>
 
    <p>
 
        References:
 
    <p></p>
 
        Vacca-Smith, A.M., Van Wuyckhuyse, B.C., Tabak, L.A., Bowen, W.H. (1994). The effect of milk and casein proteins
 
        on the adherence of Streptococcus mutans to saliva-coated hydroxyapatite.
 
        <i>Archives of Oral Biology</i>, Volume 39: Issue 12. 1063-1069.
 
    <p></p>
 
        Fukushima, K., Okada, T., Ochiai, K. (1993). Production, characterization, and application of monoclonal antibodies
 
        which distinguish three glucosyltransferases from Streptococcus mutans.
 
        <i>Infect Immun.</i>, 61. 323-8.
 
    </p>
 
  
 
</footer>
 
</footer>

Latest revision as of 01:58, 18 October 2018

Background
As a chronic but non-lethal condition, dental caries are often overlooked as a target for modern therapeutics, and the quality of dental caries treatment has lagged behind that of more life-threatening diseases such as cancer. However, it is a well established fact that oral health affects overall health--for example, severe cavities can lead to systemic illnesses such as heart disease. Therefore, dental caries is still a prevalent and critical issue.

The process of cariogenesis is highly facilitated by the growth of dense, sticky biofilm on the surface of teeth. This bioflim cuts off the bacteria's access to oxygen, thereby forcing them to revert to anaerobic respiration. Lactic acid is released as a byproduct of bacterial respiration, and leads to demineralization of the enamel and cavity formation.
Biofilm Formation
In its natural, non-pathogenic state, S. mutans lives planktonically (free-floating). The transition from the planktonic to biofilm state requires expression of virulence genes, which is coordinated via quorum sensing: a mode of communication employed by many bacteria to coordinate gene expression and synchronous behavior across a population or species. In the case of S. mutans, quorum sensing results in the expression of genes coding for extracellular glucosyltransferase (GTF) enzymes. These enzymes synthesize adhesive glucans, which are used by the bacteria to adhere both to each other and to the enamel of the tooth.

Most quorum-sensing systems involve small, diffusible peptides which are sent out as a signal by one bacteria and received by another. The peptides are detected by a receptor on the membrane or in the cytoplasm of other bacteria, which then initiate a signal transduction pathway that upregulates the quorum-sensing peptide, as well as other genes related to the coordinated behavior of the population. Once enough of the signal has been received by the majority of the population, bacterial behavior shifts to perform a synchronized activity.Biofilm formation is one of the synchronized behaviors initiated by quorum sensing. During this process, S. Mutans create and perpetuate the Competence Stimulating Peptide (CSP), a small molecule that is used to initiate the formation of dental plaque. The pathway through which the cells sense and respond to CSP is referred to the ComCDE pathway.
Quorum Sensing in S. mutans
(hover over each element to learn about its role)
Our Synthetic Circuit
Our goal is to port the ComCDE system into Human Embryonic Kidney (HEK) cells. This would allow our engineered cells to sense the presence of CSP and therefore detect when biofilm formation is about to occur. ComD and ComE will be expressed constitutively, while our three outputs (ScFv's P126 and P136, and Kappa casein) will be expressed under the ComE promoter, which is activated by the ComE response regulator protein as described above.
Output
Upon activation of our biofilm-sensing system, our cells will output proteins that have been shown to reduce the biofilm-forming capabilities of S. mutans.
Our actuation protein of choice is kappa casein, a protein derived from bovine milk. It interferes with the adhesive power of the glucans post synthesis through a combination of hydrophilicity and negative charge.6