|
|
| (44 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| − | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
| + | {{:Team:Minnesota/Templates/Minnesota_Main_Style}} |
| | + | |
| | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> | | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> |
| | <head> | | <head> |
| Line 5: |
Line 6: |
| | <meta name="generator" content="MediaWiki 1.16.5" /> | | <meta name="generator" content="MediaWiki 1.16.5" /> |
| | <link rel="shortcut icon" href="/favicon.ico" /> | | <link rel="shortcut icon" href="/favicon.ico" /> |
| − | <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2014.igem.org (en)" /> | + | <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2015.igem.org (en)" /> |
| | <link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:Minnesota&action=creativecommons" rel="meta" /> | | <link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:Minnesota&action=creativecommons" rel="meta" /> |
| | <link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" /> | | <link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" /> |
| − | <link rel="alternate" type="application/atom+xml" title="2014.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&feed=atom" /> <title>Team:Minnesota - 2014.igem.org</title> | + | <link rel="alternate" type="application/atom+xml" title="2015.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&feed=atom" /> <title>Team:Minnesota - 2015.igem.org</title> |
| | <style type="text/css" media="screen, projection">/*<![CDATA[*/ | | <style type="text/css" media="screen, projection">/*<![CDATA[*/ |
| | @import "/wiki/skins/common/shared.css?270"; | | @import "/wiki/skins/common/shared.css?270"; |
| Line 31: |
Line 32: |
| | wgVariantArticlePath=false, | | wgVariantArticlePath=false, |
| | wgActionPaths={}, | | wgActionPaths={}, |
| − | wgServer="https://2014.igem.org", | + | wgServer="https://2015.igem.org", |
| | wgCanonicalNamespace="", | | wgCanonicalNamespace="", |
| | wgCanonicalSpecialPageName=false, | | wgCanonicalSpecialPageName=false, |
| Line 38: |
Line 39: |
| | wgTitle="Team:Minnesota", | | wgTitle="Team:Minnesota", |
| | wgAction="view", | | wgAction="view", |
| − | wgArticleId=508, | + | wgArticleId=527, |
| | wgIsArticle=true, | | wgIsArticle=true, |
| | wgUserName=null, | | wgUserName=null, |
| Line 45: |
Line 46: |
| | wgContentLanguage="en", | | wgContentLanguage="en", |
| | wgBreakFrames=false, | | wgBreakFrames=false, |
| − | wgCurRevisionId=406352, | + | wgCurRevisionId=241990, |
| | wgVersion="1.16.5", | | wgVersion="1.16.5", |
| | wgEnableAPI=true, | | wgEnableAPI=true, |
| Line 52: |
Line 53: |
| | wgDigitTransformTable=["", ""], | | wgDigitTransformTable=["", ""], |
| | wgMainPageTitle="Main Page", | | wgMainPageTitle="Main Page", |
| − | wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2014.igem.org", "5": "2014.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"}, | + | wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2015.igem.org", "5": "2015.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"}, |
| − | wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2014.igem.org": 4, "2014.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7}, | + | wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2015.igem.org": 4, "2015.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7}, |
| − | wgSiteName="2014.igem.org", | + | wgSiteName="2015.igem.org", |
| | wgCategories=[], | | wgCategories=[], |
| − | wgMWSuggestTemplate="https://2014.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest", | + | wgMWSuggestTemplate="https://2015.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest", |
| − | wgDBname="2014_igem_org", | + | wgDBname="2015_igem_org", |
| | wgSearchNamespaces=[0], | | wgSearchNamespaces=[0], |
| | wgMWSuggestMessages=["with suggestions", "no suggestions"], | | wgMWSuggestMessages=["with suggestions", "no suggestions"], |
| Line 84: |
Line 85: |
| | <a href="/Main_Page" | | <a href="/Main_Page" |
| | title="Main Page"> | | title="Main Page"> |
| − | <img src='https://2014.igem.org/images/wiki.png'>" | + | <img src='/wiki/skins/common/images/wiki.jpg'>" |
| | </a> | | </a> |
| | </div> <!-- end p-logo --> | | </div> <!-- end p-logo --> |
| Line 112: |
Line 113: |
| | <div id="search-controls" class="noprint"> | | <div id="search-controls" class="noprint"> |
| | <form action="/Special:Search" id="searchform"> | | <form action="/Special:Search" id="searchform"> |
| − | <input id="searchInput" name="search" type="text" title="Search 2014.igem.org [f]" accesskey="f" value="" /> | + | <input id="searchInput" name="search" type="text" title="Search 2015.igem.org [f]" accesskey="f" value="" /> |
| | <input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" /> | | <input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" /> |
| | <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" /> | | <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" /> |
| Line 122: |
Line 123: |
| | <h1 class="firstHeading">Team:Minnesota</h1> | | <h1 class="firstHeading">Team:Minnesota</h1> |
| | <div id="bodyContent"> | | <div id="bodyContent"> |
| − | <h3 id="siteSub" class='noprint'>From 2014.igem.org</h3> | + | <h3 id="siteSub" class='noprint'>From 2015.igem.org</h3> |
| | <div id="contentSub"></div> | | <div id="contentSub"></div> |
| | <!-- | | <!-- |
| Line 129: |
Line 130: |
| | <p> | | <p> |
| | <head> | | <head> |
| − | <title>remove style</title> | + | <title>Team:Minnesota - Main Style Template</title> |
| | | | |
| | <style type="text/css"> | | <style type="text/css"> |
| − | table {
| |
| − | font-size: 100%;
| |
| − | background-color: transparent;
| |
| − | color: black;
| |
| − | }
| |
| | | | |
| − | /*============the following section is hacking the original wiki template============*/ | + | /*========general scrolling div for maincontentbox=====*/ |
| − | <!--
| + | .ScrollDiv{ |
| − | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
| + | position:absolute; |
| − | display:none;
| + | top:-10px; |
| | + | width:720px; |
| | + | height:450px; |
| | + | margin-left:10px; |
| | + | overflow-y:scroll; |
| | + | text-align:left; |
| | } | | } |
| | | | |
| − | #top-section {
| |
| − | border: none;
| |
| − | height: 0px;
| |
| − | }
| |
| | | | |
| − | #content {
| + | /*==========special table code============*/ |
| − | position: relative;
| + | table.ScrollList{ |
| − | width: 965px;
| + | position:absolute; |
| − | margin-left: 0px;
| + | width:700px; |
| − | margin: 0 auto;
| + | border: #787878 solid 2px; |
| − | padding: 0 0 0 0;
| + | background-color:#A3FFA3; |
| − | color: black;
| + | |
| − | /* line-height: 1.5em; */
| + | |
| − | z-index: 2;
| + | |
| − | border: none;
| + | |
| − | background-color: transparent;
| + | |
| | } | | } |
| | | | |
| − | | + | table.ScrollList tr{ |
| − | #menubar > ul > li:last-child {
| + | background-color:#B0B0B0; |
| − | display: none;
| + | height:40px; |
| | } | | } |
| | | | |
| − | #menubar { //resizes menu bar
| + | table.ScrollList tr td{ |
| − | width: auto;
| + | padding-left:10px; |
| | + | width:auto; |
| | } | | } |
| | | | |
| − | /*hacks menubar links to do cool things*/
| + | table.ScrollList tr.header{ |
| − | #menubar a:link {color:transparent;}
| + | padding-left:0px; |
| − | #menubar a:visited {color:transparent;}
| + | height:30px; |
| − | #menubar a:hover {color:black;}
| + | background-color:transparent; |
| − | #menubar a:active {color:gray;}
| + | font-weight:bold; |
| − | | + | |
| − | | + | |
| − | #top-section { /*section with the buttons and search bar - might be bad to remove*/
| + | |
| − | border: 0px transparent solid;
| + | |
| − | position:absolute;
| + | |
| − | left:140px;
| + | |
| − | /*display:none;*/
| + | |
| | } | | } |
| − | | + | table.ScrollList tr.header td{ |
| − | #menubar { /*main menubar settings*/
| + | padding-left:0px; |
| − | background-color: transparent;
| + | |
| − | }
| + | |
| − | #menubar ul li a { /*menubar subcategory items*/
| + | |
| − | color: black;
| + | |
| | } | | } |
| | | | |
| − | .right-menu li a {
| |
| − | color: black;
| |
| − | background-color: transparent;
| |
| − | }
| |
| | | | |
| − | -->
| |
| | | | |
| − | /*============End original wiki mods============*/
| |
| | | | |
| − | /* remove style from https://2011.igem.org/Team:DTU-Denmark/How_to_customize_an_iGEM_wiki */
| |
| | | | |
| − | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
| + | /*============Main Layout code=====================*/ |
| − | display:none;}
| + | |
| − | #top-section {
| + | |
| − | border: none;
| + | |
| − | height: 0px;}
| + | |
| | | | |
| − | #content {
| |
| − | width: 100%;
| |
| − | border: none;}
| |
| | | | |
| − | /* Removes "teams" from the menubar */
| + | #ContentAll{ |
| − | #menubar > ul > li:last-child { | + | position:absolute; |
| − | display: none;}
| + | width:1000px; |
| − | /* Resizes the menubar to fik the links (default is 400px) */
| + | height:700px; |
| − | #menubar {
| + | |
| − | width: auto;}
| + | |
| | | | |
| | + | /*autocenter horizontally*/ |
| | + | left:50%; |
| | + | margin-left:-500px; |
| | | | |
| | + | background-color:transparent; |
| | | | |
| | + | } |
| | | | |
| | | | |
| − | </style>
| + | #MainBanner{ |
| | + | /*set to be flush against content*/ |
| | + | position:absolute; |
| | + | top:0px; |
| | + | left:0px; |
| | + | margin:0px; |
| | + | padding:0px; |
| | + | width:1000px; |
| | + | height:150px; |
| | + | background-color:#660000;//#7b111b; |
| | + | opacity:0.6; |
| | + | z-index:-1; |
| | + | } |
| | | | |
| | + | #MainBannerImage{//outside and on top of main banner to allow for escape from opacity |
| | + | /*set to be flush against content*/ |
| | + | position:absolute; |
| | + | top:0px; |
| | + | left:0px; |
| | + | margin:0px; |
| | + | padding:0px; |
| | + | width:1000px; |
| | + | height:150px; |
| | + | background-color:transparent; |
| | + | opacity:1.0; |
| | + | z-index:2; |
| | + | } |
| | | | |
| − | <!-- Remove all empty <p> tags -->
| |
| − | <script type="text/javascript">
| |
| − | $(document).ready(function() {
| |
| − | $("p").filter( function() {
| |
| − | return $.trim($(this).html()) == '';
| |
| − | }).remove()
| |
| − | });
| |
| − | </script>
| |
| − | </head>
| |
| − | <body>
| |
| | | | |
| | + | #SideBarAll{ |
| | + | /*set to be flush against left and MainBanner*/ |
| | + | position:absolute; |
| | + | top:150px; |
| | + | left:0px; |
| | + | width:200px; |
| | + | height:550px; |
| | + | background-color:white; |
| | + | } |
| | | | |
| − | </body>
| + | #MainBoxAll{ |
| | + | /*set to be flush against MainBanner and SideBarAll*/ |
| | + | position:absolute; |
| | + | top:150px; |
| | + | left:200px; |
| | + | width: 800px; |
| | + | height:550px; |
| | + | background-color:white; |
| | + | } |
| | | | |
| | + | #MainBoxContent{ |
| | + | position:absolute; |
| | + | width:750px; |
| | + | height:450px; |
| | + | background-color:gray; |
| | + | left:25px; |
| | + | top:25px; |
| | + | } |
| | | | |
| − | <style>
| + | #MainBoxOtherLinks{ |
| − | @CHARSET "ISO-8859-1";
| + | position:absolute; |
| − | /* Reset CSS
| + | width: 800px; |
| − | * --------------------------------------- */
| + | height: 75px; |
| − | body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
| + | background-color: white; |
| − | form,fieldset,input,textarea,p,blockquote,th,td {
| + | top: 475px; |
| − | padding: 0;
| + | |
| − | margin: 0;
| + | |
| | } | | } |
| − | a{
| + | |
| − | text-decoration:none;
| + | #MainBoxOtherLinks p.otherLinks{ |
| | + | position:absolute; |
| | + | left:100px; |
| | + | top:25px; |
| | + | background-color: none; |
| | + | color: gray; |
| | + | |
| | } | | } |
| − | table {
| + | |
| − | border-spacing: 0;
| + | #MainBoxOtherLinks p.otherLinks a{ |
| | + | text-decoration:none; |
| | + | color: gray; |
| | } | | } |
| − | fieldset,img {
| |
| − | border: 0;
| |
| − | }
| |
| − | address,caption,cite,code,dfn,em,strong,th,var {
| |
| − | font-weight: normal;
| |
| − | font-style: normal;
| |
| − | }
| |
| − | strong{
| |
| − | font-weight: bold;
| |
| − | }
| |
| − | ol,ul {
| |
| − | list-style: none;
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | }
| |
| − | caption,th {
| |
| − | text-align: left;
| |
| | | | |
| − | }
| + | #MainBoxOtherLinks p.otherLinks a:hover{ |
| − | h1,h2,h3,h4,h5,h6 {
| + | text-decoration:underline; |
| − | font-weight: normal;
| + | |
| − | font-size: 100%;
| + | |
| − | margin:0;
| + | |
| − | padding:0;
| + | |
| − | color:#444;
| + | |
| − | }
| + | |
| − | q:before,q:after {
| + | |
| − | content:'';
| + | |
| − | }
| + | |
| − | abbr,acronym { border: 0;
| + | |
| | } | | } |
| | | | |
| − |
| |
| − | /* Custom CSS
| |
| − | * --------------------------------------- */
| |
| | | | |
| | body{ | | body{ |
| − | font-family: arial,helvetica;
| + | background-image:url("https://static.igem.org/mediawiki/2015/9/9d/MN_2015_BG.png"); |
| − | color: #333;
| + | background-color:gray; |
| − | color: rgba(0,0,0,0.5);
| + | |
| − | }
| + | |
| − | .wrap{
| + | |
| − | margin-left: auto;
| + | |
| − | margin-right: auto;
| + | |
| − | width: 960px;
| + | |
| − | position: relative;
| + | |
| − | }
| + | |
| − | h1{
| + | |
| − | font-size: 6em;
| + | |
| − | }
| + | |
| − | p{
| + | |
| − | font-size: 2em;
| + | |
| − | }
| + | |
| − | .intro p{
| + | |
| − | width: 50%;
| + | |
| − | margin: 0 auto;
| + | |
| − | font-size: 1.5em;
| + | |
| − | }
| + | |
| − | .section{
| + | |
| − | text-align:center;
| + | |
| − | }
| + | |
| − | #menu li {
| + | |
| − | display:inline-block;
| + | |
| − | margin: .6%;
| + | |
| − | color: #000;
| + | |
| − | background:#fff;
| + | |
| − | background: rgba(255,255,255, 0.5);
| + | |
| − | -webkit-border-radius: 10px;
| + | |
| − | border-radius: 10px;
| + | |
| − | }
| + | |
| − | #menu li.active{
| + | |
| − | background:#666;
| + | |
| − | background: rgba(0,0,0, 0.25%);
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | #menu li a{
| + | |
| − | text-decoration:none;
| + | |
| − | color: #000;
| + | |
| − | }
| + | |
| − | #menu li.active a:hover{
| + | |
| − | color: #000;
| + | |
| − | }
| + | |
| − | #menu li:hover{
| + | |
| − | background: rgba(255,255,255, 0.8);
| + | |
| − | }
| + | |
| − | #menu li a,
| + | |
| − | #menu li.active a{
| + | |
| − | padding: 5px 20px;
| + | |
| − | display:block;
| + | |
| − | }
| + | |
| − | #menu li.active a{
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | #menu{
| + | |
| − | position:fixed;
| + | |
| − | top:0;
| + | |
| − | left:0;
| + | |
| − | height: 10%;
| + | |
| − | z-index: 70;
| + | |
| − | width: 100%;
| + | |
| − | padding: 0.5%;
| + | |
| − | margin:0;
| + | |
| − | }
| + | |
| − | .twitter-share-button{
| + | |
| − | position: fixed;
| + | |
| − | z-index: 99;
| + | |
| − | right: 10%;
| + | |
| − | top: 3%;
| + | |
| − | }
| + | |
| − | #download{
| + | |
| − | margin: 10px 0 0 0;
| + | |
| − | padding: 15px 10px;
| + | |
| − | color: #fff;
| + | |
| − | text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
| + | |
| − | background-color: #49afcd;
| + | |
| − | background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
| + | |
| − | background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
| + | |
| − | background-image: -webkit-gradient(linear,0 0,0 100%,from( #5bc0de),to( #2f96b4));
| + | |
| − | background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
| + | |
| − | background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
| + | |
| − | background-image: linear-gradient(top, #5bc0de, #2f96b4);
| + | |
| − | background-repeat: repeat-x;
| + | |
| − | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
| + | |
| − | border-color: #2f96b4 #2f96b4 #1f6377;
| + | |
| − | border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
| + | |
| − | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
| + | |
| − |
| + | |
| − | -webkit-border-radius: 6px;
| + | |
| − | -moz-border-radius: 6px;
| + | |
| − | border-radius: 6px;
| + | |
| − | vertical-align: middle;
| + | |
| − | cursor: pointer;
| + | |
| − | display: inline-block;
| + | |
| − | -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
| + | |
| − | -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
| + | |
| − | box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
| + | |
| − | }
| + | |
| − | #download a{
| + | |
| − | text-decoration:none;
| + | |
| − | color:#fff;
| + | |
| − | }
| + | |
| − | #download:hover{
| + | |
| − | text-shadow: 0 -1px 0 rgba(0,0,0,.25);
| + | |
| − | background-color: #2F96B4;
| + | |
| − | background-position: 0 -15px;
| + | |
| − | -webkit-transition: background-position .1s linear;
| + | |
| − | -moz-transition: background-position .1s linear;
| + | |
| − | -ms-transition: background-position .1s linear;
| + | |
| − | -o-transition: background-position .1s linear;
| + | |
| − | transition: background-position .1s linear;
| + | |
| − | }
| + | |
| − | #infoMenu{
| + | |
| − | height: 20px;
| + | |
| − | color: #f2f2f2;
| + | |
| − | position:fixed;
| + | |
| − | z-index:70;
| + | |
| − | bottom:0;
| + | |
| − | width:100%;
| + | |
| − | text-align:right;
| + | |
| − | font-size:0.9em;
| + | |
| − | padding:8px 0 8px 0;
| + | |
| − | }
| + | |
| − | #infoMenu ul{
| + | |
| − | padding: 0 40px;
| + | |
| − | }
| + | |
| − | #infoMenu li a{
| + | |
| − | display: block;
| + | |
| − | margin: 0 22px 0 0;
| + | |
| − | color: #333;
| + | |
| − | }
| + | |
| − | #infoMenu li a:hover{
| + | |
| − | text-decoration:underline;
| + | |
| − | }
| + | |
| − | #infoMenu li{
| + | |
| − | display:inline-block;
| + | |
| − | position:relative;
| + | |
| − | }
| + | |
| − | #examplesList{
| + | |
| − | display:none;
| + | |
| − | background: #282828;
| + | |
| − | -webkit-border-radius: 6px;
| + | |
| − | -moz-border-radius: 6px;
| + | |
| − | border-radius: 6px;
| + | |
| − | padding: 20px;
| + | |
| − | float: left;
| + | |
| − | position: absolute;
| + | |
| − | bottom: 29px;
| + | |
| − | right: 0;
| + | |
| − | width:638px;
| + | |
| − | text-align:left;
| + | |
| − | }
| + | |
| − | #examplesList ul{
| + | |
| − | padding:0;
| + | |
| − | }
| + | |
| − | #examplesList ul li{
| + | |
| − | display:block;
| + | |
| − | margin: 5px 0;
| + | |
| − | }
| + | |
| − | #examplesList ul li a{
| + | |
| − | color: #BDBDBD;
| + | |
| − | margin:0;
| + | |
| − | }
| + | |
| − | #examplesList ul li a:hover{
| + | |
| − | color: #f2f2f2;
| + | |
| − | }
| + | |
| − | #examplesList .column{
| + | |
| − | float: left;
| + | |
| − | margin: 0 20px 0 0;
| + | |
| − | }
| + | |
| − | #examplesList h3{
| + | |
| − | color: #f2f2f2;
| + | |
| − | font-size: 1.2em;
| + | |
| − | margin: 0 0 15px 0;
| + | |
| − | border-bottom: 1px solid rgba(0, 0, 0, 0.4);
| + | |
| − | -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
| + | |
| − | -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
| + | |
| − | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
| + | |
| − | padding: 0 0 5px 0;
| + | |
| | } | | } |
| | | | |
| | + | /*end container boxs*/ |
| | | | |
| | + | /*Start Revised sidebar styles*/ |
| | | | |
| − | /* Demos Menu
| + | .sideNavBar2 |
| − | * --------------------------------------- */
| + | { |
| − | #demosMenu{
| + | position:absolute; |
| − | position:fixed;
| + | top:25px; |
| − | bottom: 10px;
| + | left:0px; |
| − | right:10px;
| + | margin:0; |
| − | z-index: 999;
| + | padding:0; |
| − | }
| + | border:0px; |
| | + | } |
| | | | |
| | + | .sideNavBar2 ul li |
| | + | { |
| | + | list-style:none; |
| | + | margin:0; |
| | + | padding:0; |
| | + | } |
| | | | |
| − | </style>
| + | .sideNavBar2 a{ |
| | + | font-family: Trebuchet MS, Verdana, Century Gothic, Tahoma, sans-serif; |
| | + | font-size:20px; |
| | + | //font-weight:600; |
| | | | |
| | + | padding-top:5px; |
| | + | padding-left:15px; |
| | | | |
| − | <style>
| |
| − | /**
| |
| − | * fullPage 2.1.9
| |
| − | * https://github.com/alvarotrigo/fullPage.js
| |
| − | * MIT licensed
| |
| − | *
| |
| − | * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
| |
| − | */
| |
| − | html, body {
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | overflow:hidden;
| |
| | | | |
| − | /*Avoid flicker on slides transitions for mobile phones #336 */ | + | text-decoration:none; |
| − | -webkit-tap-highlight-color: rgba(0,0,0,0); | + | background-color:white; |
| | + | display:block; |
| | + | width:150px; |
| | + | height:35px; |
| | } | | } |
| − | #superContainer {
| |
| − | height: 100%;
| |
| − | position: relative;
| |
| | | | |
| − | /* Touch detection for Windows 8 */ | + | .sideNavBar2 a:link { |
| − | -ms-touch-action: none; | + | border-width:1px 1px 1px 3px; |
| | + | border-style:none none none solid; |
| | + | border-color:white; |
| | + | color: gray; |
| | | | |
| − | /* IE 11 on Windows Phone 8.1*/
| |
| − | touch-action: none;
| |
| | } | | } |
| − | .fp-section { | + | |
| − | position: relative; | + | .sideNavBar2 a:visited { |
| − | -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ | + | border-width:1px 1px 1px 3px; |
| − | -moz-box-sizing: border-box; /* <=28 */ | + | border-style:none none none solid; |
| − | box-sizing: border-box; | + | border-color:white; |
| | + | color: gray; |
| | } | | } |
| − | .fp-slide { | + | |
| − | float: left; | + | .sideNavBar2 a:hover { /*cool button*/ |
| | + | border-width:1px 1px 1px 3px; |
| | + | border-style: none none none solid; |
| | + | border-color:#660000 #660000 #660000 #660000; |
| | + | color: #FBB917; |
| | } | | } |
| − | .fp-slide, .fp-slidesContainer { | + | .sideNavBar2 a:active { |
| − | height: 100%; | + | border-width:1px 1px 1px 3px; |
| − | display: block; | + | border-style: none none none solid; |
| | + | border-color:#660000 #660000 #660000 #660000; |
| | + | color: #FBB917; |
| | } | | } |
| − | .fp-slides { | + | |
| − | z-index:1;
| + | .sideNavBar2 a.current{ /*force black for current button*/ |
| − | height: 100%;
| + | color: #660000; |
| − | overflow: hidden;
| + | |
| − | position: relative;
| + | |
| − | -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
| + | |
| − | transition: all 0.3s ease-out; | + | |
| | } | | } |
| − | .fp-section.fp-table, .fp-slide.fp-table { | + | |
| − | display: table; | + | .sideNavBar2 a.current:hover{ /*allow for gold to still happen for current button*/ |
| − | width: 100%;
| + | color: #FBB917; |
| | } | | } |
| − | .fp-tableCell {
| + | |
| − | display: table-cell;
| + | .sideSocialMediaButtons{ |
| − | vertical-align: middle;
| + | position:absolute; |
| − | width: 100%;
| + | width:120px; |
| − | height: 100%;
| + | height:60px; |
| − | }
| + | top:460px; |
| − | .fp-slidesContainer { | + | left:30px; |
| − | float: left;
| + | background-color:white; |
| − | position: relative;
| + | |
| − | }
| + | |
| − | .fp-controlArrow {
| + | |
| − | position: absolute;
| + | |
| − | z-index: 4;
| + | |
| − | top: 50%;
| + | |
| − | cursor: pointer;
| + | |
| − | width: 0;
| + | |
| − | height: 0;
| + | |
| − | border-style: solid;
| + | |
| − | margin-top: -38px;
| + | |
| − | }
| + | |
| − | .fp-controlArrow.fp-prev {
| + | |
| − | left: 15px;
| + | |
| − | width: 0;
| + | |
| − | border-width: 38.5px 34px 38.5px 0;
| + | |
| − | border-color: transparent #fff transparent transparent;
| + | |
| − | }
| + | |
| − | .fp-controlArrow.fp-next {
| + | |
| − | right: 15px;
| + | |
| − | border-width: 38.5px 0 38.5px 34px;
| + | |
| − | border-color: transparent transparent transparent #fff;
| + | |
| − | }
| + | |
| − | .fp-controlArrow.fp-down {
| + | |
| − | right: 15px;
| + | |
| − | border-width: 34px 38.5px 0 38.5px;
| + | |
| − | border-color: transparent transparent transparent #fff;
| + | |
| − | }
| + | |
| − | .fp-scrollable {
| + | |
| − | overflow: scroll;
| + | |
| − | }
| + | |
| − | .fp-easing {
| + | |
| − | -webkit-transition: all 0.7s ease-out; /* Safari<=6 Android<=4.3 */
| + | |
| − | transition: all 0.7s ease-out;
| + | |
| − | }
| + | |
| − | #fp-nav {
| + | |
| − | position: fixed;
| + | |
| − | z-index: 100;
| + | |
| − | margin-top: -32px;
| + | |
| − | top: 50%;
| + | |
| − | opacity: 1;
| + | |
| − | }
| + | |
| − | #fp-nav.right {
| + | |
| − | right: 17px;
| + | |
| − | }
| + | |
| − | #fp-nav.left {
| + | |
| − | left: 17px;
| + | |
| − | }
| + | |
| − | .fp-slidesNav{
| + | |
| − | position: absolute;
| + | |
| − | z-index: 4;
| + | |
| − | left: 50%;
| + | |
| − | opacity: 1;
| + | |
| − | }
| + | |
| − | .fp-slidesNav.bottom {
| + | |
| − | bottom: 17px;
| + | |
| − | }
| + | |
| − | .fp-slidesNav.top {
| + | |
| − | top: 17px;
| + | |
| − | }
| + | |
| − | #fp-nav ul,
| + | |
| − | .fp-slidesNav ul {
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | }
| + | |
| − | #fp-nav li,
| + | |
| − | .fp-slidesNav li {
| + | |
| − | display: block;
| + | |
| − | width: 14px;
| + | |
| − | height: 13px;
| + | |
| − | margin: 7px;
| + | |
| − | position:relative;
| + | |
| − | }
| + | |
| − | .fp-slidesNav li {
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| − | #fp-nav li a,
| + | |
| − | .fp-slidesNav li a {
| + | |
| − | display: block;
| + | |
| − | position: relative;
| + | |
| − | z-index: 1;
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | cursor: pointer;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | #fp-nav li .active span,
| + | |
| − | .fp-slidesNav .active span {
| + | |
| − | background: #333;
| + | |
| − | }
| + | |
| − | #fp-nav span,
| + | |
| − | .fp-slidesNav span {
| + | |
| − | top: 2px;
| + | |
| − | left: 2px;
| + | |
| − | width: 8px;
| + | |
| − | height: 8px;
| + | |
| − | border: 1px solid #000;
| + | |
| − | background: rgba(0, 0, 0, 0);
| + | |
| − | border-radius: 50%;
| + | |
| − | position: absolute;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .fp-tooltip {
| + | |
| − | position: absolute;
| + | |
| − | top: -2px;
| + | |
| − | color: #fff;
| + | |
| − | font-size: 14px;
| + | |
| − | font-family: arial, helvetica, sans-serif;
| + | |
| − | white-space: nowrap;
| + | |
| − | max-width: 220px;
| + | |
| − | }
| + | |
| − | .fp-tooltip.right {
| + | |
| − | right: 20px;
| + | |
| − | }
| + | |
| − | .fp-tooltip.left {
| + | |
| − | left: 20px;
| + | |
| | } | | } |
| | | | |
| − | </style>
| |
| − |
| |
| − | </p><p>
| |
| − | <html xmlns="http://www.w3.org/1999/xhtml">
| |
| − | <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
| |
| | | | |
| − | <head>
| + | /*End Revised sidebar styles*/ |
| − | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| + | |
| − | <title>UMN iGEM 2014</title>
| + | |
| | | | |
| − | <style>
| + | /*Start Main Content items*/ |
| | + | .rightNavButtons { |
| | + | position:absolute; |
| | + | top:140px; |
| | + | left:695px; |
| | + | width:80px; |
| | + | height:220px; |
| | + | background-color:transparent; |
| | + | } |
| | | | |
| | + | .rightNavButtons a{ |
| | + | display:block; |
| | + | } |
| | | | |
| − | /* Style for our header texts
| + | .mainContentTextBanner{ |
| − | * --------------------------------------- */
| + | position:absolute; |
| − | /* acting weird */ h1{
| + | top:350px; |
| − | font-size: 4em;
| + | left:0px; |
| − | font-family: Futura, "Trebuchet MS", Arial, sans-serif;
| + | width:730px; |
| − | color: #fff;
| + | height:80px; |
| − | margin: 4% 0 0% 0;
| + | background-color:#660000; |
| − | padding: 3% 0 0 0 ;
| + | opacity:0.7; |
| − | }
| + | font-size:20px; |
| − | h2 {
| + | color:white; |
| − | color: black;
| + | padding: 10px; |
| − | font-size: 1em;
| + | } |
| − | font-family: Futura, "Trebuchet MS", Arial, sans-serif;
| + | |
| − | margin: 3px 10px 3px 10px;
| + | |
| − | }
| + | |
| − | h4 {
| + | |
| − | font-size: 4em;
| + | |
| − | font-family: Futura, "Trebuchet MS", Arial, sans-serif;
| + | |
| − | color: black;
| + | |
| − | margin: 4% 0 0% 0;
| + | |
| − | padding: 3% 0 0 0 ;
| + | |
| − | }
| + | |
| − | h5 {
| + | |
| − | font-size: 2em;
| + | |
| − | font-family: Futura, "Trebuchet MS", Arial, sans-serif;
| + | |
| − | color: black;
| + | |
| − | }
| + | |
| − | h6 {
| + | |
| − | font-size: 6em;
| + | |
| − | font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
| + | |
| − | color: white;
| + | |
| − | margin: 4% 0 0% 0;
| + | |
| − | padding: 3% 0 0 0 ;
| + | |
| − | text-shadow:
| + | |
| − | -2px -2px 0 #000,
| + | |
| − | 2px -2px 0 #000,
| + | |
| − | -2px 2px 0 #000,
| + | |
| − | 2px 2px 0 #000;
| + | |
| − | }
| + | |
| − | h3 {
| + | |
| − | color: black;
| + | |
| − | font-size: 14px;
| + | |
| − | font-family: Futura, "Trebuchet MS", Arial, sans-serif;
| + | |
| − | margin-top: 0;
| + | |
| − | margin-right: 10%;
| + | |
| − | margin-bottom: 0;
| + | |
| − | margin-left: 10%;
| + | |
| − | }
| + | |
| − | /* specfic style for h3 elements in section 1 */
| + | |
| | | | |
| − | #section1 h3 {
| + | /*============the following section is hacking the original wiki template============*/ |
| − | /* font-size: px;
| + | |
| − | margin-top: 0;
| + | |
| − | margin-right: 10%;
| + | |
| − | margin-bottom: 0;
| + | |
| − | margin-left: 10%;
| + | |
| − | */
| + | |
| − | }
| + | |
| | | | |
| − | div.smallbox {
| + | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { |
| − | position: relative;
| + | display:none; |
| − | top: -150px;
| + | |
| − | left: 25%;
| + | |
| − | right: 25%;
| + | |
| − | width: 50%;
| + | |
| − | height: 50%;
| + | |
| − | border-style: solid;
| + | |
| − | margin: 0px; | + | |
| − | }
| + | |
| − | box {
| + | |
| − | width: 80%;
| + | |
| − | height: 70%;
| + | |
| − | display: block;
| + | |
| − | position: relative;
| + | |
| − | border: 1px solid #000;
| + | |
| − | margin: auto;
| + | |
| − | padding: 10px;
| + | |
| − | font-size: 100%;
| + | |
| − | border-radius: 25px;
| + | |
| − | background: gray;
| + | |
| − | padding: 5% 0 5% 0 ;
| + | |
| | } | | } |
| − | table#t01 {
| + | |
| − | width: 100%; | + | #top-section { |
| − | background-color: #f1f1c1; | + | border: none; |
| | + | height: 0px; |
| | } | | } |
| − | box:after {
| + | |
| − | background: gray;
| + | #content { |
| − | opacity: 0.70;
| + | border: none; |
| − | width: 100%;
| + | background-color: transparent; |
| − | height: 100%;
| + | |
| − | top: 0;
| + | |
| − | left: 0;
| + | |
| − | position: absolute;
| + | |
| − | z-index: -1;
| + | |
| − | content: "";
| + | |
| − | border-radius: 25px;
| + | |
| | } | | } |
| − | logo {
| |
| − | position: relative;
| |
| − | top: 0%;
| |
| − | right: 20%;
| |
| − | }
| |
| − | lab {
| |
| − | position: relative;
| |
| − | margin: 0 0 0 0;
| |
| − | padding: 0 0 0 0;
| |
| − | }
| |
| − | labSection {
| |
| − | margin: 0 0 0 0;
| |
| − | padding: 0 0 0 0;
| |
| − | }
| |
| − | .intro p{
| |
| − | color: #fff;
| |
| − | }
| |
| | | | |
| − | /* Centered texts in each section
| |
| − | * --------------------------------------- */
| |
| − | .section {
| |
| − | text-align:center;
| |
| − | }
| |
| | | | |
| − | /* Backgrounds will cover all the section
| + | #menubar > ul > li:last-child { |
| − | * --------------------------------------- */
| + | display: none; |
| − | #section0,
| + | } |
| − | #section1,
| + | |
| − | #section2,
| + | |
| − | #section3,
| + | |
| − | #section4,
| + | |
| − | #section5,
| + | |
| − | #section6,
| + | |
| − | #section7,
| + | |
| − | #section8 {
| + | |
| − | background-size: cover;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| | | | |
| − | /* Defining each sectino background and styles
| + | #menubar { //resizes menu bar |
| − | * --------------------------------------- */
| + | width: auto; |
| − | #section0{
| + | } |
| − | background-image: url(https://static.igem.org/mediawiki/2014/4/4f/Background_for_iGEM_webpage.png);
| + | |
| − | /* background-image: url(https://i.imgur.com/JKJSa.gif); */
| + | |
| − | padding: 0 0 0 0;
| + | |
| − | }
| + | |
| − | /* #section0 #waterfallvideo { | + | |
| − | position: fixed; right: 0; bottom: 0;
| + | |
| − | min-width: 100%; min-height: 100%;
| + | |
| − | width: auto; height: auto; z-index: -100;
| + | |
| − | background: url(https://static.igem.org/mediawiki/2014/3/33/Video.jpg) no-repeat; https://static.igem.org/mediawiki/2014/3/33/Video.jpg
| + | |
| − | background-size: cover;
| + | |
| − | } */
| + | |
| − |
| + | |
| − | #section1{
| + | |
| − | background-color: #A8A8A8;
| + | |
| − | padding: 0 0 0 0;
| + | |
| − | }
| + | |
| − | #section2{
| + | |
| − | background-color: #34DDDD;
| + | |
| − | padding: 0 0 0 0;
| + | |
| − | }
| + | |
| − | #section2 h4{
| + | |
| − | font-size: 5em;
| + | |
| − | font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
| + | |
| − | color: white;
| + | |
| − | margin: 4% 0 0% 0;
| + | |
| − | padding: 3% 0 0 0 ;
| + | |
| − | text-shadow:
| + | |
| − | -2px -2px 0 #000,
| + | |
| − | 2px -2px 0 #000,
| + | |
| − | -2px 2px 0 #000,
| + | |
| − | 2px 2px 0 #000;
| + | |
| − | }
| + | |
| | | | |
| − | #section2 h3 {
| + | /*hacks menubar links to do cool things*/ |
| − | color: black;
| + | #menubar a:link {color:transparent;} |
| − | font-size: 14px;
| + | #menubar a:visited {color:transparent;} |
| − | font-family: Futura, "Trebuchet MS", Arial, sans-serif;
| + | #menubar a:hover {color:black;} |
| − | margin-top: 0;
| + | #menubar a:active {color:gray;} |
| − | margin-right: 10%;
| + | |
| − | margin-bottom: 0;
| + | |
| − | margin-left: 10%;
| + | |
| − | }
| + | |
| − | #section3a {
| + | |
| − | background-color: #002366;
| + | |
| − | padding: 0 0 0 0;
| + | |
| − | }
| + | |
| − | #section4 {
| + | |
| − | background-color: #0088CC;
| + | |
| − | padding: 0 0 0 0;
| + | |
| − | }
| + | |
| − | #section5{
| + | |
| − | padding: 0 0 0 0;
| + | |
| − | }
| + | |
| | | | |
| | | | |
| | + | #top-section { /*section with the buttons and search bar - might be bad to remove*/ |
| | + | border: 0px transparent solid; |
| | + | position:absolute; |
| | + | left:140px; |
| | + | /*display:none;*/ |
| | + | } |
| | | | |
| − | #section5 h3{
| + | #menubar { /*main menubar settings*/ |
| − | font-size: 3em;
| + | background-color: transparent; |
| − | line-height: 100%;
| + | } |
| − | font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
| + | #menubar ul li a { /*menubar subcategory items*/ |
| − | color: white;
| + | color: black; |
| − | margin: 4% 0 0% 0;
| + | } |
| − | padding: 3% 0 0 0 ;
| + | |
| − | color: white;
| + | |
| − | text-shadow:
| + | |
| − | -.5px -.5px 15px #000,
| + | |
| − | .5px -.5px 15px #000,
| + | |
| − | -.5px .5px 15px #000,
| + | |
| − | .5px .5px 15px #000;
| + | |
| − | }
| + | |
| | | | |
| − | #section6{
| + | .right-menu li a { |
| − | background-color: #fff;
| + | color: black; |
| − | padding: 0 0 0 0;
| + | background-color: transparent; |
| − | }
| + | } |
| − |
| + | |
| − | #section7 {
| + | |
| | | | |
| − | background-color: #FFCC33;
| + | /*============End original wiki mods============*/ |
| | | | |
| − | }
| + | .mainBox{ |
| | + | position: absolute; |
| | + | top: 375px; |
| | + | left: 210px; |
| | + | width:700px; |
| | + | height:300px; |
| | + | text-align:center; |
| | + | } |
| | | | |
| − | #section7 h4{
| |
| − | color: #7A0019;
| |
| − | line-height: 60px;
| |
| − | }
| |
| − | #section7 h3{
| |
| − | color: #7A0019;
| |
| − | padding-top: 10px;
| |
| − | }
| |
| | | | |
| − | #section8{
| + | .mainBox td{ |
| − | background-color: #fff;
| + | align:center; |
| − | padding: 0 0 0 0;
| + | height:130px; |
| − | }
| + | padding:10px; /*between border & content&*/ |
| − | #section3 h1{
| + | border:solid #E0E0E0 1px; |
| − | color: #000;
| + | } |
| − | }
| + | .mainBox td.profpic{ |
| | + | width:150px; |
| | + | padding:0px; /*between border & content&*/ |
| | + | } |
| | | | |
| − | /* Overwriting styles for the navigation dots (to place it where we want)
| |
| − | * --------------------------------------- */
| |
| − | .fp-slidesNav.bottom{
| |
| − | bottom: 3%;
| |
| − | }
| |
| | | | |
| − | /*Adding background for the slides
| + | p.filler |
| − | * --------------------------------------- */
| + | { |
| − | #slide1{
| + | position:relative; |
| − | background-color: #A8A8A8;
| + | padding-top:100px; |
| − | }
| + | font-family:arial; |
| − | #slide2{
| + | color:gray; |
| − | background-color: #B8B8B8;
| + | font-size:20px; |
| − | padding: 0 0 0 0;
| + | padding:50px; |
| − | }
| + | } |
| − | #slide3{
| + | |
| − | background-color: #C8C8C8;
| + | |
| − | padding: 0 0 0 0;
| + | |
| − | }
| + | |
| − | #slide4{
| + | |
| − | background-color: #D8D8D8;
| + | |
| − | padding: 0 0 0 0;
| + | |
| − | }
| + | |
| − | #PnPslide1{
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2014/a/ae/Collage5.png");
| + | |
| − | padding: 0 0 0 0;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: cover;
| + | |
| − | }
| + | |
| − | #Sponsorsslide1{
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2014/a/ae/Collage5.png");
| + | |
| − | padding: 0 0 0 0;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: cover;
| + | |
| − | }
| + | |
| − | #safetySlide1{
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2014/thumb/b/b6/Copy_of_jessica_lab_photo.png/800px-Copy_of_jessica_lab_photo.png");
| + | |
| − | padding: 0 0 0 0;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: cover;
| + | |
| | | | |
| − | }
| + | body |
| − | #section5 h4{
| + | { |
| − | font-size: 6em;
| + | background-color:transparent; |
| − | color: white;
| + | margin:0; |
| − | font-weight: 900;
| + | padding:0; |
| − | text-shadow:
| + | } |
| − | -1px -1px 15px #000,
| + | |
| − | 1px -1px 15px #000,
| + | |
| − | -1px 1px 15px #000,
| + | |
| − | 1px 1px 15px #000;
| + | |
| − | }
| + | |
| | | | |
| − | #section5 h3{
| + | table,td |
| − | font-size: 40px;
| + | { |
| − | color: white;
| + | border:0px; |
| − | font-weight: 900;
| + | } |
| − | text-shadow:
| + | |
| − | -1px -1px 15px #000,
| + | |
| − | 1px -1px 15px #000,
| + | |
| − | -1px 1px 15px #000,
| + | |
| − | 1px 1px 15px #000;
| + | |
| − | padding-left: 10px;
| + | |
| − | padding-right: 10px;
| + | |
| | | | |
| − | }
| + | /*=========Start side nav bar code==============*/ |
| − |
| + | .sideNavBar |
| | + | { |
| | + | position:absolute; |
| | + | top:320px; |
| | + | left:0px; |
| | + | background-color:white; |
| | + | margin:0; |
| | + | padding:0; |
| | + | border:0px; |
| | + | } |
| | | | |
| − | #safetySlide2{
| + | .sideNavBar ul li |
| − | background-image: url("https://static.igem.org/mediawiki/2014/thumb/5/5e/Image_1908.PNG/800px-Image_1908.PNG");
| + | { |
| − | padding: 0 0 0 0;
| + | list-style:none; |
| − | background-repeat: no-repeat;
| + | margin:0; |
| − | background-size: cover;
| + | padding:0; |
| − | }
| + | } |
| − | #safetySlide3{
| + | |
| − | background-image: url("http://i791.photobucket.com/albums/yy194/GopheriGEM/f4ffe7af-ee1a-44b7-ba52-4a96ba89407e_zps66846c15.png");
| + | |
| − | padding: 0 0 0 0;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-size: cover;
| + | |
| − | }
| + | |
| | | | |
| − |
| + | .sideNavBar a{ |
| − | /* Fixed header and footer.
| + | font-family: Verdana, Century Gothic, Tahoma, sans-serif; |
| − | * --------------------------------------- */
| + | font-size:20px; |
| − | #header {
| + | /*font-weight:600;*/ |
| − | position:fixed;
| + | padding-top:15px; |
| − | height: 8%;
| + | padding-left:30px; |
| − | display:block;
| + | text-decoration:none; |
| − | width: 100%;
| + | background-color:white; |
| − | background: #333;
| + | display:block; |
| − | z-index:9;
| + | width:170px; |
| − | text-align:center;
| + | height:45px; |
| − | color: #f2f2f2;
| + | } |
| − | padding: 0 0 0 0;
| + | |
| − | opacity: .60; /* Standard: FF gt 1.5, Opera, Safari, CSS3 */
| + | |
| − | filter: alpha(opacity=60); /* IE lt 8 */
| + | |
| − | -ms-filter: "alpha(opacity=60)"; /* IE 8 */
| + | |
| − | -khtml-opacity: .60; /* Safari 1.x */
| + | |
| − | -moz-opacity: .60; /* FF lt 1.5, Netscape */
| + | |
| − | }
| + | |
| − | #footer{
| + | |
| − | position:fixed;
| + | |
| − | height: 3%;
| + | |
| − | display:block;
| + | |
| − | width: 100%;
| + | |
| − | background: #333;
| + | |
| − | z-index:9;
| + | |
| − | text-align:center;
| + | |
| − | color: #f2f2f2;
| + | |
| − | padding: 0 0 0 0;
| + | |
| − | opacity: .60; /* Standard: FF gt 1.5, Opera, Safari, CSS3 */
| + | |
| − | filter: alpha(opacity=60); /* IE lt 8 */
| + | |
| − | -ms-filter: "alpha(opacity=60)"; /* IE 8 */
| + | |
| − | -khtml-opacity: .60; /* Safari 1.x */
| + | |
| − | -moz-opacity: .60; /* FF lt 1.5, Netscape */
| + | |
| − | bottom:0%;
| + | |
| − | }
| + | |
| − | #twitterbutton {
| + | |
| − | /* position:fixed;
| + | |
| − | height: 7%;
| + | |
| − | display:block;
| + | |
| − | width: 100%;
| + | |
| − | background: #333;
| + | |
| − | z-index:9;
| + | |
| − | text-align:center;
| + | |
| − | position:absolute;
| + | |
| − | top:0%;
| + | |
| − | right:0%;
| + | |
| − | margin:0;
| + | |
| − | color: #f2f2f2; */
| + | |
| − | padding: .25% 4%;
| + | |
| − | display:block;
| + | |
| − | top:1%;
| + | |
| − | left:0%;
| + | |
| − | background: 0;
| + | |
| − | position:absolute;
| + | |
| − | margin:0;
| + | |
| − | }
| + | |
| − | #igembutton {
| + | |
| − | padding: 0% 0%;
| + | |
| − | margin: 0 0 0 0;
| + | |
| − | border: 0;
| + | |
| − | display:block;
| + | |
| − | top:0%;
| + | |
| − | right:1%;
| + | |
| − | background: 0;
| + | |
| − | position:absolute;
| + | |
| − | margin:0;
| + | |
| − | }
| + | |
| − | #teamImg {
| + | |
| − | padding: 6px 6px;
| + | |
| − | border: 2px solid gray;
| + | |
| − | background-color:gray;
| + | |
| − | margin: .5% .5% .5% .5%;
| + | |
| − | }
| + | |
| − | #attImg {
| + | |
| − | padding: 2px 2px;
| + | |
| − | /* border: 2px solid gray;
| + | |
| − | background-color:gray; */
| + | |
| − | margin: 2% 0 2% 0;
| + | |
| − | }
| + | |
| − | #title {
| + | |
| − | /*
| + | |
| − | top: 6%;
| + | |
| − | position: absolute;
| + | |
| − | margin-left: auto;
| + | |
| − | margin-right: auto;
| + | |
| − | left: 0;
| + | |
| − | right: 0;
| + | |
| − | */
| + | |
| − | }
| + | |
| − | /* Bottom menu
| + | |
| − | * --------------------------------------- */
| + | |
| − | #infoMenu {
| + | |
| − | bottom: 10%;
| + | |
| − | position:fixed;
| + | |
| − | }
| + | |
| − | #infoMenu li a {
| + | |
| − | color: #fff;
| + | |
| − | z-index: 999;
| + | |
| − | }
| + | |
| − | /* Tooltip css */ /*
| + | |
| − | a.tooltips {
| + | |
| − | position: relative;
| + | |
| − | display: inline;
| + | |
| − | }
| + | |
| − | a.tooltips span {
| + | |
| − | position: absolute;
| + | |
| − | width:140px;
| + | |
| − | color: black;
| + | |
| − | background: #BBBBDD;
| + | |
| − | border: 2px solid #6D6D6D;
| + | |
| − | height: 140px; /* change these two for tooltip heigh */ /*
| + | |
| − | line-height: 140px;
| + | |
| − | width: 400px;
| + | |
| − | text-align: center;
| + | |
| − | visibility: hidden;
| + | |
| − | border-radius: 18px;
| + | |
| − | } */ /*
| + | |
| − | a.tooltips span:before {
| + | |
| − | content: '';
| + | |
| − | position: absolute;
| + | |
| − | bottom: 100%;
| + | |
| − | left: 50%;
| + | |
| − | margin-left: -12px;
| + | |
| − | width: 0; height: 0;
| + | |
| − | border-bottom: 12px solid #6D6D6D;
| + | |
| − | border-right: 12px solid transparent;
| + | |
| − | border-left: 12px solid transparent;
| + | |
| − | }
| + | |
| − | a.tooltips span:after {
| + | |
| − | content: '';
| + | |
| − | position: absolute;
| + | |
| − | bottom: 100%;
| + | |
| − | left: 50%;
| + | |
| − | margin-left: -8px;
| + | |
| − | width: 0; height: 0;
| + | |
| − | border-bottom: 8px solid #BBBBDD;
| + | |
| − | border-right: 8px solid transparent;
| + | |
| − | border-left: 8px solid transparent;
| + | |
| − | }
| + | |
| − | a:hover.tooltips span {
| + | |
| − | visibility: visible;
| + | |
| − | opacity: 0.9;
| + | |
| − | top: 30px;
| + | |
| − | left: 50%;
| + | |
| − | margin-left: -76px;
| + | |
| − | z-index: 999;
| + | |
| − | } */
| + | |
| | | | |
| | + | .sideNavBar a:link { |
| | + | border-width:1px 1px 1px 3px; |
| | + | border-style:none none none solid; |
| | + | border-color:white; |
| | + | color: gray; |
| | | | |
| | + | } |
| | | | |
| | + | .sideNavBar a:visited { |
| | + | border-width:1px 1px 1px 3px; |
| | + | border-style:none none none solid; |
| | + | border-color:white; |
| | + | color: gray; |
| | + | } |
| | | | |
| − | </style>
| + | .sideNavBar a:hover { /*cool button*/ |
| | + | border-width:1px 1px 1px 3px; |
| | + | border-style: none none none solid; |
| | + | border-color:#660000 #660000 #660000 #660000; |
| | + | color: gold; |
| | + | } |
| | + | .sideNavBar a:active { |
| | + | border-width:1px 1px 1px 3px; |
| | + | border-style: none none none solid; |
| | + | border-color:#660000 #660000 #660000 #660000; |
| | + | color: gold; |
| | + | } |
| | | | |
| − | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
| + | .sideNavBar a.current{ /*force black for current button*/ |
| − | <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
| + | color: black; |
| | + | } |
| | | | |
| − | <script type="text/javascript" src="https://2014.igem.org/Team:Minnesota/jqueryslimscrollminjs?action=raw&ctype=text"></script>
| + | .sideNavBar a.current:hover{ /*allow for gold to still happen for current button*/ |
| | + | color: #660000; |
| | + | } |
| | | | |
| − | <script type="text/javascript" src="https://2014.igem.org/Team:Minnesota/Templates/jqueryfullpagejs?action=raw&ctype=text"></script>
| + | /*=============End side nav bar code=================*/ |
| − |
| + | |
| − | <script type="text/javascript" src="https://static.igem.org/mediawiki/2014/2/2e/Nhpup_1.1.txt?action=raw&ctype=text"></script>
| + | |
| − | <script type="text/javascript" src="https://static.igem.org/mediawiki/2014/3/35/Nhpup_1.0.txt?action=raw&ctype=text"></script>
| + | |
| − | <script type="text/javascript" src="https://static.igem.org/mediawiki/2014/6/67/Nhpup-ioshack_1.0.txt?action=raw&ctype=text"></script>
| + | |
| − |
| + | |
| − | <link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
| + | |
| − | <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
| + | |
| | | | |
| | + | /*=============Start top nav bar code===============*/ |
| | + | .insideTopBar { |
| | + | position:absolute; |
| | + | top:300px; |
| | + | left:230px; |
| | + | background-color:white; |
| | | | |
| − | <script type="text/javascript">
| + | } |
| − | $(document).ready(function() {
| + | .insideTopBar ul{ |
| − | $('#fullpage').fullpage({
| + | padding:0; |
| − | sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'],
| + | margin:0; |
| − | anchors: ['Home', 'Idea', 'Project', 'Team', 'Policies', 'Safety', 'Attributions', 'Medal', 'Sponsors'],
| + | list-style:none; |
| − | menu: '#menu',
| + | } |
| − | continuousVertical: true,
| + | .insideTopBar ul li{ |
| − | slidesNavigation: true,
| + | float:right; |
| − | easing: 'easeInOutCirc', <!-- options here: http://jqueryui.com/resources/demos/effect/easing.html -->
| + | padding-left:7px; |
| − | scrollingSpeed: 1300,
| + | margin:0px; |
| − | scrollOverflow: true, <!-- allows pages to scroll down individually -->
| + | |
| − | autoScrolling:true, <!-- removes slides as sections and allows continuous scrolling -->
| + | |
| − | loopHorizontal: false,
| + | |
| − | });
| + | |
| − | });
| + | |
| − | </script>
| + | |
| | | | |
| − | </head>
| + | } |
| − | <body>
| + | |
| − | <!-- Required Menu Start -->
| + | |
| | | | |
| − | <!-- Required Menu End -->
| + | .insideTopBar a{ |
| − | <div id="header">
| + | |
| − | <ul id="menu">
| + | |
| | | | |
| − | <li data-menuanchor="Home" class="active"><a href="#Home">Home</a></li>
| + | display:block; |
| − | <li data-menuanchor="Idea" class="active"><a href="#Idea">Idea</a></li>
| + | background-color:white; |
| − | <li data-menuanchor="Project" class="active"><a href="#Project">Project</a></li>
| + | text-decoration:none; |
| − | <!-- <li data-menuanchor="Dry" class="active"><a href="#Dry">Dry</a></li>
| + | } |
| − | <li data-menuanchor="Wet" class="active"><a href="#Wet">Project</a></li> -->
| + | |
| − | <li data-menuanchor="Team" class="active"><a href="#Team">Team</a></li>
| + | |
| − | <li data-menuanchor="Policies" class="active"><a href="#Policies">Policies & Practices</a></li>
| + | |
| − | <!-- <li data-menuanchor="Policies" class="active"><a href="#Policies">Policies & Practices</a></li> -->
| + | |
| − | <li data-menuanchor="Safety" class="active"><a href="#Safety">Safety</a></li>
| + | |
| − | <li data-menuanchor="Attributions" class="active"><a href="#Attributions">Attributions</a></li>
| + | |
| − | <li data-menuanchor="Medal" class="active"><a href="#Medal">Medal Requirements</a></li>
| + | |
| − | <li data-menuanchor="Sponsors" class="active"><a href="#Sponsors">Sponsors</a></li>
| + | |
| − |
| + | |
| − | <li class="active"><div id="igembutton"><a href="https://2014.igem.org">
| + | |
| − | <img width=60 height=60 src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"></a></li>
| + | |
| − |
| + | |
| − | </ul>
| + | |
| | | | |
| − | </div>
| + | .insideTopBar img{ |
| | + | opacity:0.4; |
| | + | filter:alpha(opacity=40); /* For IE8 and earlier */ |
| | + | } |
| | + | .insideTopBar img:hover{ |
| | + | opacity:1.0; |
| | + | filter:alpha(opacity=100); /* For IE8 and earlier */ |
| | + | } |
| | | | |
| − | <div id="footer"> <a href="https://igem.org/Main_Page" style="color:white;"> iGEM Home </a> | <a href="https://igem.org/2014_Judging_Form?id=1420" style="color:white;" > iGEM Judge-Click Here! </a> |
| + | /*=============End top nav bar code=================*/ |
| − | <a href="http://www1.umn.edu/twincities/index.html" style="color:white;" > University of Minnesota Home </a> | <a href="https://2014.igem.org/Team:Minnesota/Contact" style="color:white;" > Contact Us! </a></div>
| + | |
| | | | |
| − | <div id="fullpage">
| |
| − | <div class="section " id="section0">
| |
| − | <logo><img src="https://static.igem.org/mediawiki/2014/c/c3/Minnesota_iGem-copy2.gif" alt = "logo" height = "300"></logo>
| |
| − | <!--
| |
| − | <logo><img src="" alt="mn-logo" width="300"> </logo>
| |
| − | -->
| |
| − |
| |
| − | <!-- <video autoplay loop poster="https://static.igem.org/mediawiki/2014/3/33/Video.jpg" id="waterfallvideo">
| |
| − | <source src="https://giant.gfycat.com/FluffyBeautifulBluetonguelizard.webm" type="video/webm">
| |
| − | </video> -->
| |
| − |
| |
| − | <div class="intro">
| |
| − | <!-- <h4>MNtallica: Cleaning Up Heavy Metal!</h4> -->
| |
| − | <h6>Minnesota iGEM 2014</h6>
| |
| | | | |
| − | </div>
| + | /*====I hate doing this, but this is a GREAT CSS photo gallery...==*/ |
| − | </div>
| + | /* ================================================================ |
| − | <div class="section " id="section1">
| + | This copyright notice must be untouched at all times. |
| − | <div class="slide" id="slide1" data-anchor="slide1">
| + | |
| − | <br><br><br><br>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/d/dd/TheProblemSlide2.png" alt = "logo" height = 78% width=73%>
| + | |
| | | | |
| − | </div>
| + | The original version of this stylesheet and the associated (x)html |
| − | <div class="slide" id="slide2" data-anchor="slide2">
| + | is available at http://www.cssplay.co.uk/menu/lightbox.html |
| − | <br><br><br><br>
| + | Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. |
| − | <img src="https://static.igem.org/mediawiki/2014/0/05/TheSituationSlide2.png" alt = "logo" height=78% width=73%>
| + | This stylesheet and the associated (x)html may be modified in any |
| | + | way to fit your requirements. |
| | + | =================================================================== */ |
| | | | |
| − | </div>
| + | /* slides styling */ |
| − | <div class="slide" id="slide3" data-anchor="slide3">
| + | |
| − | <br><br><br><br>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/c/ce/TheChallengeSlide2.png" alt = "logo" height=78% width=73%>
| + | |
| − | </div>
| + | |
| − | <div class="slide" id="slide4" data-anchor="slide4">
| + | |
| − | <br><br><br><br>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/d/d7/TheSolutionSlide2.png" alt = "logo" height=78% width=73%>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | | | |
| | + | .photo {width:635px; text-align:left; position:relative; margin:0 auto;} |
| | | | |
| − | <div class="section" id="section2">
| + | .photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;} |
| − | <div class="slide active" id="safetySlide3" data-anchor="safetySlide3">
| + | |
| − | <h4> Project </h4>
| + | |
| | | | |
| | + | .photo ul.topic li {display:block; width:125px; height:31px; float:left;} |
| | + | .photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;} |
| | | | |
| − | <table style="width:100%"; align: center; background-color:#f1f1c1;>
| + | .photo ul.topic li a ul, |
| − | <tr>
| + | .photo ul.topic li ul |
| − | <td>
| + | {display:none;} |
| − | <ul>
| + | |
| − | <li><lab>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/5/5b/DryLabnewIcon.png" onclick="javascript:location.href='https://2014.igem.org/Team:Minnesota#Project/slide2';" alt = "Dry Lab" height = "195">
| + | |
| − | </lab>
| + | |
| − | </li>
| + | |
| − | <labSection>
| + | |
| − | <li>
| + | |
| | | | |
| | + | .photo ul.topic li.active a |
| | + | {color:#000; background:#bbb;} |
| | | | |
| | + | .photo ul.topic li a:hover, |
| | + | .photo ul.topic li:hover a |
| | + | {color:#fff; background:#aaa;} |
| | | | |
| − | <img src="https://static.igem.org/mediawiki/2014/a/a5/EncapsuLab.png"onclick="javascript:location.href='https://2014.igem.org/Team:Minnesota#Project/slide11';" alt = "dry" height = "130">
| + | .photo ul.topic li.active ul |
| − | <img src="https://static.igem.org/mediawiki/2014/0/03/MathModelIconnewfont.png"onclick="javascript:location.href='https://2014.igem.org/Team:Minnesota#Project/slide13';" alt = "dry" height = "130">
| + | {display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #bbb; z-index:1;} |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/3/38/DeviceDesignIcon1newfont.png"onclick="javascript:location.href='https://2014.igem.org/Team:Minnesota#Project/slide16';" alt = "dry" height = "130">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/6/6c/ScalabilityIconnewfont.png" onclick="javascript:location.href='https://2014.igem.org/Team:Minnesota#Project/slide17';" alt = "dry" height = "130">
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="https://static.igem.org/mediawiki/2014/a/ad/EncapsuLabNotebook.pdf">Dry Lab Notebook</a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | </td>
| + | |
| − | <td>
| + | |
| − | <ul>
| + | |
| − | <li><lab>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/1/17/WetLabIcon.png" alt = "Wet Lab" height = "195">
| + | |
| − | </lab>
| + | |
| − | <ul>
| + | |
| − | <li>
| + | |
| − | <labSection>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/8/84/MercuryRemediationIcon.png" onclick="javascript:location.href='https://2014.igem.org/Team:Minnesota#Project/slide1';" alt = "wet" height = "130">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/5/52/WetLabRemediationIcon.png" onclick="javascript:location.href='https://2014.igem.org/Team:Minnesota#Project/slide3';" alt = "wet" height = "130">
| + | |
| − | </li>
| + | |
| − | </labSection>
| + | |
| − | <li>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/a/a0/WetLabSafetyIcon.png" onclick="javascript:location.href='https://2014.igem.org/Team:Minnesota#Project/slide5';" alt = "wet" height = "130">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/3/33/WetLabResultsIcon.png" onclick="javascript:location.href='https://2014.igem.org/Team:Minnesota#Project/slide6';" alt = "wet" height = "130">
| + | |
| − | </li>
| + | |
| − | <a href="https://static.igem.org/mediawiki/2014/7/72/WetLabNotebookV2.pdf">Wet Lab Notebook</a>
| + | |
| − | </ul>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | </table>
| + | |
| − | <br><br><br><br><br><br><br><br>
| + | |
| − | </div>
| + | |
| − | <div class="slide" id="slide1" data-anchor="slide1">
| + | |
| − | <table style="width: 100%; margin: 5px;">
| + | |
| − | <tr>
| + | |
| − | <h4>Mercury Bioremediation</h4><br>
| + | |
| − | <td>
| + | |
| − | <td>
| + | |
| − | </td> 0
| + | |
| − | </td> 0
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td>
| + | |
| − | <h3>
| + | |
| − | To design a system for biological remediation of not only mercury ions in contaminated waters, but also the more toxic form, methylmercury, we’ve selected to use 5 genes of the mercury resistance (<i>mer</i>) operon of which over 10 genes have been identified and characterized in various strains of mercury resistant bacteria in the environment. This construct was assembled from the mer operon in <i>Serratia marscecens</i> in the plasmid pDU1358, and is designed to contain an upstream regulatory gene <i>merR</i>, two genes encoding for transport proteins <i>merP</i> (periplasmic) and <i>merT</i> (transmembrane), a gene encoding mercuric reductase MerA, and finally a gene encoding organomercurial lyase MerB. This system is regulated by a bidirectional promoter so that ''merR'' on one side of the operon is constitutively expressed and allows for the repression of the mer operon in the absence of mercury ions, and the downstream activation and transcription of ''merT, merP, merA, merB'' when mercury ions are in close proximity.
| + | |
| − | MerT and MerP were selected as transporters for their high turnover rates to bring in mercury ions, which are subsequently bound by MerA to catalyze their conversion into volatile mercury eventually captured within a carbon filter in our device and disposed of sustainably. The organic and more toxic form, methylmercury, can diffuse into the cytosol of the bacteria where MerB catalyzes its conversion into mercury ions, which are then bound to MerA and converted into less toxic, volatile elemental mercury in an NADP(H) dependent reaction. The system is very tightly regulated and allows for continuous turnover within our bacterial chassis as the mercury ions are volatalized and then captured externally rather than sequestered within our bacteria which would eventually lead to cell death and the requirement to replace the cells. Due to the NADP(H) requirement of MerA, metabolically active cells are required throughout this process. We accomplished this via novel cell encapsulation technology that keeps cells remain viable and at the same time not in direct contact.
| + | |
| − | Our system was tested in 3 different chassis: ''E. coli, Pseudomonas'', and ''Shewanella'', encapsulated and unencapsulated in the presence of either mercury chloride or methylmercury chloride and showed very promising results!
| + | |
| − | <br>
| + | |
| − | </h3>
| + | |
| − | </td>
| + | |
| − | <td>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/e/e0/Ecolimer.png" height="270" alt="ecoli" usemap="#map">
| + | |
| − | <map name="map">
| + | |
| − | <area shape="rect" coords="64,10,104,25" alt="merR" href="http://parts.igem.org/Part:BBa_K1420004">
| + | |
| − | <area shape="rect" coords="126,10,165,25" alt="merT" href="http://parts.igem.org/Part:BBa_K1420005">
| + | |
| − | <area shape="rect" coords="169,10,207,25" alt="merP" href="http://parts.igem.org/Part:BBa_K1420003">
| + | |
| − | <area shape="rect" coords="209,10, 269, 25" alt="merA" href="http://parts.igem.org/Part:BBa_K1420001">
| + | |
| − | <area shape="rect" coords="271,10,310,25" alt="merB" href="http://parts.igem.org/Part:BBa_K1420002">
| + | |
| − | <!--
| + | |
| − | <area shape="rect" coords="120,20,194,47" alt="merR" href="http://parts.igem.org/Part:BBa_K1420004">
| + | |
| − | -->
| + | |
| − | </map>
| + | |
| − | <h3>Figure 1. Relative positions of Mer proteins within the cell (bottom) and the modified ''mer'' operon (top).
| + | |
| − | <br> click the individual genes to read more about our parts,
| + | |
| − | <a href="http://parts.igem.org/Part:BBa_K1420000 " style="color:white;"> click here to read more about our composite ''mer'' operon part</h3> </a>
| + | |
| − | </td>
| + | |
| − | <td width=100>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | </table>
| + | |
| − | </div>
| + | |
| | | | |
| | + | .photo ul.topic li a:hover ul, |
| | + | .photo ul.topic li:hover ul |
| | + | {display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #aaa; z-index:100;} |
| | | | |
| − | <div class="slide" id="slide2" data-anchor="slide2"> <h4>Biobrick Assembly</h4>
| + | .photo ul.topic li ul li |
| − | <br><h3>
| + | {display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;} |
| − | <br>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/8/8b/Mer_operon_assembly.png"alt = "logo" height=60% width=60%>
| + | |
| − | <br>
| + | |
| − | </h3>
| + | |
| − | </div>
| + | |
| − | <div class="slide" id="slide3" data-anchor="slide3">
| + | |
| − | <table style="width: 100%; margin: 5px;">
| + | |
| − | <tr>
| + | |
| − | <h4>Heavy Metal Bioprecipitation</h4><br><br>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <a href="http://parts.igem.org/Part:BBa_K1420006">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/2/29/PHS1.png" onclick="javascript:location.href='http://parts.igem.org/Part:BBa_K1420006';" alt = "logo" height=5% width=35%><br><br>
| + | |
| − | <h3> Click the operon to be linked to the phsABC part page! </h3></a>
| + | |
| − | </tr>
| + | |
| − | <tr><td>
| + | |
| − | <h3>The phsABC genes from Salmonella enterica serovar Typhimurium LT2 encode thiosulfate reductase, which catalyzes the stoichiometric production of hydrogen sulfide and sulfite from thiosulfate for heavy metal removal by precipitation. Within a separate bacterium from that containing the mer operon construct. This system allows us to extend our heavy metal bioremediation device to be applicable to a wide range of heavy metals in addition to mercury in both ionic and organic form.
| + | |
| − | The phsABC operon encodes three open reading frames (ORFs), designated phsA, phsB, and phsC. Based on sequence homology to formate dehydrogenase-N, it is predicted that thiosulfate reductase behaves in a similar fashion. The PhsA subunit is predicted to be a peripheral membrane protein active site bis(molybdopterin guanine dinucleotide) molybdenum (MGD) cofactor. PhsC is an integral membrane protein that anchors the other two subunits to the membrane, and contains the site for menaquinol oxidation and two heme cofactors located at opposite sides of the membrane. PhsB is predicted to possess four iron-sulfur centers that transfer electrons between PhsC and PhsA.
| + | |
| − | was shown to have the highest catalytic activity in the IPTG- inducible plasmid pSB74. The part was used by the Yale 2010 iGEM Team (Part:BBa_K393000) (inducible by IPTG) to deposit copper sulfide in a specified geometry. We sought to both improve and characterize this part for future utilization in our filtration device by adding a modified lac promoter to allow for constitutive expression rather than IPTG induction within the biological system, and thus make it more applicable in the environment. We also improved the characterization of their part by testing its application for biological precipitation of iron and cadmium in addition to their copper testing to add to the functionality of the part.
| + | |
| | | | |
| − | </td>
| + | .photo ul.topic li ul li a |
| − | <td>
| + | {display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;} |
| | | | |
| − | <img src="https://static.igem.org/mediawiki/2014/8/82/PHS2.jpg" alt = "logo" height=383 width=357 left=0>
| + | .photo ul.topic li ul li a img |
| − | </td><td width=100></td></tr>
| + | {display:block; width:100px; height:75px; border:5px solid #eee;} |
| − | </table>
| + | |
| − | </div>
| + | |
| − | <div class="slide" id="slide4" data-anchor="slide4"> <h4>Biobrick Assembly</h4>
| + | |
| − | <br><h3>
| + | |
| − | <br>
| + | |
| − | <img src="https://static.igem.org/mediawiki/parts/e/e5/Construct1.jpg"alt = "logo" height=60% width=60%>
| + | |
| − | <br>
| + | |
| − | <br>Modified construct containing “phsABC”. The <i> phsABC </i>operon was amplified from the pSB74 plasmid and inserted into pSB1C3 (shipping vector) and the pBBRBB plasmid (for characterization) with the novel addition of a constitutive promoter.
| + | |
| − | </h3>
| + | |
| | | | |
| − | </div>
| + | .photo ul.topic li a:hover ul li a:hover, |
| − | <div class="slide" id="slide5" data-anchor="slide5"> <h4>Biosafety</h4>
| + | .photo ul.topic li:hover ul li a:hover |
| − | <br><br>
| + | {white-space:normal; position:relative;} |
| − | <h3>
| + | |
| − | In response to our survey results showing that there was some concern about the bacteria escaping the device, we have designed two kill switches to address this concern and highlighted their advantages and disadvantages. Click either of the pictures below to view more information on each proposal.
| + | |
| − | </h3>
| + | |
| − | <br><br>
| + | |
| − | <table style="width: 100%; margin: 5px;">
| + | |
| − | <tr>
| + | |
| − | <td> <a href="https://static.igem.org/mediawiki/2014/b/b0/Sarah%27s_Killswitch_with_Pictures_2_%281%29.pdf">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/b/b2/Sarah%27s_Killswitch.png" onclick="javascript:location.href='https://static.igem.org/mediawiki/2014/b/b0/Sarah%27s_Killswitch_with_Pictures_2_%281%29.pdf';"alt = "logo" height=40% width=70%>
| + | |
| − | <h3> Kill Switch 1 </h3></a>
| + | |
| − | <td> <a href="https://static.igem.org/mediawiki/2014/b/bc/David%27s_Killswitch_with_Picture_2.pdf"><img src="https://static.igem.org/mediawiki/2014/3/36/David%27s_Killswitch.png" onclick="javascript:location.href='https://static.igem.org/mediawiki/2014/b/bc/David%27s_Killswitch_with_Picture_2.pdf';" alt = "logo" height=40% width=70%>
| + | |
| − | <h3> Kill Switch 2 </h3></a>
| + | |
| − | </td>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | </table>
| + | |
| − | </div>
| + | |
| − | <div class="slide" id="slide6" data-anchor="slide6">
| + | |
| − | <table style="width: 100%; margin: 5px;">
| + | |
| − | <tr>
| + | |
| − | <h4>Mercury Ion Test Results (I)</h4>
| + | |
| − | </tr>
| + | |
| − | <br><br>
| + | |
| − | <tr>
| + | |
| − | <td> <img src="https://static.igem.org/mediawiki/2014/2/2c/Plate_results_1_%282%29.png"alt = "logo" height=40% width=30%>
| + | |
| − | <h3>Zones of Inhibition Test For Mercury Resistance. </h3><br>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td>
| + | |
| − | <h3>
| + | |
| − | In this assay, Escherichia coli K12 expressing three different constructs were spread on agar plates to compare levels of mercury resistance. Each agar plate contained a filter disk spotted with 10µL of 0.1M HgCl2 in the middle allowing the mercury ions to diffuse throughout the media. The E. coli strain containing the modified mer operon showed comparable results to the positive control with the original pDU1358, as they both grew very closely to the filter disc. pBBRBB::GFP negative control showed growth significantly further away from the mercury disc due to its inability to detoxify mercury ions.
| + | |
| − | </h3>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | </table>
| + | |
| − | </div>
| + | |
| − | <div class="slide" id="slide7" data-anchor="slide7">
| + | |
| − | <table style="width: 100%; margin: 5px;">
| + | |
| − | <tr>
| + | |
| − | <h4>Mercury Ion Test Results (II)</h4>
| + | |
| − | </tr>
| + | |
| − | <br><br>
| + | |
| − | <tr>
| + | |
| − | <td> <img src="https://static.igem.org/mediawiki/2014/5/5b/Plate_results_2.png"alt = "logo" height=40% width=40%>
| + | |
| − | <h3>Zones of Inhibition Test For Mercury Resistance. </h3><br>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td>
| + | |
| − | <h3>
| + | |
| − | Zones of Inhibition Test For Mercury Resistance. In this assay, Escherichia coli K12 expressing three different constructs was spread on agar plates to compare levels of mercury resistance. Each agar plate contained a filter disk spotted with 10µL of 0.1M HgCl2 in the middle.
| + | |
| − | (A) Agar Plates of K12 with each construct. Left, K12 containing pBBRBB::mer (mer operon); center, K12 containing pBBRBB::gfp (vector control); right, K12 containing pBBRBB::merΔmerA(mer operon with merA deleted).
| + | |
| − | (B) Diameter of zones of inhibition. The diameter of the zone of inhibition was measured in triplicate. Green corresponds to pBBRBB::gfp, blue to pBBRBB::merRTPAB, and red to pBBRBB::merΔmerA. Individual constructs range from highest resistance in the following order: merRTPAB > vector control >merΔmerA. Our results show that both the recombinant E. coli and Pseudomonas putida containing the pBBRBB::mer plasmid were able to grow significantly closer to the HgCl2 disc than the negative control (pBBRBB::GFP). The E.coli strain containing the merA deletion plasmid could not survive as close to the heavy metal spotted disc as the negative control. This is likely due to the fact that it still contains the transport proteins MerP and MerT, and therefore transports the toxic mercury ions into the cell without remediating it due to the lack of MerA, causing cell death. On the other hand, the pBBRBB::GFP control was not able to take up any mercury ions.
| + | |
| − | </h3>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | </table>
| + | |
| | | | |
| | + | .photo ul.topic li a:hover ul li a:hover img, |
| | + | .photo ul.topic li:hover ul li a:hover img |
| | + | {position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;} |
| | | | |
| − | </div>
| |
| − | <div class="slide" id="slide8" data-anchor="slide8">
| |
| − | <h4>Methylmercury Results</h4>
| |
| − | <br>
| |
| − | <table style="width: 100%; margin: 5px;">
| |
| − | <tr>
| |
| − | <td>
| |
| − | <td width =100 height = 10>
| |
| − | </td>
| |
| − | </td>
| |
| − | </tr>
| |
| − | <tr>
| |
| − | <tr>
| |
| − | <td width=100 height= 10>
| |
| | | | |
| − | </td>
| |
| − | </tr>
| |
| − | <td>
| |
| − | <img src="https://static.igem.org/mediawiki/parts/2/2c/MerB_results.JPG" alt = "logo" height=90% width=150%><br>
| |
| − | <h3> </h3>
| |
| − | </td>
| |
| − | <td><h3>
| |
| − | Methylmercury degradation rates were measured for ‘’E.coli K12’’ strains carrying the pBBRBB::’’mer'' plasmid compared to a vector control (pBBRBB::’’gfp’’), abiotic encapsulation beads, and abiotic medium. Negative controls were included to determine the amount of methylmercury absorbed by the beads and abiotic degradation rate of methyl mercury.
| |
| − | Methylmercury chloride was added to all tubes at a final concentration of 1 mg/L. Methylmercury concentrations were measured over a period of 24 hours. At each time point the samples were diluted a million-fold before taking measurements with a Tekran model 2700 Automated Methyl Mercury Analyzer.
| |
| − | ’’E.coli K12’’ strains carrying the pBBRBB::’’mer'' plasmid degraded methylmercury to levels below detection of the Tekran Analyzer after approximately 4 hours while the vector control showed only a slight decrease (similar to that for abiotic beads). Low amounts of degradation in abiotic medium are likely due to photolysis of the organomercury.
| |
| | | | |
| | + | </style> |
| | + | </head> |
| | + | <body> |
| | | | |
| | | | |
| − | <br>
| + | </body> |
| − | </h3> | + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | </table>
| + | |
| − | </div>
| + | |
| | | | |
| | | | |
| − | <div class="slide" id="slide9" data-anchor="slide9">
| + | <head> |
| − | <h4> Methylmercury Results (II) </h4> | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| − | <br>
| + | <title>Team:Minnesota</title> |
| − | <table style="width: 100%; margin: 5px;">
| + | |
| − | <tr>
| + | |
| − | <td> 0
| + | |
| − | <td width=420>
| + | |
| − | </td>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td>
| + | |
| − | 0000000000
| + | |
| − | </td>
| + | |
| − | <td>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/e/e6/Degkjaghsdv_rates_dif_MeHg_K12.png" alt = "logo" height=20% width=80%><br>
| + | |
| − | <h3></h3> | + | |
| − | </td>
| + | |
| − | <td><h3>
| + | |
| | | | |
| | + | <script type="text/javascript" src="jquery.js"></script> |
| | + | <script type="text/javascript"> |
| | | | |
| − | Unencapsulated "E.coli" cells containing the mer operon were tested in both 1mg/L and 4 mg/L starting concentrations of methylmercury chloride to provide degradation rate information for the mathematical modelers. Methylmercury was only degraded in the 1 mg/L cultures and 4 mg/L was toxic to all cells tested. We suspect that this concentration was too high for cell survival and that initial demethylation of methylmercury occurred due to the presence of Mer enzymes from leaky expression in overnight cultures.
| |
| | | | |
| | + | $(document).ready(function(){ |
| | | | |
| − | <br>
| + | // jQuery functions go here... |
| − | </h3>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | </table>
| + | |
| − | </div>
| + | |
| | | | |
| − | <div class="slide" id="slide10" data-anchor="slide10">
| + | //vertical autocenter |
| − | <h4> Heavy Metal Bioprecipitation Results </h4>
| + | $(window).resize(function(){ |
| − | <table style="width: 100%; margin: 5px;">
| + | $('#ContentAll').css({ |
| − | <tr><br><br>
| + | position:'absolute', |
| − | <img src="https://static.igem.org/mediawiki/parts/a/ab/Assay.jpg"alt = "logo" height=15% width=35%>
| + | top: ($(window).height() - $('#ContentAll').outerHeight())/2 |
| − | <img src="https://static.igem.org/mediawiki/2014/f/fc/BBa_K1420006-figure4and7.jpg"alt = "logo" height=35% width=30%>
| + | }); |
| − | <td>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | <tr><h3>
| + | |
| − | In order to measure thiosulfate reducing activity of phsABC of NaS2O3 to H2S, the operon was first inserted into the pBBRBB vector with a constitutive Plac promoter and transformed into E. coli K12. As a negative control, pBBRBB::gfp was tested under the same conditions. The pBBRBB::phsABC K12 and pBBRBB::gfp K12 cells were grown in three test tubes each containing heavy metal tryptone medium as well as 3mM NaS2O3. A third set of test tubes were set up with the same contents except without cells as an additional negative control. After 24 hours of incubation, The exact amount of H2S present in each of three different sets of tubes was then measured using a hydrogen sulfide assay designed by J.D. Cline in 1968 to determine hydrogen sulfide concentrations in natural waters. This consisted of adding 1x or 0.5x 30μL of Cline's Reagent (2g Diamine + 3g FeCl3 in 50mL of 50% cool HCl) to 270μL of sample. The results were tested against a known standard curve of various Na2S concentrations. Each sample was allowed 20 minutes for the color to develop before being diluted 1:10 with water for testing. The plate was then read at 670nm with the numerical results displayed. The bar graph shows that the sulfide concentration was considerable higher for the cultures containing pBBRBB:phsABC (380.1 μM ± 13.5) compared to the pBBRBB::gfp negative control (118.9μM ± 1.1). These results are in line with those seen by the Keasling lab. Following sulfide measurements, cadmium chloride was added (200 μM), and cells were allowed to incubate without shaking at 37C overnight. Cells were pelleted to look for a color change indicating precipitation of CdS. Cell pellets for K12 expressing phsABS were yellow/brown indicating precipitation of CdS while the vector control cells (pBBRBB::gfp) remained white.
| + | |
| − | </h3></tr>
| + | |
| − | </table>
| + | |
| − | </div>
| + | |
| − | <div class="slide" id="slidephs" data-anchor="slidephs">
| + | |
| − | <h4> Heavy Metal Bioprecipitation Results (II) </h4>
| + | |
| − | <br><br>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/f/fc/BBa_K1420006-_phsABC_activity.jpg"alt = "logo" height=35% width=40%>
| + | |
| − | <h3>A second set of experiments was also conducted with pBBRBB:phsABC K12, pBBRBB::GFP K12, and an abiotic control grown in heavy metal tryptone medium, 3mM NaS2O3tubes, and 2.5mM Fe(II)Cl2. Since the phsABC gene is responsible reducing thiosulfate, NaS2O3 would be converted to H2S, which will further react with Fe(II)Cl2 to produce FeS, a black precipitate. After a 24 hour incubation period, the cell cultures appeared as displayed. The pBBRBB:phsABC K12 cells were the only ones seen to produce FeS, the black precipitate seen in the figure, confirming the role of the phsABC gene in reducing thiosulfate. To affirm that this reaction is also successful under non-enclosed systems, the same sets of samples were also tested on 0.2% plates containing 3mM NaS2O3tubes and 2.5mM Fe(II)Cl2. The results after 24 hours of incubation were similar to the experiments conducted in test tubes</h3>
| + | |
| − | </div>
| + | |
| − | <div class="slide" id="slide11" data-anchor="slide11"> <table style="width: 100%; margin: 5px;">
| + | |
| − | <tr>
| + | |
| − | <h4>Encapsulation</h4><br><br>
| + | |
| − | <td>
| + | |
| − | <td>
| + | |
| − | <td> 0
| + | |
| − | <td> 0
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td>
| + | |
| − | <h3>
| + | |
| − | The main goal of EncapsuLab was to design a system to physically separate our living bacteria from the outside environment as well as to preserve and protect the bacteria inside our system. This was essential that the bacteria survive the process we subjected them to in order to be able to actively remediate mercury over time. To achieve this, we created a water-porous silica matrix using techniques developed by the Aksan and Wackett labs at the U of M. Furthermore, we developed a device to house the encapsulated bacteria for application in real world water-cleaning system. In addition to this, we conceptualized a scaling-up of our system for larger water-cleaning problems. Lastly, we developed a mathematical model to compare our experimental data in order to better understand the biochemical networks behind our work.
| + | |
| − | <br>
| + | |
| − | </h3>
| + | |
| − | </td>
| + | |
| − | <td>
| + | |
| − | <img src="http://giant.gfycat.com/BlankIllegalJackal.gif" height= "360" width= "480">
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | <br>
| + | |
| − | <tr>
| + | |
| − | <td>
| + | |
| − | <td>
| + | |
| − | <h2>
| + | |
| − | Series of SEM images of encapsulated bacteria. Furthest zoom: a collection of microbead encapsulations approximately 300µm in diameter. Closest zoom: The inside of a crushed microbead encapsulation showing collections of E.coli.
| + | |
| − | </h2>
| + | |
| − | </td>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td>
| + | |
| − | <td>
| + | |
| − | <h4>
| + | |
| − | SEM
| + | |
| − | </h4>
| + | |
| − | </td>
| + | |
| − | </td>
| + | |
| − | </table>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | <div class="slide" id="slide12" data-anchor="slide12"> <div id="title">
| + | |
| − | <h4>Encapsulation Procedure</h4><br><br>
| + | |
| − | </div> | + | |
| − | <td>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/a/a5/Igem_flowchart.png" alt = "logo" height=40% width=40%><br>
| + | |
| − | <h3>To make a silica matrix surrounding a cell, we needed a supply of silica nanoparticles and a reactive cross-linker capable of <br>covalently bonding reagents into a unified volume. Two solutions were prepared: one was a combination of TM-40 (colloidal <br>silica) and diluting components (ultrapure water and polyethylene glycol). The second solution was tetramethyl orthosilicate <br>(TMOS) cross-linker. In slightly acidic conditions, methyl groups of TMOS are hydrolyzed, producing methanol and the silica <br>cross-linker. Resuspended and washed cells are then added to the relatively innocuous colloidal solution. Upon combining <br>these two mixtures, a rapid polymerization linking colloidal silica together occured. In order to achieve proper bead <br>sphericity, we combined all of these components in an hydrophobic solution and let them set. After some experimentation, we <br>were able to produce beads with a consistent size. To purify the mixture, we phase-separated the silica beads by adding <br>water to solution, which forced them into the aqueous phase. These were then recovered to assess viability.
| + | |
| − | <br></h3></td>
| + | |
| − | | + | |
| − | | + | |
| − | </div>
| + | |
| − | <div class="slide" id="slide13" data-anchor="slide13"> <table style="width: 100%; margin: 5px;">
| + | |
| − | <tr>
| + | |
| − | <h4>The Biochemical Network</h4><br><br>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td><h3>
| + | |
| − | <br>In this project, systems of mathematical equations are used to model the biochemical network of methylmercury conversion in E. coli and to determine the effects of changing methylmercury concentration on the conversion rate. A combination of enzyme kinetics and protein expression equations was in the model. The reactions below shows the four-step reaction network for the conversion of methylmercury to volatile mercury using the mer operon in E. coli. This network involves the transport of methylmercury into the cell, its subsequent conversion into ionic and volatile mercury, and the transport of volatile mercury to the extracellular space. This simplified network follows the proposed mechanism of the mer operon and it captures the primary steps of methylmercury breakdown in E. coli. Furthermore, a system of ordinary differential equations was used to model the biochemical reactions taken place at each step of the conversion process. The cofactors were not included in the equations because at sufficient concentrations, they do not significantly alter the rates.<br>
| + | |
| − | </h3>
| + | |
| − | </td>
| + | |
| − | </tr><tr>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/0/04/BiochemicalNetwork.png" height=40% width=43%>
| + | |
| − | | + | |
| − | </tr>
| + | |
| − | </table>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | <div class="slide" id="slide14" data-anchor="slide14">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/8/8f/Math_Modeling_Slide_2.jpg" height=78% width=73%>
| + | |
| − | </div>
| + | |
| − | <div class="slide" id="slide15" data-anchor="slide15">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/3/30/Math_Modeling_Slide_3.jpg" height=78% width=73%>
| + | |
| − | </div>
| + | |
| − | <div class="slide" id="slide16" data-anchor="slide16">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/0/0c/Math_Modeling_Slide_4.jpg" height=78% width=73%>
| + | |
| − | </div>
| + | |
| − | <div class="slide" id="slide17" data-anchor="slide17">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/e/e4/Math_Modeling_Slide_5.jpg" height=78% width=73%>
| + | |
| − | </div>
| + | |
| − | <div class="slide" id="slide18" data-anchor="slide18">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/e/e4/Math_Modeling_Slide_6.jpg" height=78% width=73%>
| + | |
| − | </div>
| + | |
| − | <div class="slide" id="slide19" data-anchor="slide19">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/8/8c/Math_Modeling_Slide_7.jpg" height=78% width=73%>
| + | |
| − | <a href="https://static.igem.org/mediawiki/2014/a/ab/Supplementary_Materials.pdf"><h3><b> Supplementary materials here.</b></a></h3>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | <div class="slide" id="slide20" data-anchor="slide20">
| + | |
| − | <h4> Device Design </h4>
| + | |
| − | <br>
| + | |
| − | <table style="width: 100%; margin: 5px;">
| + | |
| − | <tr>
| + | |
| − | <td><h3>
| + | |
| − | This device incorporates two key elements of mechanical engineering design: simplicity and functionality. Key concepts from fluid mechanics are applied to pump water into and out of the encapsulation as efficiently as possible. The system can be placed in or out of the water, which makes it easy to use in any situation. The sleek aluminum casing offers a durable resistance to the ever-changing surroundings and environment. Overall, the simplicity of the design makes it user-friendly and adaptable.
| + | |
| − | </h3>
| + | |
| − | </td>
| + | |
| − | <td><img src="https://static.igem.org/mediawiki/2014/c/ce/Device_schematic_blown_up.jpg"alt = "logo" height=10% width=25%>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | <tr>
| + | |
| − | <td>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/d/d0/Gif_of_rotating_device.gif"alt = "logo" height=40% width=25%>
| + | |
| − | </td>
| + | |
| − | <td>
| + | |
| − | <h3>
| + | |
| − | Our design is very similar to commonly used fixed-bed adsorption and ion exchange columns in that it involves flow of a fluid down through a packed bed that removes a solute. However, an important difference is those types of columns contain chemical resins or adsorbents that can become saturated (i.e. reach capacity) as they adsorb solute. Since we use encapsulated bacteria whose "capacity" is only limited their lifetime, our device has the added benefit that the mass-transfer zone (the part of the column where the solute is removed) doesn't move down the column due to saturation. This also means that we don't need to alternate between adsorption and regeneration cycles.
| + | |
| − | </h3>
| + | |
| − | </td>
| + | |
| − | </tr>
| + | |
| − | </table>
| + | |
| − | | + | |
| − | | + | |
| − | </div>
| + | |
| − | <div class="slide" id="slide21" data-anchor="slide21">
| + | |
| − | <h4> Scalability </h4>
| + | |
| − | <br><h3>
| + | |
| − | <br>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/9/98/PFD_iGEM.jpg"alt = "logo" height=40% width=40%>
| + | |
| − | <br>
| + | |
| − | <br>Based on the small-scale experiments we conducted in lab, we calculated a few values that will be useful in <b>scaling up</b> our process to a pilot-plant size. Shown above is a simple process flow diagram (PFD) for a pilot scale wastewater treatment process utilizing our encapsulated bacteria. An in-depth scalability analysis is linked below, and the results are quickly summarized on this page. A residence time of 8 hrs is used as a first approximation based on small scale time-point studies of 1 mg/L methylmercury degradation. For a flow rate of 0.1 m3/h, which is within the range used in other pilot-plant studies, a 0.8 m3 packed bed will be needed, with a diameter of 0.6 m and a length of 2.8 m. Based on a SEM characterization of our beads and an approximation for how they would pack in our reactor, the pressure drop across the reactor was calculated to be 5970 Pa•s, equivalent to frictional losses of 5.97 J/kg. Based on these calculated values, it is concluded that our encapsulation technology can be used in a larger scale plant. <a href="https://static.igem.org/mediawiki/2014/c/cf/Scalability_Blurb.pdf " style="color:white;"> Click here for more detail! </a>
| + | |
| − | <br>
| + | |
| − | Additionally, a <b>small scale</b> device can be envisioned for household use in contaminated areas. Our system was tested to successfully remediate at least 1mg/L of methylmercury within a 5 hour time period. Water entering these homes will likely have methylmercury concentrations a hundred-a thousand fold lower than 1 mg/L. Based on our time-point degradation studies, a filter for this concentration level would need smaller residence times and consequently a smaller volume. Therefore, a filter using encapsulated bacteria on the scale of domestic water softener filters is possible.
| + | |
| − | | + | |
| − | | + | |
| − | </h3>
| + | |
| − | </div>
| + | |
| − | <br><br><br>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | <div class="section" id="section3a">
| + | |
| − | <div id="title">
| + | |
| − | <h4>Meet The Team</h4>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <ul>
| + | |
| − | <li>
| + | |
| − | <script>
| + | |
| − | $(document).ready(function(){
| + | |
| − | | + | |
| − |
| + | |
| − | $("[id=bio-id]").tooltip({
| + | |
| − | content: function() {
| + | |
| − | return $(this).attr('title');
| + | |
| − | },
| + | |
| − | position: {
| + | |
| − | my: "center bottom-40",
| + | |
| − | at: "center top",
| + | |
| − | }
| + | |
| − | })
| + | |
| | }); | | }); |
| − |
| |
| | | | |
| − | </script>
| + | $(window).resize(); |
| | + | //end vertial autocenter |
| | | | |
| − |
| |
| − | <a id="bio-id" href="#" title="<font size='4'> Name:Dr. Jeff Gralnick <br> Faculty Advisor <br>
| |
| − | Team: Wet Lab <br>
| |
| − | About: Jeff Gralnick earned his PhD in Bacteriology from the University of Wisconsin - Madison and was a Texaco-Prize postdoctoral fellow at the California Institute of Technology in the Division of Geology and Planetary Sciences before coming to the Microbiology Department at the University of Minnesota in 2005. The Gralnick Lab focuses on microbial physiology and synthetic biology of environmental metal transforming bacteria with goals to both understand complex systems and to reengineer them for bioenergy and bioremediation applications.
| |
| | | | |
| − | <br>
| + | //main page image switcher |
| − | </font>
| + | |
| − | "><img id="teamImg" src="https://static.igem.org/mediawiki/2014/9/9a/JeffGralnick.jpg" height="130" width="130"></a>
| + | |
| | | | |
| | + | $("#mainRightButton1").hover( |
| | + | function() { |
| | + | $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/welcome_maroon_txt.png"); |
| | + | $("#mainRightButton2").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/projects_gold_img.png"); |
| | + | $("#mainRightButton3").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_gold_img.png"); |
| | + | $("#MainBoxContentImg").attr("src","https://static.igem.org/mediawiki/2015/4/44/MN_2015_home_welcome_pic.png"); |
| | + | $(".mainContentTextBanner").text("Welcome to the University of Minnesota's iGEM team website! We hope you enjoy learning about us and our project!"); |
| | + | }, |
| | + | function() { |
| | + | //actually dont need to do anything on mouseout |
| | + | //$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/welcome_gold_txt.png"); |
| | + | } |
| | + | ); |
| | | | |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: Dr. Casim Sarkar <br> Faculty Advisor <br>
| + | $("#mainRightButton2").hover( |
| − | Team: Dry Lab <br>
| + | function() { |
| − | About: Casim Sarkar received his Ph.D. in Chemical Engineering from the Massachusetts Institute of Technology (2002). After a postdoctoral fellowship in the Department of Biochemistry at the University of Zurich (2002-2005), Dr. Sarkar was an assistant professor in the Department of Bioengineering at the University of Pennsylvania (2006-2013). He is currently an associate professor in the Department of Biomedical Engineering at the University of Minnesota. His research interests lie in the area of molecular cell engineering, both for fundamental biological discovery and for translational design.
| + | $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/projects_maroon_txt.png"); |
| − | <br>
| + | $("#mainRightButton1").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/welcome_gold_txt.png"); |
| − | </font>
| + | $("#mainRightButton3").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_gold_img.png"); |
| − | "><img id="teamImg" src="https://static.igem.org/mediawiki/2014/a/ac/CasimSarkar.jpg" height="130" width="130"></a> | + | $("#MainBoxContentImg").attr("src","https://static.igem.org/mediawiki/2015/0/08/MN_2015_proj_home.png"); |
| | + | $(".mainContentTextBanner").text("Our team is tackling both the macroscopic and microscopic aspects of eukaryotic expression. On the small side, we are working with 2A viral tags in eukaryotes, such as Saccharomyces. We are also exploring how big eukaryotes (humans) express ideas about synthetic biology."); |
| | + | }, |
| | + | function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/projects_maroon_img.png");} |
| | + | ); |
| | | | |
| − |
| + | $("#mainRightButton3").hover( |
| | + | function() { |
| | + | $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_maroon_txt.png"); |
| | + | $("#mainRightButton1").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/welcome_gold_txt.png"); |
| | + | $("#mainRightButton2").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/projects_gold_img.png"); |
| | + | $("#MainBoxContentImg").attr("src","https://static.igem.org/mediawiki/2015/7/7b/MN_2015_team_vect.png"); |
| | + | $(".mainContentTextBanner").text("We are a dedicated team of students coming from a range of different backgrounds at the University of Minnesota - Twin Cities. Check the team page on the left to learn more about each of us!"); |
| | + | }, |
| | + | function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_maroon_img.png");} |
| | + | ); |
| | | | |
| − |
| |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: Sarah Perdue <br> Year: Post Doctorate <br>
| |
| − | Team: Wet Lab (Advisor) <br>
| |
| − | About: Sarah is a postdoctoral research associate who joined the Schmidt-Dannert lab in 2014. She earned her B.S. in Biochemistry from UW-Madison in 2002 and her Ph.D. in Microbiology from Cornell University in 2011. Her main research interests are in microbial molecular biology, genetics and biochemistry. To this end, her current research in the CSD group is to construct a modular system to clone and express multi-gene fungal biosynthetic pathways in yeast.
| |
| | | | |
| − | <br>
| |
| − | </font>"> <img id="teamImg" src="https://static.igem.org/mediawiki/2014/8/88/SarahPerdue.jpg" height="130" width="130"></a>
| |
| | | | |
| | | | |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: James Ellinger <br>
| |
| − | Year: Post Doctoral <br>
| |
| − | Team: Wet Lab (Advisor) <br>
| |
| − | About: When James isn't busy being a professional scientist, he enjoys living a circular life. He runs to eat, and eats to run.
| |
| − | <br>
| |
| − | </font>
| |
| − | "><img id="teamImg" src="https://static.igem.org/mediawiki/2014/1/14/JimmyEllinger.jpg " height="130" width="130"></a>
| |
| | | | |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: Aunica Kane <br>
| |
| − | Year: Graduate Student <br>
| |
| − | Team: Wet Lab / Dry Lab (Advisor) <br>
| |
| − | About: Aunica is a 5th year Ph.D. Candidate in Biochemistry, Molecular Biology & Biophysics. She earned her B.A. in Biology in 2006 and her M.S. in Microbial Engineering in 2010 both from the University of Minnesota. Her main research interests are microbial ecology, molecular biology, and synthetic biology. Currently her work focuses on engineering synthetic communities for biotechnology applications. She enjoys teaching and mentoring, and this is her second year advising the University of Minnesota's iGEM team.
| |
| − | <br>
| |
| − | </font>"><img id="teamImg" src="https://static.igem.org/mediawiki/2014/d/d3/AunicaKane.JPG" height="130" width="130"></a>
| |
| | | | |
| − | </li>
| |
| − | <li>
| |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: Stephen Heinsch <br>
| |
| − | Major: Genetics, Cell Biology, and Development <br>
| |
| − | Team: Wet Lab <br>
| |
| − | About: I am interested in synthetic biology and its applications in drug discovery.
| |
| − | <br>
| |
| − | </font>
| |
| − | "><img id="teamImg" src="https://static.igem.org/mediawiki/parts/0/03/StephenHeinsch2.jpeg" height="130" width="130"></a>
| |
| − |
| |
| | | | |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: Valeriu Bortnov <br>
| |
| − | Major: Biochemistry, GCD <br>
| |
| − | Team: Wet Lab <br>
| |
| − | About: I am a senior at the University of Minnesota and am planning to go to graduate school for a PhD after I graduate. I currently work in a biochemistry lab at the University of Minnesota studying terpene synthases. In my spare time, I very much enjoy playing guitar, piano and drums as well as writing music as a hobby.
| |
| − | <br>
| |
| − | </font>">
| |
| − | <img id="teamImg" src=" https://static.igem.org/mediawiki/2014/3/36/ValeriuBortnov.jpg" height="130" width="130"></a>
| |
| | | | |
| | + | }); //ends .ready function |
| | + | |
| | | | |
| | | | |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: Suzie Hsu <br>
| + | </script> |
| − | Major: Graduate Student <br>
| + | |
| − | Team: Wet Lab <br>
| + | |
| − | About: This is my second year doing iGEM at UMN. I just start my PhD program in Biochemistry, Molecular Biology, and Biophysics pursuing Biotechnology Track. When I am not in the lab, I like to bike, cook and read.
| + | |
| − | <br>
| + | |
| − | </font> | + | |
| − | "><img id="teamImg" src=" https://static.igem.org/mediawiki/2014/a/ad/SuzieHsu.jpg" height="130" width="130"> </a>
| + | |
| | | | |
| | + | <style type="text/css"> |
| | | | |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: Niko Le Mieux <br>
| |
| − | Major: Chemistry, Physiology <br>
| |
| − | Team: Dry Lab <br>
| |
| − | About: I'm a senior in Chemistry that's been involved with iGEM since 2012. For this project I was in charge of the whole EncapsuLab portion of our project. Post graduation, my end goal is to pursue a Master's degree in International Business at the Fletcher School of Diplomacy at Tufts. Other than iGEM, I'm highly active in the Alpha Chi Sigma chemistry fraternity and with the Hellenic Student Association to promote Greek-American culture.
| |
| − | <br>
| |
| − | </font>
| |
| − | "><img id="teamImg" src="https://static.igem.org/mediawiki/parts/d/d1/NikoLeMieux2.jpg" height="130" width="130"></a>
| |
| | | | |
| | + | </style> |
| | | | |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: Patrick Holec <br> | + | <script type="text/javascript"> |
| − | Major: Biomedical Engineering, Mathematics <br>
| + | function displayDate() |
| − | Team: Dry Lab <br>
| + | { |
| − | About: I am an avid researcher who gets very excited about tackling new challenges in biological engineering. After college, I intend to attend graduate school and study mathematical biology.
| + | var currentDate = new Date(); |
| − | <br>
| + | var compDate = new Date(2015,10,4,0,0,0,0); |
| − | </font>
| + | var dif = compDate - currentDate; |
| − | "><img id="teamImg" src="https://static.igem.org/mediawiki/2014/c/c5/PatrickHolec.JPG" height="130" width="130"></a>
| + | var sec = dif/1000; |
| | + | var min = sec/60; |
| | + | var hour = min/60; |
| | + | var day = hour/24; |
| | + | var week = Math.floor(day/7); |
| | + | var dispday = Math.floor(day)%24; |
| | + | var disphour = Math.floor(hour)%24; |
| | + | var dispmin = Math.floor(min)%60; |
| | + | var dispsec = Math.floor(sec)%60; |
| | + | var dispString = "Time until iGEM North America East Regional Jamboree: " + week + " weeks, " + dispday + " days, " + disphour + " hours, " + dispmin + " minutes, " + dispsec + " seconds."; |
| | + | document.getElementById("demo").innerHTML=dispString; |
| | + | t=setTimeout('displayDate()',500); |
| | | | |
| | + | } |
| | + | </script> |
| | | | |
| | + | </head> |
| | | | |
| | | | |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: David Hu <br> | + | <body> |
| − | Major: Biochemistry, GCD <br>
| + | <div id="ContentAll"> |
| − | Team: Wet Lab / Dry Lab <br>
| + | |
| − | About: I am an international student from Taiwan and my career goal is to become a medical scientist researching the molecular biology of cancer.
| + | |
| − | <br>
| + | |
| − | </font>
| + | |
| − | ">
| + | |
| − | <img id="teamImg" src=" https://static.igem.org/mediawiki/2014/6/68/DavidHu.jpg" height="130" width="130"></a>
| + | |
| | | | |
| | + | <div id="MainBannerImage"> |
| | + | <img src="https://static.igem.org/mediawiki/2015/b/bc/MN_2015_top_banner.png"> |
| | + | </div> |
| | + | <div id="MainBanner"> |
| | + | </div> |
| | | | |
| − | </li>
| + | <div id="SideBarAll"> |
| − | <li>
| + | <div class="sideNavBar2"> |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: Di Liu <br> | + | <ul> |
| − | Major: Mathematics <br>
| + | <li><a class=" current" href= 'https://2015.igem.org/Team:Minnesota'>HOME< /a></li> |
| − | Team: Dry Lab <br> | + | <li><a href='https://2015.igem.org/Team:Minnesota/Team'>TEAM</a></li> |
| − | About: In addition to iGEM, I work at the U of M Medical Center and I love to research, play piano, and play with my pets. I am always open to any new opportunities that come along the way.
| + | <li><a href='https://2015.igem.org/Team:Minnesota/Project'>PROJECT</a></li> |
| − | <br> | + | <li><a href='https://2015.igem.org/Team:Minnesota/Software'>SOFTWARE</a></li> |
| − | </font> | + | <li><a href='https://2015.igem.org/Team:Minnesota/Practices'>PRACTICES</a></li> |
| − | "><img id="teamImg" src="https://static.igem.org/mediawiki/2014/f/f9/DiLiu.jpg" height="130" width="130"> </a>
| + | <li><a href='https://2015.igem.org/Team:Minnesota/Notebook'>NOTEBOOK</a></li> |
| | + | <li><a href='https://2015.igem.org/Team:Minnesota/Attributions'>ATTRIBUTIONS</a></li> |
| | + | <li><a href='https://2015.igem.org/Team:Minnesota/Safety'>SAFETY</a></li> |
| | + | <li><a href='https://2015.igem.org/Team:Minnesota/Sponsor'>SPONSOR</a></li> |
| | + | </ul> |
| | + | </div> |
| | | | |
| | | | |
| | | | |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: Sarah Lucas <br>
| + | </div> <!--End sideBarAll--> |
| − | Major: Genetics, Cell Biology and Development <br>
| + | |
| − | Team: Wet Lab <br>
| + | |
| − | About: Besides being a part of iGEM, I am the vice president of the Genetics, Cell Biology and Development Club, and I babysit and work at a local greenhouse. Some hobbies of mine are reading, skiing, and playing cards games like cribbage and spades. My tentative plan after graduation is to obtain my PhD.
| + | |
| − | <br>
| + | |
| − | </font> | + | |
| − | "><img id="teamImg" src="https://static.igem.org/mediawiki/2014/6/6f/SarahLucas.JPG" height="130" width="130"></a>
| + | |
| | | | |
| | + | <div id="MainBoxAll"> |
| | | | |
| | + | <div id="MainBoxContent"> |
| | + | <img id="MainBoxContentImg" src="https://static.igem.org/mediawiki/2015/4/44/MN_2015_home_welcome_pic.png"> |
| | | | |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: Jessica Tarnowski <br> | + | <div class="mainContentTextBanner" align="center"> |
| − | Major: Genetics Cell Biology, Development <br>
| + | Welcome to the University of Minnesota iGEM team website! We hope you enjoy learning about us and what we do! |
| − | Team: Wet Lab/Human Practices <br>
| + | </div><!--end mainContentTextBanner--> |
| − | About: In addition to iGEM, Jessica enjoys reading, biking, and beer and is an avid LOTR fan. She will be graduating in December and will continue to work in the Public Health Laboratory at the Minnesota Department of Health after graduation.
| + | |
| − | <br>
| + | |
| − | </font> | + | |
| − | "><img id="teamImg" src="https://static.igem.org/mediawiki/2014/4/4b/JessTarnowski.JPG" height="130" width="130"></a>
| + | |
| | | | |
| | + | </div> <!--end mainboxcontent--> |
| | | | |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: Aaron Free <br> | + | <div class="rightNavButtons"> |
| − | Major: Computer Science<br>
| + | |
| − | Team: Web <br>
| + | |
| − | About: I am interested in computational linguistics and the design of everyday things.
| + | |
| − | <br>
| + | |
| − | </font>
| + | |
| − | "><img id="teamImg" src="https://static.igem.org/mediawiki/2014/d/db/AaronFree.JPG" height="130" width="130"></a>
| + | |
| | | | |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: Basem Al-Shayeb <br> | + | <div style="position:absolute;left:5px;top:0px;"> |
| | + | <a href="#"><img id="mainRightButton1" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/welcome_maroon_txt.png"></a> |
| | + | </div> |
| | + | <div style="position:absolute;left:5px;top:75px;"> |
| | + | <a href="C:\Documents and Settings\aj\Desktop\IGEM webpage/Project.html"><img id="mainRightButton2" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/projects_gold_img.png"></a> |
| | + | </div> |
| | + | <div style="position:absolute;left:5px;top:150px;"> |
| | + | <a href="C:\Documents and Settings\aj\Desktop\IGEM webpage/Team.html"><img id="mainRightButton3" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_gold_img.png"></a> |
| | + | </div> |
| | | | |
| − | Major: Genetics, Cell Biology & Development, Microbiology <br>
| |
| | | | |
| − | Team: Wet Lab Lead/Human Practices <br>
| + | </div><!--end rightNavButtons--> |
| | | | |
| − | About: Basem is the team lead for the MN iGEM 2014 project. Having been involved on the 2013 iGEM team, he has a deep appreciation for synthetic biology and its potential uses throughout everyday life.
| |
| | | | |
| − | <br> | + | <div id="MainBoxOtherLinks"> |
| | + | <p class="otherLinks"> |
| | + | <center><a href="https://2015.igem.org/Main_Page">iGEM Home</a> | <a href="https://igem.org/2015_Judging_Form?id=1626">iGEM Judge-Click Here!</a> | <a href="https://igem.org/Team.cgi?id=1626">Team Minnesota Info</a> | |
| | + | <a href="https://twin-cities.umn.edu/">University of Minnesota</a> | <a href="https://2015.igem.org/Team:Minnesota/Contact">Contact Us!</a></center> |
| | + | </p> |
| | | | |
| − | </font> | + | </div> <!--end mainboxotherlinks--> |
| | | | |
| − | "><img id="teamImg" src="https://static.igem.org/mediawiki/2014/c/cc/BasemAlShayeb.JPG" height="130" width="130"></a>
| |
| | | | |
| | | | |
| | + | </div> <!--end mainboxall--> |
| | | | |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: Holly Li <br>
| |
| − | Major: Mathematics <br>
| |
| − | Team: Dry Lab <br>
| |
| − | About: I graduated this year with a B.S. in Mathematics. I will continue my studies in computer science.
| |
| − | <br>
| |
| − | </font>
| |
| − | "><img id="teamImg" src="https://static.igem.org/mediawiki/2014/5/5a/HollyLi.JPG" height="130" width="130">
| |
| | | | |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: Roxana Karami <br> | + | </div> <!--end content all--> |
| − | Major: Mechanical Engineering <br>
| + | |
| − | Team: Dry Lab <br>
| + | |
| − | About: I work in a mechanical engineering lab that deals with all things aersol! While not trying to tackle our atmospheric issues, I enjoy running, biking, eating, reading and sleeping along the great Mississippi. I hope to pursue my graduate degree in mechanical engineering.
| + | |
| − | <br>
| + | |
| − | </font>
| + | |
| − | "><img id="teamImg" src="https://static.igem.org/mediawiki/2014/8/8f/RoxanaKarami.jpg" height="130" width="130">
| + | |
| | | | |
| − | </li>
| |
| − | <li>
| |
| | | | |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: Cassandra Barret <br> Year: Senior <br>
| |
| − | Major: Microbiology <br>
| |
| − | Team: Human Practices / Wet Lab <br>
| |
| − | About: I’m a senior studying microbiology. Some of my main research interests include the human microbiome, Huntington’s disease, and synthetic biology. Outside of the classroom I’m an officer in the Microbiology Club and Synthetic Biology Society. I also work in the Veterinary Diagnostics Lab on campus. My hobbies outside of science include hiking, poetry writing, cooking, and biking.
| |
| − | <br>
| |
| − | </font>"> <img id="teamImg" src=" https://static.igem.org/mediawiki/2014/8/8c/CassandraBarret.jpg" height="130" width="130"> </a>
| |
| | | | |
| | | | |
| | | | |
| − | | + | <div class="hidden"> |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: Logan Pfaff <br> | + | <script type="text/javascript"> |
| − | Major: Microbiology, GCD and minor in Pharmacology. <br>
| + | <!--//--><![CDATA[//><!-- |
| − | Team: Wet Lab <br>
| + | var images = new Array() |
| − | About: I work for the Anatomy Bequest program at the University and volunteer at fairview hospital weekly. I am the vice president of the Pharmacology club on campus and am very active. I plan on attending medical school in the year 2016. After I graduate, I plan to work as a scribe and lab technician. For wet lab, I worked on the MerB gene, which encodes an enzyme that removes the CH3 group from mercury ions. <br>
| + | function preload() { |
| − | </font>"><img id="teamImg" src="https://static.igem.org/mediawiki/2014/7/7a/LoganPfaff.jpg" height="130" width="130"></a>
| + | for (i = 0; i < preload.arguments.length; i++) { |
| − | | + | images[i] = new Image() |
| − | | + | images[i].src = preload.arguments[i] |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: Jennifer Strommen<br> | + | } |
| − | Year: Senior<br>
| + | } |
| − | Major: Biology, Linguistics<br>
| + | preload( |
| − | Team: Human Practices Lead/Wet Lab<br>
| + | "https://static.igem.org/mediawiki/2015/0/08/MN_2015_proj_home.png", |
| − | About: Jennifer assisted with the project development as well as construction and testing of the mer operon and merT parts, coordinated and led Science Museum outreach, and directed the documentary. Outside of synthetic biology, her research interests include neurobiology, natural language processing and Python. She is also a co-founder of Synthetic Biology Society and leader of both a Python Beginners group and an undergraduate linguistics group, and volunteers at the Science Museum in her spare time.<br>
| + | "https://static.igem.org/mediawiki/2015/7/7b/MN_2015_team_vect.png", |
| − | </font>">
| + | "https://static.igem.org/mediawiki/2015/4/44/MN_2015_home_welcome_pic.png" |
| − | <img id="teamImg" src="https://static.igem.org/mediawiki/2014/1/17/JenniferStrommen.JPG" height="130" width="130"></a>
| + | ) |
| − | | + | //--><!]]> |
| − | | + | </script> |
| − | | + | |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: Taylor D. Aldridge <br>
| + | |
| − | Major: Statistics <br>
| + | |
| − | Team: Human Practices <br>
| + | |
| − | About: I'm from Petersburg, Illinois. My spirit animal is a zebra. I listen to indie alternative and rap music. In my free time I like to run, bike, and go to concerts. I'm an avid water,tea, and chocolate milk drinker. I'm attempting to learn Icelandic and how to beatbox. I quote the song, 'the climb' too much.
| + | |
| − | <br>
| + | |
| − | </font>
| + | |
| − | "><img id="teamImg" src=" https://static.igem.org/mediawiki/2014/9/9d/TaylorAldridge.jpg " height="130" width="130"></a>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: Camilo Rey <br>
| + | |
| − | Major: Biochemistry <br>
| + | |
| − | Team: Wet Lab <br>
| + | |
| − | About: I am a Colombian science lover. My other passions include music and traveling.
| + | |
| − | <br>
| + | |
| − | </font> | + | |
| − | "><img id="teamImg" src="https://static.igem.org/mediawiki/2014/9/9b/CamiloReyBedon.jpg" height="130" width="130"> </a>
| + | |
| − | | + | |
| − | | + | |
| − | <a id="bio-id" href="#" title="<font size='4'> Name: Srijay Rajan <br>
| + | |
| − | Major: Chemical Engineering <br>
| + | |
| − | Team: Dry Lab <br>
| + | |
| − | About: Active member of the Beta Chapter of Alpha Chi Sigma. I enjoy reading, cooking, trivia, outdoor activities, and having fun. Apart from synthetic biology, I am also interested in biomaterials and developing sustainable ways to manufacture chemicals. From Moorpark, CA.
| + | |
| − | <br>
| + | |
| − | </font>
| + | |
| − | "><img id="teamImg" src="https://static.igem.org/mediawiki/2014/e/e6/SrijayRajan.png" height="130" width="130"></a>
| + | |
| − | | + | |
| − | </li> | + | |
| − | </ul>
| + | |
| − | <br><br><br><br><br>
| + | |
| − | </div>
| + | |
| − | <div class="section" id="section4">
| + | |
| − | <div class="slide" id="PnPslide1" data-anchor="PnPslide1">
| + | |
| − | <h4>Policies & Practices</h4> | + | |
| − |
| + | |
| − | <a href="https://2014.igem.org/Team:Minnesota#Policies/slide2">
| + | |
| − | <img id="pp-logo" src="https://static.igem.org/mediawiki/2014/7/78/EducationalOutreachIcon.png" onclick="javascript:location.href='https://2014.igem.org/Team:Minnesota#Policies/slide2';"alt = "policies" height = "190">
| + | |
| − | </a>
| + | |
| − | <a href="https://2014.igem.org/Team:Minnesota#Policies/slide3">
| + | |
| − | <img id="pp-logo" src="https://static.igem.org/mediawiki/2014/d/db/PublicPerception.png" onclick="javascript:location.href='https://2014.igem.org/Team:Minnesota#Policies/slide3';" alt = "policies" height = "190">
| + | |
| − | </a>
| + | |
| − | <a href="https://2014.igem.org/Team:Minnesota#Policies/slide4">
| + | |
| − | <img id="pp-logo" src="https://static.igem.org/mediawiki/2014/b/b7/IntellectualPropertyIcon.png" onclick="javascript:location.href='https://2014.igem.org/Team:Minnesota#Policies/slide4';" alt = "policies" height = "190">
| + | |
| − | </a>
| + | |
| − | <a href="https://2014.igem.org/Team:Minnesota#Policies/slide5">
| + | |
| − | <img id="pp-logo" src="https://static.igem.org/mediawiki/2014/a/af/Documentary.png" onclick="javascript:location.href='https://2014.igem.org/Team:Minnesota#Policies/slide5';" alt = "policies" height = "190">
| + | |
| − | </a>
| + | |
| − | | + | |
| − | | + | |
| − |
| + | |
| − | <h3>Our Policy and Practices approach this year has focused on establishing an effective two-way discourse between our team and the public in order to inform our design, educate the public, and illuminate ethical issues related to both our project and integration of public opinion into project implementation. We focused our discussion on safety, ethics, sustainability, and intellectual property in order to design a project that fits the needs of the public while maintaining technical viability and high potential for commercialization. Our team did extensive educational outreach in addition to educating ourselves on public perception of our work. We used this input to inform our device design such that it could be implemented in a way that addresses the major concerns of both scientists and consumers. We also took steps to protect our intellectual property and explore the patenting and commercialization process of our product. Finally, our team sought to investigate ethical issues brought up by our discourse with the public by discussing both our work and ethics related to the project with a variety of experts and ethicists.
| + | |
| − | | + | |
| − | </h3>
| + | |
| − |
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="slide" id="slide2" data-anchor="slide2">
| + | |
| − | <h4>Educational Outreach</h4> | + | |
| − | | + | |
| − | <h3>Building on past successes, our team has been devoted to volunteering our services to the community in a number of educational venues. The team took our curriculum, first developed in 2013, and improved the structure and delivery of our lesson plans in the hopes of encouraging awareness and education on topics in synthetic biology. Since 2013 our educational outreach group ECORI (Educating Communities On Research Innovation) has taught our <a href="https://static.igem.org/mediawiki/2014/a/ab/Curriculumhandbook.pdf" style="color:white;"> original interactive classroom curriculum </a>to over 200 students (K-12) and their teachers. This year we also created a mobile exhibit form of our curriculum along with a layman’s introduction to our project that we displayed on over half a dozen weekends to visitors of all ages at the Science Museum of Minnesota. Our curriculum has also been brought to several other STEM fairs and family fun events in the Twin Cities area including the 3M Science Day Fair for 3M employees and their families, UMN Biodiversity Fair, CSE Family Fun Fair, and the Middle School STEM Fair hosted by the Association of Multicultural Students at UMN. Finally, the team designed a Synthetic Biology Game Show that was presented on stage with 30 participants at the Minnesota State Fair to assess the general public’s knowledge of the subject and teach hundreds of passers-by in a way that was both engaging and interactive. Winners were rewarded with reusable bags, magnets, and gift cards donated by our sponsors. In the spirit of science, our curriculum has been ever evolving to constantly address salient topics and educational materials. The variable versions of our curriculum allow it to be flexible and practical in various settings.
| + | |
| − | | + | |
| − | </h3>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | <div class="slide" id="slide3" data-anchor="slide3">
| + | |
| − | <h4>Public Perception</h4>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/0/0c/Img5redo.JPG" height="190">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/0/08/Img2redo.JPG" height="190">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/f/f1/Img_4.JPG" height="190">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/2/23/Img_3.JPG" height="190">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/4/43/1redddddddddddddo.JPG" height="190">
| + | |
| − | <h3> Our team sought to inform the majority stakeholders in our community concerning the scope of our project. This year our team chose to have an exhibit catered towards adult residents at the Minnesota State Fair (the largest statewide annual gathering with over 1.8 million visitors each year) to learn how we can best design our technology to meet the needs and concerns of the people whose waters we hope to bioremediate. We delivered a short synopsis of our device, the synthetic biology involved, and safety precautions we have outlined for our project. We then presented visitors with a five question survey using a Likert Scale to gauge public perception of both our device, and the synthetic biology methods used. The survey was a huge success with over 320 participants. With such a diverse attendance, our survey captured a great cross-section of the Minnesota community that would be impacted by the implementation of our device. The results of our survey, illustrated below, informed how and where the public would be most comfortable with implementing our device, and illustrated the need for catered education addressing the public’s major concerns prior to applying our device in the environment. Our model for gauging public perception allowed for a wide, diverse crowd to be accessed. This model can be used upon request.
| + | |
| − | | + | |
| − | | + | |
| − | </h3>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="slide" id="slide4" data-anchor="slide4">
| + | |
| − | <h4>Intellectual Property</h4>
| + | |
| − | <br>
| + | |
| − | | + | |
| − | <h3>
| + | |
| − | Members of our team attended three Intellectual Property Protection and patenting workshops that educated them on the process of commercialization of our invention. This allowed us to develop a comprehensive <a href="https://static.igem.org/mediawiki/2014/e/e4/IGEM_Business_Plan.pdf " style="color:white;"> business plan </a>and perform an economic analysis of the mining, fisheries, and governmental markets that could potentially benefit from the use of our invention. We presented our work and received feedback and advice from employees and scientists at both Cargill and 3M. We also worked in conjunction with the Office of Technology Commercialization to explore the patentability of our project, the novelty, the non obviousness, and utility of our product and how to make the best claims to patent our device or license it to Minnepura Technologies, Inc.
| + | |
| − | </h3>
| + | |
| − | <table style="width: 100%; margin: 5px;">
| + | |
| − | <tr>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2014/a/a7/IP.jpg" alt = "logo" height=50% width=40%>
| + | |
| − | <h3> Basem and Patrick meet with patent attorneys at the Office for Technology Commercialization </h3>
| + | |
| − | </tr>
| + | |
| − | </table>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="slide" id="slide5" data-anchor="slide5">
| + | |
| − | <h4>Documentary</h4> | + | |
| − | <br>
| + | |
| − | <iframe width="420" height="315" src="//www.youtube.com/embed/35bRY4s0ZwA" frameborder="0" allowfullscreen></iframe>
| + | |
| − | <iframe width="420" height="315" src="//www.youtube.com/embed/iqXga-qfj90" frameborder="0" allowfullscreen></iframe>
| + | |
| − | <h3>
| + | |
| − | In order for our project to reach commercialization and success with the public, we needed to inform ourselves as well as others of the ethics of the use of our invention. We compiled this documentary in order to inform those unfamiliar with the problem of global mercury contamination and to discuss the bioethical questions of synthetic biology as they related to our device implementation. We conducted interviews with specialists from environmental toxicology, biotechnology, and philosophy. Through our collaboration with the 2014 Colombia iGEM Team, we further examined the current mercury contamination in Colombia and around the globe.
| + | |
| − | </h3>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div class="section" id="section5">
| + | |
| − | <div class="slide" id="safetySlide1">
| + | |
| − | <h4>Safety in the Lab</h4>
| + | |
| − | <h3><b>Our Training </b>
| + | |
| − | <br>
| + | |
| − | DEHS Introduction: Research Safety
| + | |
| − | <br>
| + | |
| − | DEHS Chemical Safety
| + | |
| − | <br>
| + | |
| − | DEHS Waste Management
| + | |
| − | </h3>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | <div class="slide" id="safetySlide2">
| + | |
| − | <h4>Safety in the Lab</h4>
| + | |
| − | <h3>Our Local Rules and Regulations: <br>
| + | |
| − | The project was discussed with the Department of Environmental Health and Safety at our university, and a plan was devised for mercury waste disposal based on their input. General biosafety guidelines found at https://www.dehs.umn.edu/bio.htm, http://www.dehs.umn.edu/bio_pracprin.htm and http://www.cdc.gov/biosafety/publications/bmbl5/bmbl.pdf were followed. <br>
| + | |
| − | Risks of Our Project: <br>
| + | |
| − | In order to mitigate risks to the safety and health of team members, or other people working in the lab, gloves were used in any protocol that utilizes Ethidium Bromide, including gel electrophoresis.
| + | |
| − | Lab coats, gloves, and full face shields were used when cutting gel fragments in proximity of ultraviolet light. A lab coat, inner and outer (long cuffed) nitrile gloves, lab goggles and face shields will be used for handling mercury, and used materials were disposed of by the University of Minnesota Department of Environmental Health and Safety. In addition, there are assigned incubators, hoods, and disposal containers specifically for experiments that involved mercury. </h3>
| + | |
| − | | + | |
| − | <!--<div></div>-->
| + | |
| − | </div> | + | |
| − | <div class="slide" id="safetySlide3">
| + | |
| − | <h4>Safety in the Lab</h4>
| + | |
| − | <h3>
| + | |
| − | Design features to Minimize Risk: <br>
| + | |
| − | We used non-pathogenic (BSL1) lab strains of bacteria to minimize the risk to humans. Second, our device would be air tight to prevent the bacteria from escaping and a filter to store the mercury that has been biologically remediated. Third, we could use one of the kill switch proposals that were created so that if the bacteria were to escape outside they would swiftly self-destruct.
| + | |
| − | | + | |
| − | </h3>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div> | + | |
| − | | + | |
| − | | + | |
| − | <div class="section" id="section6">
| + | |
| − | <div id="title">
| + | |
| − | <h4>Attributions</h4>
| + | |
| − | </div>
| + | |
| − | <p><b>Wet Lab:</b></p>
| + | |
| − | | + | |
| − | <p> Mercury Project Design: </p>
| + | |
| − | Basem, Aunica
| + | |
| − | | + | |
| − | Mercury Ion Testing:
| + | |
| − | Sarah, Cassandra, Camilo, Srijay, Jennifer, Suzie, Aunica
| + | |
| − | | + | |
| − | Methylmercury Testing:
| + | |
| − | Nater Lab, Niko, Srijay, Patrick, Suzie, Basem, Aunica
| + | |
| − | | + | |
| − | Cadmium, Zinc, Copper project design/ Testing
| + | |
| − | Basem, Stephen, Aunica, Cassandra
| + | |
| − | | + | |
| − | Kill Switch Biosafety Proposal:
| + | |
| − | David, Sarah
| + | |
| − | | + | |
| − | pDU1358 received from Dr. Anne O. Summers, University of Georgia
| + | |
| − | pSB74 received through addgene from Keasling Lab
| + | |
| − | pBBRBB recieved from Dr. Claudia Schmidt-Dannert, University of Minnesota
| + | |
| − | | + | |
| − | Composite parts:
| + | |
| − | mer operon:
| + | |
| − | Primer design: Basem, Stephen
| + | |
| − | Parts cloning: Basem, Jennifer, Valeriu
| + | |
| − | | + | |
| − | phsABC:
| + | |
| − | Primer design: Basem, Stephen
| + | |
| − | Parts cloning: Basem, Valeriu
| + | |
| − | | + | |
| − | Single parts:
| + | |
| − | merR:
| + | |
| − | Basem, Stephen, Cassandra
| + | |
| − | merT:
| + | |
| − | Basem, Stephen, Sarah, Jennifer
| + | |
| − | merP:
| + | |
| − | Basem, Stephen, Camilo, Logan
| + | |
| − | merA:
| + | |
| − | Basem, Stephen, Valeriu, Jessica, Cassandra, Sarah
| + | |
| − | merB:
| + | |
| − | Basem, Stephen, Logan, David
| + | |
| − | | + | |
| − | Chassis Transformations:
| + | |
| − | Pseudomonas putida: Basem
| + | |
| − | Shewanella oneidensis: Basem
| + | |
| − | E. coli K12: Basem, David
| + | |
| − | Rhodopseudomonas: Basem, Stephen
| + | |
| − | | + | |
| − | | + | |
| − | EncapsuLab:
| + | |
| − | | + | |
| − | Encapsulation Protocol Design: Niko, Srijay, Patrick, David
| + | |
| − | Cell encapsulation: Niko, Patrick, Srijay, David, Basem, Suzie
| + | |
| − | Cell Viability Testing: Niko, Srijay, Patrick, David
| + | |
| − | SEM encapsulation imaging: Niko, UofM imaging center
| + | |
| − | Device design: Roxana, Niko
| + | |
| − | Mathematical modelling: Di, Zhiyi, Patrick, David
| + | |
| − | | + | |
| − | Policies and Practices:
| + | |
| − | | + | |
| − | Outreach, presentations, public perception studies
| + | |
| − | | + | |
| − | School Curriculum design: Basem, Suzie
| + | |
| − | Science Museum Curriculum Design: Sarah L, Jessica, Cassandra, Sarah Perdue
| + | |
| − | Middle School Classroom outreach: Jess, Basem, Cassandra, Jennifer, Suzie
| + | |
| − | Science Museum outreach: Jess, Jen, David, Sarah, Cassandra, Basem, Srijay, Di, Holly, Logan, Valeriu, Taylor
| + | |
| − | 3M, Cargill company presentations: Suzie, Basem, Cassandra, Stephen, Jess
| + | |
| − | State Fair outreach:
| + | |
| − | tabling & survey: Cassandra Taylor Jess Jen Basem Suzie Niko Stephen Roxana Di Srijay Patrick Sarah Perdue Holly Logan Valeriu Sarah
| + | |
| − | Survey statistics: Taylor
| + | |
| − | slideshow: Jessica
| + | |
| − | giveaways: CBS, Fridley Super Target, Rob Rakow
| + | |
| − | survey content: Jessica, Srijay, Taylor, Cassandra
| + | |
| − | State Fair game show: Cassandra, Taylor, Sarah Perdue
| + | |
| − | Multicultural Student Association Collaboration: Jessica
| + | |
| − | Colombia collaboration: (magnetic stirrer) Stephen
| + | |
| − | | + | |
| − | Ethics :
| + | |
| − | Blog: Basem, Cassandra, Logan, Jen
| + | |
| − | Documentary: Interview Questions, Content: Jennifer, David, Sarah Perdue, Colombia iGEM team
| + | |
| − | Camera, Editing, Production: Connor Gleason
| + | |
| − | | + | |
| − | Business Plan:
| + | |
| − | Justin, Tanner, Basem, Tamara
| + | |
| − | | + | |
| − | Economic Analysis:
| + | |
| − | Justin, Tanner
| + | |
| − | | + | |
| − | Intellectual Property Rights and Patenting
| + | |
| − | Basem, Office of Technology Commercialization
| + | |
| − | | + | |
| − | Wiki development
| + | |
| − | Design: Basem, Mari, Chris, Aaron, Tanner
| + | |
| − | Icons: Mari
| + | |
| − | Figures development: Mari, Basem, Niko
| + | |
| − | Coding, CSS, javascript: Aaron, Chris, Basem
| + | |
| − | Content: Stephen, Basem, Srijay, Niko, Patrick, Di, Holly,
| + | |
| − | Lab notebook: Sarah Lucas
| + | |
| − | | + | |
| − | Poster:
| + | |
| − | Basem
| + | |
| − | | + | |
| − | Team Logo
| + | |
| − | Niko
| + | |
| − | | + | |
| − | Forms, IP, safety:
| + | |
| − | Basem
| + | |
| − | | + | |
| − | Parts Submission form & shipping
| + | |
| − | Stephen
| + | |
| − | | + | |
| − | Public relations and team contact
| + | |
| − | Basem, Jessica
| + | |
| − | | + | |
| − | Grant writing, fundraising
| + | |
| − | Basem, Jess, David, Cassandra
| + | |
| − | | + | |
| − | | + | |
| | </div> | | </div> |
| − | <div class="section" id="section7">
| + | </body> |
| − | <a name="goldmedal"><div class="slide" id="goldslide1" ></a>
| + | |
| − | <h4>Gold Medal Requirements</h4>
| + | |
| − | <h3> <p></p>
| + | |
| − | UMN iGEM has strived to produce Gold Medal level work through the duration of our project. Here we outline our work that specifically pertains to each of the gold medal requirements. <br><br><b>Please click the dots below to naviagte through this page.</b></h3>
| + | |
| − | </div>
| + | |
| − | <div class="slide" id="goldslide2">
| + | |
| − | <h4>Requirement 1: Improving function or characterization of an existing part</h4>
| + | |
| − | <h3>
| + | |
| − | In order to measure the constitutive phsABC thiosulfate reducing activity of NaS2O3 to H2S, the operon was first inserted into the pBBRBB vector with a constitutive Placpromoter and transformed into E. coli K12. As a negative control, pBBRBB::gfp was tested under the same conditions. The pBBRBB::phsABC K12 and pBBRBB::gfp K12 cells were grown in three test tubes each containing heavy metal tryptone medium as well as 3mM NaS2O3. A third set of test tubes were set up with the same contents except without cells as an additional negative control. After 24 hours of incubation, the exact amount of H2S present in each of three different sets of tubes was then measured using a hydrogen sulfide assay tested against a known standard curve of various Na2S concentrations. The compiled results showed that the sulfide concentration was considerably higher for the cultures containing pBBRBB:phsABC (380.1 μM ± 13.5) compared to the pBBRBB::gfp negative control (118.9μM ± 1.1). A second set of experiments was also conducted with pBBRBB:phsABC K12, pBBRBB::GFP K12, and an abiotic control grown in heavy metal tryptone medium, 3mM NaS2O3tubes, and 2.5mM Fe(II)Cl2. Since the phsABC gene is responsible reducing thiosulfate, NaS2O3 would be converted to H2S, which will further react with Fe(II)Cl2 to produce FeS, a black precipitate. After a 24 hour incubation period, the pBBRBB:phsABC K12 cells were the only ones seen to produce FeS, confirming the role of the phsABC gene in reducing thiosulfate. To affirm that this reaction is also successful under non-enclosed systems, the same sets of samples were also tested on 0.2% plates containing 3mM NaS2O3tubes and 2.5mM Fe(II)Cl2. The results after 24 hours of incubation were similar to the experiments conducted in test tubes. Following sulfide measurements, cadmium chloride was added (200 μM), and cells were allowed to incubate without shaking at 37C overnight. Cells were pelleted to look for a color change indicating precipitation of CdS. Cell pellets for K12 expressing phsABS were yellow/brown indicating precipitation of CdS while the vector control cells (pBBRBB::gfp) remained white.
| + | |
| | | | |
| − | </h3>
| |
| − | </div>
| |
| − | <div class="slide" id="goldslide3">
| |
| − | <h4>Requirement 2: Collaborations with other teams</h4>
| |
| − | <h3>
| |
| − | The UMN collaborated with Wisconsin Lutheran to facilitate a week’s worth of synthetic biology curriculum by sending detailed lesson plans developed by our iGEM team, along with strains of microorganisms used to facilitate trainings. In addition, we participated in Columbia iGEM's low-budget lab exercise, who in turn provided UMN iGEM with an interview with a local environmental health specialist who has extensive knowledge of the mercury contamination problem within Columbia.
| |
| | | | |
| − | </h3>
| |
| − | </div>
| |
| − | <div class="slide" id="goldslide4">
| |
| − | <h4>Requirement 3: Describing and evaluating questions beyond the bench</h4>
| |
| − | <h3>
| |
| | | | |
| − | The primary goal of UMN iGEM 2014 has been to design a project in line with the major safety, ethics, and intellectual property concerns of both scientists and the public. We took the following steps to address each of these issues:<br><br>
| |
| − |
| |
| − | <b>Safety</b>: Our project gives detailed attention to the prevention of releasing genetically modified bacteria into the environment via encapsulation and the development of several killswitch proposals. The device also includes an activated carbon filter to both collect mercury and prevent release of the bacteria. During an outreach event at 3M we also discussed this filtration element of our device with one of their filtration experts to further inform our safety measures.<br><br>
| |
| − |
| |
| − | <b>Ethics</b>: We have been committed to establishing an open and productive dialogue between UMN iGEM and the public. Our surveying at the State Fair of public opinion on safety and implementation concerns of our device helped to inform our design. We believe there is great ethical importance to involving the community in the design of a device that could potentially be used on their waters. We also developed an interactive game show at the fair to actively engage the public in synthetic biology knowledge. Our dialogue with the public has also included our outreach program at local schools, the Science Museum of Minnesota, and various STEM fairs allowing us to develop a dynamic dialogue with both children and their parents. The program focuses on the understanding of DNA in order to demystify the basic principles behind synthetic biology. It is our hope that a more solid understanding of these principles may help to familiarize children with biotechnological tools and decrease misconceptions about the nature of DNA manipulation. We hope this may help to develop an informed future community of consumers and constituents to facilitate open dialogues between scientists and the public. Finally, we interviewed various experts in bioethics and scientific fields related to our project to help further inform ourselves and give essential background to those unfamiliar with the global issue of mercury contamination.<br><br>
| |
| − |
| |
| − | <b>Intellectual Property</b>: We sought to create an integrative and marketable project by developing a business plan along with marketing analysis for our device. We also educated ourselves about the patenting process via on campus seminars. Finally, we applied for a patent to protect the intellectual property of our team in order to help protect us during any future implementation of the developed business plan.<br><br>
| |
| − |
| |
| − | </h3>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <div class="section" id="section8" data-anchor="Medal">
| |
| − | <div id="title">
| |
| − | <h4>Sponsors</h4><br><br>
| |
| − | </div>
| |
| − | <img src="https://static.igem.org/mediawiki/2014/thumb/8/82/Sponsors2.png/800px-Sponsors2.png" width=65% height=65%>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | </body>
| |
| | | | |
| | </p> | | </p> |
| | <!-- | | <!-- |
| | NewPP limit report | | NewPP limit report |
| − | Preprocessor node count: 19/1000000 | + | Preprocessor node count: 9/1000000 |
| − | Post-expand include size: 123/2097152 bytes | + | Post-expand include size: 40/2097152 bytes |
| | Template argument size: 0/2097152 bytes | | Template argument size: 0/2097152 bytes |
| | Expensive parser function count: 0/100 | | Expensive parser function count: 0/100 |
| | --> | | --> |
| | | | |
| − | <!-- Saved in parser cache with key 2014_igem_org:pcache:idhash:508-0!1!0!!en!2!edit=0 and timestamp 20150917182518 --> | + | <!-- Saved in parser cache with key 2015_igem_org:pcache:idhash:527-0!1!0!!en!2!edit=0 and timestamp 20150916190502 --> |
| | <div class="printfooter"> | | <div class="printfooter"> |
| − | Retrieved from "<a href="https://2014.igem.org/Team:Minnesota">https://2014.igem.org/Team:Minnesota</a>"</div>
| + | |
| | <div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content --> | | <div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content --> |
| | <div class="visualClear"></div> | | <div class="visualClear"></div> |
| Line 2,255: |
Line 918: |
| | </li> | | </li> |
| | | | |
| − | <li id="t-permalink"><a href="/wiki/index.php?title=Team:Minnesota&oldid=406352" | + | <li id="t-permalink"><a href="/wiki/index.php?title=Team:Minnesota&oldid=241990" |
| | title="Permanent link to this revision of the page">Permanent link</a> | | title="Permanent link to this revision of the page">Permanent link</a> |
| | </li> | | </li> |
| | | | |
| | | | |
| − | <li id="privacy"><a href="/2014.igem.org:Privacy_policy" title="2014.igem.org:Privacy policy">Privacy policy</a></li> | + | <li id="privacy"><a href="/2015.igem.org:Privacy_policy" title="2015.igem.org:Privacy policy">Privacy policy</a></li> |
| − | <li id="disclaimer"><a href="/2014.igem.org:General_disclaimer" title="2014.igem.org:General disclaimer">Disclaimers</a></li> | + | <li id="disclaimer"><a href="/2015.igem.org:General_disclaimer" title="2015.igem.org:General disclaimer">Disclaimers</a></li> |
| | </ul> | | </ul> |
| | </div> <!-- close footer --> | | </div> <!-- close footer --> |
| Line 2,268: |
Line 931: |
| | <script>if (window.runOnloadHook) runOnloadHook();</script> | | <script>if (window.runOnloadHook) runOnloadHook();</script> |
| | </div> | | </div> |
| − | <!-- Served in 0.175 secs. --></body> | + | <!-- Served in 0.157 secs. --></body> |
| | | | |
| | </html> | | </html> |
"
