Difference between revisions of "Team:MIT/Results"

(Prototype team page)
 
 
(41 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{MIT}}
 
 
<html>
 
<html>
 +
<head>
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">   
 +
    <style type="text/css">
  
  
<div class="column full_size">
 
<h1>Results</h1>
 
<p>Here you can describe the results of your project and your future plans. </p>
 
</div>
 
  
 +
/*GOOGLE FONTS*/
  
<div class="column third_size" >
+
/* 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;
 +
}
  
<h3>What should this page contain?</h3>
+
/* latin */
<ul>
+
@font-face {
<li> Clearly and objectively describe the results of your work.</li>
+
  font-family: 'Raleway';
<li> Future plans for the project. </li>
+
  font-style: normal;
<li> Considerations for replicating the experiments. </li>
+
  font-weight: 400;
</ul>
+
  src: local('Raleway'), local('Raleway-Regular'),  url(https://static.igem.org/mediawiki/2018/5/59/T--MIT--raleway2.woff) format('woff');
</div>
+
  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}
  
  
<div class="column two_thirds_size" >
 
<h3>Describe what your results mean </h3>
 
<ul>
 
<li> Interpretation of the results obtained during your project. Don't just show a plot/figure/graph/other, tell us what you think the data means. This is an important part of your project that the judges will look for. </li>
 
<li> Show data, but remember all measurement and characterization data must be on part pages in the Registry. </li>
 
<li> Consider including an analysis summary section to discuss what your results mean. Judges like to read what you think your data means, beyond all the data you have acquired during your project. </li>
 
</ul>
 
</div>
 
  
 +
          #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, #sideMenu, #menubar, .logo_2017, .printfooter, .firstHeading,.visualClear {
 +
              display: none;
 +
          } /*-- hides default wiki settings --*/
  
<div class="clear extra_space"></div>
+
          #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 +
              border: 0 none;
 +
              height: 3vw;
 +
              z-index: 100;
 +
              top: 0;
 +
              position: fixed;
 +
              width: 975px;
 +
              left: 50%;
 +
              margin-left: -487px;
 +
          }
  
 +
          #top_title, #top {
 +
              display: none;
 +
              z-index: -1000;
 +
          }
  
 +
          .logo_2018 {
 +
              display: none;
 +
              z-index: -1000;
 +
          }
  
<div class="column two_thirds_size" >
+
          #globalWrapper, #content { /*-- changes default wiki settings --*/
<h3> Project Achievements </h3>
+
              width: 100%;
 +
              height: 100%;
 +
              border: none;
 +
              background-color: #321965;
 +
              margin: 0px;
 +
              padding: 0px;
 +
              letter-spacing: normal;
 +
             
 +
              font-weight: light;
 +
          }
  
<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
+
          html, body, .wrapper { /*-- changes default wiki settings --*/
 +
              width: 100%;
 +
              height: 100%;
 +
              background-color: #321965;
 +
          }
  
<ul>
+
.menu {
<li>A list of linked bullet points of the successful results during your project</li>
+
        list-style-type: none;
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
+
        margin: 0vw;
</ul>
+
        padding: .3vw;
 +
        /*overflow: hidden;*/
 +
        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;
 +
    }
  
 +
    .sub {
 +
        font-family: 'Dosis', sans-serif;;
 +
        font-size: 1.5vw;
 +
float: left;
 +
height: 4.5vw;
 +
       
 +
    }
 +
 +
    .sub a {
 +
        display: block;
 +
        color: white;
 +
        text-align: center;
 +
        padding: 1vw 1.5vw;
 +
        text-decoration: none;
 +
    }
 +
 +
    .sub a:hover {
 +
        background-color: #410081;
 +
    }
 +
 +
    .active {
 +
        background-color: #9055ff;
 +
    }
 +
 +
    .dropdown {
 +
        position: relative;
 +
        display: inline-block;
 +
    }
 +
 +
    .dropdown-content {
 +
        font-family: 'Raleway', sans-serif;;
 +
        font-size: 1.2vw;
 +
        display: none;
 +
        position: absolute;
 +
        top: 4vw;
 +
        background-color: #2c2c2c;
 +
        min-width: 10vw;
 +
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
        z-index: 1;
 +
    }
 +
 +
    .dropdown-content a {
 +
        color: white;
 +
        padding: .6vw .9vw;
 +
        text-decoration: none;
 +
        display: block;
 +
    }
 +
 +
    .dropdown-content a:hover {background-color: #474747;}
 +
 +
    .dropdown:hover .dropdown-content {display: block;}
 +
 +
body{
 +
        margin:0;
 +
    }
 +
  .h3{
 +
        color: white;
 +
        font-family: 'Dosis', sans-serif;;
 +
        font-size: 3.7vw;
 +
        position: absolute;
 +
line-height: 2.8vw;
 +
    }
 +
 +
  .h4{
 +
        color: #7B66FE;
 +
        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;
 +
    }
 +
.footer{
 +
color: white;
 +
        font-family: 'Raleway', sans-serif;;
 +
        font-size: 1.2vw;
 +
line-height: 2.2vw;
 +
}
 +
</style>
 +
</head>
 +
<body >
 +
 +
<div class="menu">
 +
        <div class="sub"><a href="https://2018.igem.org/Team:MIT">Home</a></div>
 +
        <div class="dropdown">
 +
            <div class="sub"><a href="https://2018.igem.org/Team:MIT/Team">Team</a></div>
 +
            <div class="dropdown-content">
 +
                <a href="https://2018.igem.org/Team:MIT/Team">Team Members</a>
 +
                <a href="https://2018.igem.org/Team:MIT/Collaborations">Collaborations</a>
 +
            </div>
 +
        </div>
 +
        <div class="dropdown">
 +
            <div class="sub"><a href="https://2018.igem.org/Team:MIT/Description">Project</a></div>
 +
            <div class="dropdown-content">
 +
                <a href="https://2018.igem.org/Team:MIT/Design">Design</a>
 +
                <a href="https://2018.igem.org/Team:MIT/Results">Results</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 class="dropdown">
 +
            <div class="sub"><a href="https://2018.igem.org/Team:MIT/Parts">Parts</a></div>
 +
            <div class="dropdown-content">
 +
                <a href="https://2018.igem.org/Team:MIT/Basic_Part">Basic Parts</a>
 +
                <a href="https://2018.igem.org/Team:MIT/Composite_Part">Composite Parts</a>
 +
            </div>
 +
        </div>
 +
        <div class="sub"><a class="active" href="https://2018.igem.org/Team:MIT/Safety">Safety</a></div>
 +
        <div class="dropdown">
 +
            <div class="sub"><a href="https://2018.igem.org/Team:MIT/Human_Practices">Human Practices</a></div>
 +
            <div class="dropdown-content">
 +
                <a href="https://2018.igem.org/Team:MIT/Human_Practices">Integrated Human Practices</a>
 +
                <a href="https://2018.igem.org/Team:MIT/Public_Engagement">Public Engagement</a>
 +
            </div>
 +
        </div>
 +
        <div class="sub"><a href="https://2018.igem.org/Team:MIT/Model">Model</a></div>
 +
    </div>
 +
 +
 +
<div class="h3"style="position: absolute; top: 7vw; left: 2vw; margin-right: 4vw;">
 +
Results
 
</div>
 
</div>
  
 +
<div class="p" style="position: absolute; top: 12vw; left: 2vw; margin-right: 4vw;">
 +
Our experimental approach to verifying transport of the ComCDE system to mammalian cells is outlined in the tables below. We broke the system verification down into two main parts.
 +
</div>
 +
<div class="h4"style="position: absolute; top: 19vw; left: 2vw; margin-right: 4vw;">
 +
Experiment 1: Validate ComD membrane localization and CSP binding
 +
</div>
  
 +
<img src="https://static.igem.org/mediawiki/2018/5/58/T--MIT--MITres1.png" style="position: absolute; top: 23vw; width: 50vw; left: 25vw;">
  
<div class="column third_size" >
+
<div class="p" style="position: absolute; top: 77vw; left: 2vw; margin-right: 4vw;">
<div class="highlight decoration_A_full">
+
We ran a ComD titration experiment to see if ACTB:CD4-comD-mKO2 was expressing in HEK cells. We compared the fluorescent output from ACTB:CD4-comD-mKO2 to that of ACTB:mKO2 alone, with hEF1a:iRFP as a transfection marker. We saw a similar correlation between the iRFP expression and the mKO2 expression of each cell, indicating that CD4-comD-mKO2 was, in fact, being expressed in a similar manner as normal mKO2.
<h3>Inspiration</h3>
+
<p> </p>
<p>See how other teams presented their results.</p>
+
We are currently running further experiments to localize CD4-comD-mKO2 to the cell membrane of HEK cells and characterize CSP-AlexaFluor 405 binding.
<ul>
+
 
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
+
</div>
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
+
 
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
+
<img src="https://static.igem.org/mediawiki/2018/4/4f/T--MIT--MITres2.png" style="position: absolute; top: 95vw; width: 50vw; left: 25vw;">
</ul>
+
 
 +
<div class="h4"style="position: absolute; top: 138vw; left: 2vw; margin-right: 4vw;">
 +
Experiment 2: Validate that active ComE drives engineered promoter
 
</div>
 
</div>
 +
<img src="https://static.igem.org/mediawiki/2018/d/d7/T--MIT--MITres3.png" style="position: absolute; top: 143vw; width: 50vw; left: 25vw;">
 +
<div class="p" style="position: absolute; top: 187vw; left: 2vw; margin-right: 4vw;">
 +
We are currently in the process of running the above experiments.
 
</div>
 
</div>
  
  
 +
<div class="h4"style="position: absolute; top: 191vw; left: 2vw; margin-right: 4vw;">
 +
Biofilm Characterization
 +
</div>
  
 +
<div class="p" style="position: absolute; top: 194vw; left: 2vw; margin-right: 4vw;">
 +
In order to quantitatively measure the effect both of our system and selected output protein on the S. mutans biofilm, we had to first characterize biofilm accumulation without any added deterrents or inhibitors. By characterizing biofilm growth under our lab’s conditions and the resources available to us, we could better understand the effect of our synthetic system.
 +
<p> </p>
 +
To actually get our hands on the bacteria S. mutans, as well as protocols and tips on how to best observe and treat the species, we met with Dr. Caroline Ribbeck from the MIT Ribbeck lab, which studies the mucus barrier and how it selectively allows and blocks different molecules and pathogens from passing through it.
 +
<p> </p>
 +
Dr. Ribbeck gave us our S. mutans strain (UA159) and our protocol for tracking CFU (colony forming units)  growth.
 +
<p> </p>
 +
Initially, we wanted to optimize growing conditions to maximize the amount of biofilm formed. We learned from existing literature and Dr. Ribbeck that the way in which S. mutans grows on polystyrene (the material of our 96 well plates) is similar to the way they would grow on human teeth. While the shape and placement of S. mutans in our experiments were not exactly like that of the human mouth, we assumed our setup was a good model of the environment our bacteria naturally exist in.
 +
<p> </p>
 +
For our experiments we varied sucrose concentration, growth media concentration, S. mutans volume, and incubation times.
 +
</div>
 +
<img src="https://static.igem.org/mediawiki/2018/4/47/T--MIT--MITba1.png" style="position: absolute; top: 230vw; width: 70vw; left: 15vw;">
  
 +
<div class="p" style="position: absolute; top: 265vw; left: 2vw; margin-right: 4vw;">
 +
From the data we collected in this experiment, we decided to use 75% TH broth and 2ul of 2% sucrose for our future S. mutans experiments. Figure 1A clearly shows that 2ul of 2%  sucrose is the optimal concentration for biofilm growth, and while Figure 1B shows a similar about of growth in the 75%-100% range, we elected to use 75% in order to conserve our resources. (It should be noted that while pure water and no TH broth shows 100% of CFUs in biofilm (Figure 1B), this is an anomaly in our data, as TH broth is known to be absolutely required for cell growth and proliferation. Additionally, the protocols we received from Dr. Ribbeck recommended a range between 50% and 100% TH broth, so we were confident that the results for 0% TH broth could be safely disregarded.) We would have liked to run these experiments in a cleaner, more staffed environment to improve the data yield and our confidence in any collected data.
 +
<p> </p>
 +
Unfortunately, due to long incubation times required for this experiment and its susceptibility to human error, we were not able to collect a large amount of reliable data for our sucrose concentration and logarithmic sucrose volume experiments. We ran many versions of each CFU experiment, but many became contaminated, as we were not allowed to transform S. mutans with antibiotic resistance genes, which forced us to use plates without any antibiotics. Even after adding a bunsen burner and disinfectant to upgrade our aseptic technique, we were unable to completely prevent contamination, thus invalidating much of our collected data.
 +
</div>
  
</html>
+
 
 +
<div class="h4"style="position: absolute; top: 305vw; left: 2vw; margin-right: 4vw;">
 +
Crystal Violet Assays
 +
</div>
 +
<div class="p" style="position: absolute; top: 308vw; left: 2vw; margin-right: 4vw;">
 +
In order to perform our characterization in a more quantitative way, we found and modified an existing protocol that tracks biofilm growth through crystal violet staining. We can consider this method to be more quantitative as it doesn’t rely on counting colonies from dilutions done by hand but rather light being excited by our crystal violet stain.
 +
<p> </p>
 +
Unfortunately, due to long incubation times required for this experiment and its susceptibility to human error, we were not able to collect a large amount of reliable data for our sucrose concentration and logarithmic sucrose volume experiments. We ran many versions of each CFU experiment, but many became contaminated, as we were not allowed to transform S. mutans with antibiotic resistance genes, which forced us to use plates without any antibiotics. Even after adding a bunsen burner and disinfectant to upgrade our aseptic technique, we were unable to completely prevent contamination, thus invalidating much of our collected data.
 +
<p> </p>
 +
In order to perform our characterization in a more quantitative way, we found and modified an existing protocol that tracks biofilm growth through crystal violet staining. We opted to use this method because of its quantitative nature-it doesn’t rely on counting colonies from dilutions done by hand, but rather tracks the excitation of light by our crystal violet stain.
 +
<p> </p>
 +
For this experiment, we also decided to put a solution of hydroxyapatite, a substance known to be an even closer simulation of enamel than polystyrene, into the bottom of our wells.
 +
</div>
 +
<img src="https://static.igem.org/mediawiki/2018/8/80/T--MIT--MITba2.png" style="position: absolute; top: 345vw; width: 70vw; left: 15vw;">
 +
 
 +
<div class="p" style="position: absolute; top: 380vw; left: 2vw; margin-right: 4vw;">
 +
We then repeated the above experiment, this time adding a varying amount of kappa casein, our actuation protein of choice. All experiments were run with 2ul of S. mutans overnight culture, 2ul of 2% sucrose, and 100ul of 75% TH broth.
 +
</div>
 +
<img src="https://static.igem.org/mediawiki/2018/7/78/T--MIT--MITba3.png" style="position: absolute; top: 388vw; width: 70vw; left: 15vw;">
 +
 
 +
<div class="p" style="position: absolute; top: 450vw; left: 2vw; margin-right: 4vw;">
 +
All of these Kappa casein experiments were run with 2ul of S. mutans overnight culture, 2ul of 2% sucrose, and 100ul of 75% TH broth. We observed that 1,000 ng of Kappa casein resulted in less biofilm accumulation than 10, 100, 10,000, and 50,000 ng of kappa casein (Figure 3). However, contrary to our expectations, all the wells with added kappa casein resulted in more biofilm growth than our negative control (0 ng kappa casein). This suggests some flaw in our experimental design, since previous literature showed very clearly that the opposite trend should have been observed.<sup>1</sup> This difference may in part be due to the fact that we were not able to exactly replicate the experimental conditions used in (Vacca Smith 1994)--namely, they used small hydroxyapatite beads that were coated with saliva, which we were not able to procure. Additionally, since the data consistently showed less biofilm at 1,000 ng, we believe that the interaction between kappa casein and the S. mutans  biofilm is more complex than we initially thought, and that there is some optimal concentration of kappa casein above and below which there is lowered efficacy.
 +
<p> </p>
 +
Ideally, we would run this experiment a few more times with varied experimental conditions to try to identify the reason behind this inconsistency. In addition, our first crystal violet experiment (Figure 2A) showed that 6-9 ul of overnight culture produces the best biofilm results so we would want to use that amount for future experiments.
 +
</div>
 +
<div class="footer" style="position: absolute; top: 488vw; left: 2vw; margin-right: 4vw;">
 +
References:
 +
<p> </p>
 +
1.  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>

Latest revision as of 01:59, 18 October 2018

Results
Our experimental approach to verifying transport of the ComCDE system to mammalian cells is outlined in the tables below. We broke the system verification down into two main parts.
Experiment 1: Validate ComD membrane localization and CSP binding
We ran a ComD titration experiment to see if ACTB:CD4-comD-mKO2 was expressing in HEK cells. We compared the fluorescent output from ACTB:CD4-comD-mKO2 to that of ACTB:mKO2 alone, with hEF1a:iRFP as a transfection marker. We saw a similar correlation between the iRFP expression and the mKO2 expression of each cell, indicating that CD4-comD-mKO2 was, in fact, being expressed in a similar manner as normal mKO2.

We are currently running further experiments to localize CD4-comD-mKO2 to the cell membrane of HEK cells and characterize CSP-AlexaFluor 405 binding.
Experiment 2: Validate that active ComE drives engineered promoter
We are currently in the process of running the above experiments.
Biofilm Characterization
In order to quantitatively measure the effect both of our system and selected output protein on the S. mutans biofilm, we had to first characterize biofilm accumulation without any added deterrents or inhibitors. By characterizing biofilm growth under our lab’s conditions and the resources available to us, we could better understand the effect of our synthetic system.

To actually get our hands on the bacteria S. mutans, as well as protocols and tips on how to best observe and treat the species, we met with Dr. Caroline Ribbeck from the MIT Ribbeck lab, which studies the mucus barrier and how it selectively allows and blocks different molecules and pathogens from passing through it.

Dr. Ribbeck gave us our S. mutans strain (UA159) and our protocol for tracking CFU (colony forming units) growth.

Initially, we wanted to optimize growing conditions to maximize the amount of biofilm formed. We learned from existing literature and Dr. Ribbeck that the way in which S. mutans grows on polystyrene (the material of our 96 well plates) is similar to the way they would grow on human teeth. While the shape and placement of S. mutans in our experiments were not exactly like that of the human mouth, we assumed our setup was a good model of the environment our bacteria naturally exist in.

For our experiments we varied sucrose concentration, growth media concentration, S. mutans volume, and incubation times.
From the data we collected in this experiment, we decided to use 75% TH broth and 2ul of 2% sucrose for our future S. mutans experiments. Figure 1A clearly shows that 2ul of 2% sucrose is the optimal concentration for biofilm growth, and while Figure 1B shows a similar about of growth in the 75%-100% range, we elected to use 75% in order to conserve our resources. (It should be noted that while pure water and no TH broth shows 100% of CFUs in biofilm (Figure 1B), this is an anomaly in our data, as TH broth is known to be absolutely required for cell growth and proliferation. Additionally, the protocols we received from Dr. Ribbeck recommended a range between 50% and 100% TH broth, so we were confident that the results for 0% TH broth could be safely disregarded.) We would have liked to run these experiments in a cleaner, more staffed environment to improve the data yield and our confidence in any collected data.

Unfortunately, due to long incubation times required for this experiment and its susceptibility to human error, we were not able to collect a large amount of reliable data for our sucrose concentration and logarithmic sucrose volume experiments. We ran many versions of each CFU experiment, but many became contaminated, as we were not allowed to transform S. mutans with antibiotic resistance genes, which forced us to use plates without any antibiotics. Even after adding a bunsen burner and disinfectant to upgrade our aseptic technique, we were unable to completely prevent contamination, thus invalidating much of our collected data.
Crystal Violet Assays
In order to perform our characterization in a more quantitative way, we found and modified an existing protocol that tracks biofilm growth through crystal violet staining. We can consider this method to be more quantitative as it doesn’t rely on counting colonies from dilutions done by hand but rather light being excited by our crystal violet stain.

Unfortunately, due to long incubation times required for this experiment and its susceptibility to human error, we were not able to collect a large amount of reliable data for our sucrose concentration and logarithmic sucrose volume experiments. We ran many versions of each CFU experiment, but many became contaminated, as we were not allowed to transform S. mutans with antibiotic resistance genes, which forced us to use plates without any antibiotics. Even after adding a bunsen burner and disinfectant to upgrade our aseptic technique, we were unable to completely prevent contamination, thus invalidating much of our collected data.

In order to perform our characterization in a more quantitative way, we found and modified an existing protocol that tracks biofilm growth through crystal violet staining. We opted to use this method because of its quantitative nature-it doesn’t rely on counting colonies from dilutions done by hand, but rather tracks the excitation of light by our crystal violet stain.

For this experiment, we also decided to put a solution of hydroxyapatite, a substance known to be an even closer simulation of enamel than polystyrene, into the bottom of our wells.
We then repeated the above experiment, this time adding a varying amount of kappa casein, our actuation protein of choice. All experiments were run with 2ul of S. mutans overnight culture, 2ul of 2% sucrose, and 100ul of 75% TH broth.
All of these Kappa casein experiments were run with 2ul of S. mutans overnight culture, 2ul of 2% sucrose, and 100ul of 75% TH broth. We observed that 1,000 ng of Kappa casein resulted in less biofilm accumulation than 10, 100, 10,000, and 50,000 ng of kappa casein (Figure 3). However, contrary to our expectations, all the wells with added kappa casein resulted in more biofilm growth than our negative control (0 ng kappa casein). This suggests some flaw in our experimental design, since previous literature showed very clearly that the opposite trend should have been observed.1 This difference may in part be due to the fact that we were not able to exactly replicate the experimental conditions used in (Vacca Smith 1994)--namely, they used small hydroxyapatite beads that were coated with saliva, which we were not able to procure. Additionally, since the data consistently showed less biofilm at 1,000 ng, we believe that the interaction between kappa casein and the S. mutans biofilm is more complex than we initially thought, and that there is some optimal concentration of kappa casein above and below which there is lowered efficacy.

Ideally, we would run this experiment a few more times with varied experimental conditions to try to identify the reason behind this inconsistency. In addition, our first crystal violet experiment (Figure 2A) showed that 6-9 ul of overnight culture produces the best biofilm results so we would want to use that amount for future experiments.