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

Line 2: Line 2:
  
 
<html>
 
<html>
−
<img src="https://static.igem.org/mediawiki/2018/e/e2/T--IIT_Kanpur--Collab_Banner.png" top="85px" width="100%"></img>
 
 
<head>
 
<head>
−
<style>
+
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
−
#content { padding:0px; width:100%;}
+
    <meta name="viewport" content="width=device-width, initial-scale=1">   
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 20px; }
+
    <style type="text/css">
  
−
.minipic {
 
−
cursor:pointer;}
 
  
  
−
body {
+
/*GOOGLE FONTS*/
−
width:100%;
+
 
−
margin:0 auto;
+
/* 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;
 
}
 
}
  
−
.minipic {
+
/* latin */
−
cursor:pointer;}
+
@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;
 +
}
  
  
−
.unit {
+
/* W3.CSS 4.10 February 2018 by Jan Egil and Borge Refsnes */
−
display:inline-block;
+
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
−
vertical-align: top;
+
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
−
padding:0px;
+
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
−
height:300px;
+
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}
  
−
}
 
  
  
−
#hover-contentone, #hover-contenttwo, #hover-contentthree, #hover-contentfour, #hover-contentfive {
+
          #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, #sideMenu, #menubar, .logo_2017, .printfooter, .firstHeading,.visualClear {
−
    opacity:0;
+
              display: none;
−
    position:absolute;
+
          } /*-- hides default wiki settings --*/
−
}
+
  
−
.parent:hover {
+
          #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
−
transform:scale(1.3)
+
              border: 0 none;
−
}
+
              height: 3vw;
 +
              z-index: 100;
 +
              top: 0;
 +
              position: fixed;
 +
              width: 975px;
 +
              left: 50%;
 +
              margin-left: -487px;
 +
          }
  
−
</style>
+
          #top_title, #top {
−
</head>
+
              display: none;
 +
              z-index: -1000;
 +
          }
  
−
<body>
+
          .logo_2018 {
−
<center><div>
+
              display: none;
−
<h3 style="text-align:center;">Click on the collaboration to read about it.</h3>
+
              z-index: -1000;
−
<div class = "unit" style = "margin:0px 125px 0px 0px">
+
          }
−
    <div id = "parentfour" class = "parent">
+
−
    <center id = "minfour"  class = "mini" style = "color:#760E18; padding:30px 0px; font-size:300%;">Survey</center>
+
−
    <center><img class = "minipic" id = "minifour" src = "https://static.igem.org/mediawiki/2018/thumb/e/e6/T--IIT_Kanpur--Collab_SurveyIcon.png/600px-T--IIT_Kanpur--Collab_SurveyIcon.png" style = "width:170px; padding:0px;"></center>
+
−
    </div>
+
  
−
</div>
+
          #globalWrapper, #content { /*-- changes default wiki settings --*/
 +
              width: 100%;
 +
              height: 100%;
 +
              border: none;
 +
              background-color: #7267e8;
 +
              margin: 0px;
 +
              padding: 0px;
 +
              letter-spacing: normal;
 +
             
 +
              font-weight: light;
 +
          }
  
−
<div class = "unit">
+
          html, body, .wrapper { /*-- changes default wiki settings --*/
−
    <div id = "parentone" class = "parent">
+
              width: 100%;
−
    <center id = "minone"  class = "mini" style = "color:#0071a7; padding:30px 0px; font-size:300%;">Ruia-Mumbai</center>
+
              height: 100%;
−
    <center><img class = "minipic" id = "minione" src = "https://static.igem.org/mediawiki/2018/thumb/5/57/T--IIT_Kanpur--Collab_RuiaIcon.png/611px-T--IIT_Kanpur--Collab_RuiaIcon.png" style = "width:170px; padding:0px;"></center>
+
              background-color: #7267e8;
−
    </div>
+
          }
  
−
</div>
+
.menu {
−
   
+
        list-style-type: none;
−
<div class = "unit" style = "margin:0px 125px 0px 125px;">
+
        margin: 0vw;
−
    <div id = "parenttwo" class = "parent">
+
        padding: .3vw;
−
    <center id = "mintwo" class = "mini" style = "color:#bd162a; padding:30px 0px; font-size:300%;">IISER-Bhopal</center>
+
        /*overflow: hidden;*/
−
    <center><img class = "minipic" id = "minitwo" src = "https://static.igem.org/mediawiki/2018/6/66/T--IIT_Kanpur--Collab_iiserbIcon.png" style = "width:170px; padding:0px;"></center>
+
        background-color: #333;
−
     </div>
+
        position: fixed;
 +
        width: 100%;
 +
        height: 4.5vw;
 +
        -webkit-box-shadow: 0 8px 6px -6px #2c2c2c;
 +
        -moz-box-shadow: 0 8px 6px -6px #2c2c2c;
 +
        box-shadow: 0 8px 6px -6px #2c2c2c;
 +
        top: 1.1vw;
 +
        z-index: 20;
 +
     }
  
−
</div>
+
    .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;
 +
    }
  
−
<div class = "unit" style = "margin:0px 125px 0px 0px;">
+
    .sub a:hover {
−
    <div id = "parentthree" class = "parent">
+
        background-color: #410081;
−
    <center id = "minthree" class = "mini" style = "color:#507f54; padding:30px 0px; font-size:300%;">IISER-Mohali</center>
+
     }
−
    <center><img class = "minipic" id = "minithree" src = "https://static.igem.org/mediawiki/2018/5/53/T--IIT_Kanpur--Collab_iisermIcon.png" style = "width:170px; padding:0px;"></center>
+
−
     </div>
+
  
−
</div>
+
    .active {
 +
        background-color: #9055ff;
 +
    }
  
 +
    .dropdown {
 +
        position: relative;
 +
        display: inline-block;
 +
    }
  
−
<div class = "unit">
+
     .dropdown-content {
−
     <div id = "parentfive" class = "parent">
+
        font-family: 'Raleway', sans-serif;;
−
    <center id = "minfive" class = "mini" style = "color:#507f94; padding:30px 0px; font-size:300%;">TecCEM</center>
+
        font-size: 1.2vw;
−
    <center><img class = "minipic" id = "minifive" src = "https://static.igem.org/mediawiki/2018/d/db/T--IIT_Kanpur--Collab_teccemIcon.png" style = "width:170px; padding:0px;"></center>
+
        display: none;
−
     </div>
+
        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;
 +
     }
  
−
</div>
+
    .dropdown-content a {
 +
        color: white;
 +
        padding: .6vw .9vw;
 +
        text-decoration: none;
 +
        display: block;
 +
    }
  
−
</div></center>
+
    .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;
 +
    }
  
−
<div id="hover-contentone" style="padding:0px 250px 150px 150px;">
+
  .h4{
−
<div>
+
        color: #410081;
−
    <center style = "font-size:280%; font-family:Trebuchet MS; color:#0071A7">Mentoring Team Ruia-Mumbai</center>
+
        font-family: 'Dosis', sans-serif;;
−
    <br>
+
        font-size: 2.5vw;
−
    <center><hr style= "width:500px; height: 3px; background-color:#0071A7"></center>
+
        position: absolute;
−
</div>
+
line-height: 2.8vw;
−
<p style = "color:#0071A7; font-size:150%; padding:0% 8% 3% 5%;">Team Ruia-Mumbai have been working to create a synthetic biological device to degrade catechu, by extracellular expression of genes responsible for breaking the flavan 3,4-diol bonds in polyphenols which is one of the compounds responsible for the red stains caused by the same.<br>
+
    }
−
They approached us regarding mentorship at the beginning of July 2018. In our first meeting we got acquainted with their project and suggested different methodologies they could follow to make their project more robust for example, we discussed in detail about secretion tag to facilitate extracellular secretion of their protein of interest and suggested corresponding literature. After that, we organized regular video conference meetings between July and October to discuss the progress of their project and other aspects of iGEM competition such as Interlab and Human Practices. We discussed technical doubts they faced in Interlab and also shared data to validate the results.<br>
+
    .p{
−
Our team also helped Team Ruia-Mumbai with experimentation protocols like we shared our protocol for preparing competent cells. We suggested changes to their protocols to optimize experimentation for cloning of their construct. We also thoroughly discussed modeling kinetics of their enzyme but weren’t able to continue it due to time constraints.
+
        color: white;
−
</p>
+
        font-family: 'Raleway', sans-serif;;
−
<img src = "https://static.igem.org/mediawiki/2018/1/14/T--IIT_Kanpur--Collab_Ruia2.png" height="200" width="300" style = "margin-left: auto;margin-right: auto;padding:0% 0% 0% 0%;border:3px solid black"></img>
+
        font-size: 1.5vw;
−
<img src = "https://static.igem.org/mediawiki/2018/1/1d/T--IIT_Kanpur--Collab_Ruia1.png" height="200" width="300" style = "margin-left: auto;margin-right: auto;padding:0% 0% 0% 0%;border:3px solid black"></img>
+
line-height: 2.8vw;
−
</div>
+
        z-index: 5;
 +
    }
 +
</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 id="hover-contenttwo" style="padding:0px 250px 50px 150px;">
 
−
<div>
 
−
    <center style = "font-size:280%; font-family:Trebuchet MS; color:#bd162a;">Discussions with IISER-Bhopal</center>
 
−
    <br>
 
−
    <center><hr style= "width:500px; height: 3px; background-color:#bd162a;"></center>
 
  
−
<p style = "color:#bd162a; font-size:150%; padding:2% 5% 1% 8%;">We have been in constant touch with Team IISER-Bhopal starting from the month of May. We discussed each other’s project and helped sort out technical problems related to it.<br>
+
<div class="h3"style="position: absolute; top: 7vw; left: 2vw; margin-right: 4vw;">
−
IISER Bhopal suggested an initiative to increase the outreach of each other’s projects. In this initiative both the teams exchanged slides mentioning brief overview about their project and introduced each other’s idea in public engagement events like Lecture Series conducted by IIT Kanpur and iGEM Day (25th August 2018) organized by IISER Bhopal.<br>
+
Safety
−
Both teams shared each others’ Interlab data and interpretations to get a deeper understanding of the acquired data from experiments.  <br>
+
</div>
−
We also helped Team IISER-Bhopal with their US VISA procedures which eased their application process.   
+
−
Along the way, we also cleared their other technical doubts and both the teams helped each other out whenever possible.
+
−
</p>
+
−
<br>
+
  
−
<img src = "" width = 40% style = "padding:5% 5% 10% 3%; float:center;">
+
<div class="h4"style="position: absolute; top: 11vw; left: 2vw; margin-right: 4vw;">
 +
Safe Project Design
 
</div>
 
</div>
−
</div>
 
−
 
−
<div id="hover-contentthree" style="padding:0px 250px 50px 150px;">
 
−
<div>
 
−
    <center style = "font-size:280%; font-family:Trebuchet MS; color:#507f54;">Meeting with IISER-Mohali</center>
 
−
    <br>
 
−
    <center><hr style= "width:500px; height: 3px; background-color:#507f54;"></center>
 
−
 
  
−
<p style = "color:#507f54; font-size:150%; padding:0% 8% 0% 5%;">We recently had a discussion with Team IISER-Mohali in which we discussed each other’s project. It was an interesting session, and we found their project an innovative one. Our session was focussed on critically analyzing each other’s project and discussing potential questions that can come up during Jamboree presentation. It helped both our teams to prepare robustly for the same.
+
<div class="p" style="position: absolute; top: 14vw; left: 2vw; margin-right: 4vw;">
−
Since the team had participated in iGEM 2017, they shared their experience about judging criteria, presentation and poster session at the Giant Jamboree which was helpful and gave us additional insight into the competition.
+
In our project we are using HEK293 Cells which are a well documented line of cells that the team has been trained to handle properly. We are also using Streptococcus Mutans UA159, which is a strain of bacteria that is commonly found in the mouth. This strain of bacteria poses little to no threat to those that it could come in contact with unless they are immunocompromised. We also are not changing the S.Mutans’ DNA in any way to give them antibiotic resistance due to the chance that it could get out of the lab and cause harm to the environment.  
−
</p>
+
−
<br>
+
−
</div>
+
 
</div>
 
</div>
  
−
 
+
<div class="h4"style="position: absolute; top: 29vw; left: 2vw; margin-right: 4vw;">
−
 
+
Safe Lab Work
−
 
+
−
 
+
−
<div id="hover-contentfive" style="padding:0px 250px 50px 150px;">
+
−
<div>
+
−
    <center style = "font-size:280%; font-family:Trebuchet MS; color:#507f54;">Accepting BioBrick Part from Team TecCEM</center>
+
−
    <br>
+
−
    <center><hr style= "width:500px; height: 3px; background-color:#507f54;"></center>
+
−
 
+
−
<p style = "color:#507f54; font-size:150%; padding:0% 8% 0% 5%;">In iGEM 2015, Team TecCEM_HS participated and worked upon developing a system to degrade SDS, similar to our project in idea. A member of their team, Borreguin JC,  is participating in this year’s Team TecCEM as well, and he was helpful in figuring out the issues they faced in past project so that we could avoid committing them.<br>
+
−
Since isolating the sdsA gene from Pseudomonas aeruginosa was difficult, we contacted them if they could provide us with the plasmid containing the same. They gifted us the BioBrick(BBa_K1629002) which they had submitted in iGEM with the corresponding gene, thus helping us move forward with our project.
+
−
</p>
+
−
<br>
+
−
 
+
−
<img src = "" width = 40% style = "padding:5% 5% 10% 3%; float:center;">
+
−
</div>
+
 
</div>
 
</div>
  
  
−
<div id="hover-contentfour" style="padding:0px 250px 50px 150px;">
+
<div class="p" style="position: absolute; top: 32vw; left: 2vw; margin-right: 4vw;">
−
<div>
+
In our lab we consistently used proper PPE depending on what materials we were working with. Every team member was also required to go through lab specific trainings to be allowed to work with anything in the lab, and some of the team members were trained separately to deal with the s.mutans in the lab. While using the S.mutans we had a different set of procedures due to the bacteria’s vulnerability to contamination. This made it so that we used multiple sets of gloves during our experiments and also used a bunsen burner to decrease the likelihood of contamination.  
−
<center style = "font-size:280%; font-family:Trebuchet MS; color:#760E18;">Survey amongst iGEM 2018 teams</center>
+
−
    <br>
+
−
    <center><hr style= "width:500px; height: 3px; background-color:#760E18;"></center>
+
−
 
+
−
<p style = "color:#760E18; font-size:150%; padding:0% 8% 0% 5%;">A great idea is great not because of its technicalities, but because of the impact it has on the people around it.<br>
+
−
To gather an understanding of how water pollution affects different parts of the world, we conducted a survey amongst iGEM 2018 teams to get their views on the problem in their regions. Members of 18 teams filled us in with their knowledge which has given us a wider perspective of the problem around the globe.<br>
+
−
</p><embed src="https://static.igem.org/mediawiki/2018/a/a0/T--IIT_Kanpur--Collab_Survey.pdf" width="550px" height="600px" /><p style="float:right;color:#760E18; font-size:150%;">
+
−
The teams that did the needful are:<br><br>
+
−
&#8594;Team Ruia-Mumbai<br>
+
−
&#8594;CPU_CHINA<br>
+
−
&#8594;Pasteur Paris 2018<br>
+
−
&#8594;METU HS Ankara iGEM 2018<br>
+
−
&#8594;Hawaii iGEM Team<br>
+
−
&#8594;UPF_CRG_Barcelona<br>
+
−
&#8594;Lambert iGEM<br>
+
−
&#8594;AFCM-Egypt<br>
+
−
&#8594;iGEM Bielefeld-CeBiTec 2018<br>
+
−
&#8594;Tacoma_RAINMakers<br>
+
−
&#8594;NWU-China<br>
+
−
&#8594;TecCem Mexico<br>
+
−
&#8594;TecCEM<br>
+
−
&#8594;iGEM Pasteur Paris 2018<br>
+
−
&#8594;SKLMT-China<br>
+
−
&#8594;TUST China<br>
+
−
&#8594;METU_HS_Ankara<br>
+
−
&#8594;ICT-Mumbai<br>
+
−
</p>
+
 
</div>
 
</div>
−
</div>
 
−
 
−
 
−
 
−
<div style = "height:500px;"></div>
 
−
</body>
 
−
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 
−
 
−
  <script type="text/javascript">
 
−
$(document).ready(
 
−
    function(){
 
−
  $("#parentone").click(function () {
 
−
      $('#parentone').removeClass('parent');
 
−
      $('#parenttwo').addClass('parent');
 
−
      $('#parentthree').addClass('parent');
 
−
      $('#parentfour').addClass('parent');
 
−
      $('#parentfive').addClass('parent');
 
−
            $('#minone').animate({'font-size':'200%'}, 500);
 
−
            $('#minone').animate({'padding':'10px 0px 20px 0px'}, 500);
 
−
            $('#minone').css('padding', '10px 0px 20px 0px');
 
−
            $('#minione').animate({"width":"150px"}, 500); 
 
−
            $('#minfour').animate({'font-size':'150%'}, 500); 
 
−
            $('#minfour').css('padding', '20px 0px');       
 
−
            $('#minifour').animate({"width":"100px"}, 500);
 
−
        $('#minfive').animate({'font-size':'150%'}, 500); 
 
−
            $('#minfive').css('padding', '20px 0px');       
 
−
            $('#minifive').animate({"width":"100px"}, 500);
 
−
            $('#minthree').animate({'font-size':'150%'}, 500); 
 
−
            $('#minthree').css('padding', '20px 0px');       
 
−
            $('#minithree').animate({"width":"100px"}, 500);
 
−
            $('#mintwo').animate({'font-size':'150%'}, 500); 
 
−
            $('#mintwo').css('padding', '20px 0px');       
 
−
            $('#minitwo').animate({"width":"100px"}, 500);
 
−
            $('#hover-contentone').animate({'opacity':'1'}, 1000);
 
−
            $('#hover-contenttwo').animate({'opacity':'0'}, 1000);
 
−
            $('#hover-contentthree').animate({'opacity':'0'}, 1000);
 
−
            $('#hover-contentfour').animate({'opacity':'0'}, 1000);
 
−
        $('#hover-contentfive').animate({'opacity':'0'}, 1000);
 
−
 
 
−
      $('#instruct').hide(600);
 
−
        });
 
−
 
−
    });
 
−
</script>
 
−
 
−
<script type="text/javascript">
 
−
$(document).ready(
 
−
    function(){
 
−
  $("#parenttwo").click(function () {
 
−
      $('#parenttwo').removeClass('parent');
 
−
      $('#parentone').addClass('parent');
 
−
      $('#parentthree').addClass('parent');
 
−
      $('#parentfour').addClass('parent');
 
−
      $('#parentfive').addClass('parent');
 
−
            $('#mintwo').animate({'font-size':'200%'}, 500);
 
−
            $('#mintwo').animate({'padding':'10px 0px 20px 0px'}, 500);
 
−
            $('#mintwo').css('padding', '10px 0px 20px 0px');
 
−
            $('#minitwo').animate({"width":"150px"}, 500); 
 
−
            $('#minfour').animate({'font-size':'150%'}, 500); 
 
−
            $('#minfour').css('padding', '20px 0px');       
 
−
            $('#minifour').animate({"width":"100px"}, 500);
 
−
        $('#minfive').animate({'font-size':'150%'}, 500); 
 
−
            $('#minfive').css('padding', '20px 0px');       
 
−
            $('#minifive').animate({"width":"100px"}, 500);
 
−
            $('#minthree').animate({'font-size':'150%'}, 500); 
 
−
            $('#minthree').css('padding', '20px 0px');       
 
−
            $('#minithree').animate({"width":"100px"}, 500);
 
−
            $('#minone').animate({'font-size':'150%'}, 500); 
 
−
            $('#minone').css('padding', '20px 0px');       
 
−
            $('#minione').animate({"width":"100px"}, 500);
 
−
            $('#hover-contenttwo').animate({'opacity':'1'}, 1000);
 
−
            $('#hover-contentone').animate({'opacity':'0'}, 1000);
 
−
            $('#hover-contentthree').animate({'opacity':'0'}, 1000);
 
−
            $('#hover-contentfour').animate({'opacity':'0'}, 1000);
 
−
        $('#hover-contentfive').animate({'opacity':'0'}, 1000);
 
−
 
 
−
      $('#instruct').hide(600);
 
−
        });
 
−
 
−
    });
 
−
</script>
 
−
<script type="text/javascript">
 
−
$(document).ready(
 
−
    function(){
 
−
  $("#parentthree").click(function () {
 
−
      $('#parentthree').removeClass('parent');
 
−
      $('#parentone').addClass('parent');
 
−
      $('#parenttwo').addClass('parent');
 
−
      $('#parentfour').addClass('parent');
 
−
      $('#parentfive').addClass('parent');
 
−
            $('#minthree').animate({'font-size':'200%'}, 500);
 
−
            $('#minthree').animate({'padding':'10px 0px 20px 0px'}, 500);
 
−
            $('#minthree').css('padding', '10px 0px 20px 0px');
 
−
            $('#minithree').animate({"width":"150px"}, 500); 
 
−
            $('#minfour').animate({'font-size':'150%'}, 500); 
 
−
            $('#minfour').css('padding', '20px 0px');       
 
−
            $('#minifour').animate({"width":"100px"}, 500);
 
−
        $('#minfive').animate({'font-size':'150%'}, 500); 
 
−
            $('#minfive').css('padding', '20px 0px');       
 
−
            $('#minifive').animate({"width":"100px"}, 500);
 
−
            $('#mintwo').animate({'font-size':'150%'}, 500); 
 
−
            $('#mintwo').css('padding', '20px 0px');       
 
−
            $('#minitwo').animate({"width":"100px"}, 500);
 
−
            $('#minone').animate({'font-size':'150%'}, 500); 
 
−
            $('#minone').css('padding', '20px 0px');       
 
−
            $('#minione').animate({"width":"100px"}, 500);
 
−
            $('#hover-contentthree').animate({'opacity':'1'}, 1000);
 
−
            $('#hover-contentone').animate({'opacity':'0'}, 1000);
 
−
            $('#hover-contenttwo').animate({'opacity':'0'}, 1000);
 
−
            $('#hover-contentfour').animate({'opacity':'0'}, 1000);
 
−
        $('#hover-contentfive').animate({'opacity':'0'}, 1000);
 
−
 
 
−
      $('#instruct').hide(600);
 
−
        });
 
−
 
−
    });
 
−
</script>
 
−
<script type="text/javascript">
 
−
$(document).ready(
 
−
    function(){
 
−
  $("#parentfour").click(function () {
 
−
      $('#parentfour').removeClass('parent');
 
−
      $('#parentone').addClass('parent');
 
−
      $('#parenttwo').addClass('parent');
 
−
      $('#parentthree').addClass('parent');
 
−
      $('#parentfive').addClass('parent');
 
−
            $('#minfour').animate({'font-size':'200%'}, 500);
 
−
            $('#minfour').animate({'padding':'10px 0px 20px 0px'}, 500);
 
−
            $('#minfour').css('padding', '10px 0px 20px 0px');
 
−
            $('#minifour').animate({"width":"150px"}, 500); 
 
−
            $('#minthree').animate({'font-size':'150%'}, 500); 
 
−
            $('#minthree').css('padding', '20px 0px');       
 
−
            $('#minithree').animate({"width":"100px"}, 500);
 
−
        $('#minfive').animate({'font-size':'150%'}, 500); 
 
−
            $('#minfive').css('padding', '20px 0px');       
 
−
            $('#minifive').animate({"width":"100px"}, 500);
 
−
            $('#mintwo').animate({'font-size':'150%'}, 500); 
 
−
            $('#mintwo').css('padding', '20px 0px');       
 
−
            $('#minitwo').animate({"width":"100px"}, 500);
 
−
            $('#minone').animate({'font-size':'150%'}, 500); 
 
−
            $('#minone').css('padding', '20px 0px');       
 
−
            $('#minione').animate({"width":"100px"}, 500);
 
−
            $('#hover-contentfour').animate({'opacity':'1'}, 1000);
 
−
            $('#hover-contentone').animate({'opacity':'0'}, 1000);
 
−
            $('#hover-contenttwo').animate({'opacity':'0'}, 1000);
 
−
            $('#hover-contentthree').animate({'opacity':'0'}, 1000);
 
−
        $('#hover-contentfive').animate({'opacity':'0'}, 1000);
 
−
 
 
−
      $('#instruct').hide(600);
 
−
        });
 
−
 
−
    });
 
−
</script>
 
−
<script type="text/javascript">
 
−
$(document).ready(
 
−
    function(){
 
−
  $("#parentfive").click(function () {
 
−
      $('#parentfive').removeClass('parent');
 
−
      $('#parentone').addClass('parent');
 
−
      $('#parenttwo').addClass('parent');
 
−
      $('#parentthree').addClass('parent');
 
−
      $('#parentfour').addClass('parent');
 
−
            $('#minfive').animate({'font-size':'200%'}, 500);
 
−
            $('#minfive').animate({'padding':'10px 0px 20px 0px'}, 500);
 
−
            $('#minfive').css('padding', '10px 0px 20px 0px');
 
−
            $('#minifive').animate({"width":"150px"}, 500); 
 
−
            $('#minthree').animate({'font-size':'150%'}, 500); 
 
−
            $('#minthree').css('padding', '20px 0px');       
 
−
            $('#minithree').animate({"width":"100px"}, 500);
 
−
        $('#minfour').animate({'font-size':'150%'}, 500); 
 
−
            $('#minfour').css('padding', '20px 0px');       
 
−
            $('#minifour').animate({"width":"100px"}, 500);
 
−
            $('#mintwo').animate({'font-size':'150%'}, 500); 
 
−
            $('#mintwo').css('padding', '20px 0px');       
 
−
            $('#minitwo').animate({"width":"100px"}, 500);
 
−
            $('#minone').animate({'font-size':'150%'}, 500); 
 
−
            $('#minone').css('padding', '20px 0px');       
 
−
            $('#minione').animate({"width":"100px"}, 500);
 
−
            $('#hover-contentfive').animate({'opacity':'1'}, 1000);
 
−
            $('#hover-contentone').animate({'opacity':'0'}, 1000);
 
−
            $('#hover-contenttwo').animate({'opacity':'0'}, 1000);
 
−
            $('#hover-contentthree').animate({'opacity':'0'}, 1000);
 
−
        $('#hover-contentfour').animate({'opacity':'0'}, 1000);
 
−
 
 
−
      $('#instruct').hide(600);
 
−
        });
 
−
 
−
    });
 
−
</script>
 
−
<body>
 
−
<br><br><br>
 
−
</body>
 
−
</html>
 
  
 
{{Template:IIT_Kanpur/Footer}}
 
{{Template:IIT_Kanpur/Footer}}

Revision as of 17:06, 17 October 2018

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