Difference between revisions of "Team:Minnesota"

(Undo revision 393498 by PatrickHolec (talk))
 
(36 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{:Team:Minnesota/Templates/removestyle}}
+
{{:Team:Minnesota/Templates/Minnesota_Main_Style}}
{{:Team:Minnesota/Templates/cssStyle}}
+
{{:Team:Minnesota/Templates/jqueryfullpagecss}}  
+
  
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<html xmlns="http://www.w3.org/1999/xhtml">
+
<head>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<meta name="generator" content="MediaWiki 1.16.5" />
 +
<link rel="shortcut icon" href="/favicon.ico" />
 +
<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&amp;action=creativecommons" rel="meta" />
 +
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 +
<link rel="alternate" type="application/atom+xml" title="2015.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" /> <title>Team:Minnesota - 2015.igem.org</title>
 +
<style type="text/css" media="screen, projection">/*<![CDATA[*/
 +
@import "/wiki/skins/common/shared.css?270";
 +
@import "/wiki/skins/igem/main.css?270";
 +
/*]]>*/</style>
 +
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
 +
<!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]-->
 +
<!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?270"></script>
 +
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
 +
 +
<script>
 +
var skin="igem",
 +
stylepath="/wiki/skins",
 +
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
 +
wgArticlePath="/$1",
 +
wgScriptPath="/wiki",
 +
wgScriptExtension=".php",
 +
wgScript="/wiki/index.php",
 +
wgVariantArticlePath=false,
 +
wgActionPaths={},
 +
wgServer="http://2015.igem.org",
 +
wgCanonicalNamespace="",
 +
wgCanonicalSpecialPageName=false,
 +
wgNamespaceNumber=0,
 +
wgPageName="Team:Minnesota",
 +
wgTitle="Team:Minnesota",
 +
wgAction="view",
 +
wgArticleId=527,
 +
wgIsArticle=true,
 +
wgUserName=null,
 +
wgUserGroups=null,
 +
wgUserLanguage="en",
 +
wgContentLanguage="en",
 +
wgBreakFrames=false,
 +
wgCurRevisionId=241990,
 +
wgVersion="1.16.5",
 +
wgEnableAPI=true,
 +
wgEnableWriteAPI=true,
 +
wgSeparatorTransformTable=["", ""],
 +
wgDigitTransformTable=["", ""],
 +
wgMainPageTitle="Main Page",
 +
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, "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="2015.igem.org",
 +
wgCategories=[],
 +
wgMWSuggestTemplate="http://2015.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
 +
wgDBname="2015_igem_org",
 +
wgSearchNamespaces=[0],
 +
wgMWSuggestMessages=["with suggestions", "no suggestions"],
 +
wgRestrictionEdit=[],
 +
wgRestrictionMove=[];
 +
</script>               
 +
<script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
 +
<!-- Head Scripts -->
 +
<script src="/wiki/skins/common/ajax.js?270"></script>
 +
<script src="/wiki/skins/common/mwsuggest.js?270"></script>
 +
<script type="text/javascript" src="/wiki/index.php?title=-&amp;action=raw&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
 +
<!-- jQuery Javascript -->
 +
<script type='text/javascript'        src ='/common/jquery-latest.min.js'></script>
 +
<script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
 +
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
 +
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
 +
        <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
 +
<script type='text/javascript'        src ='/forum/forum_scripts.js'></script>
 +
</head>
  
<head>
+
<body              class="mediawiki  ltr ns-0 ns-subject page-Team_Minnesota">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
  <div id="globalWrapper">
<title>UMN iGEM 2014</title>
+
  
<style>
+
    <div id="top-section">
 +
<div id="p-logo">
 +
    <a href="/Main_Page"
 +
      title="Main Page">
 +
    <img src='/wiki/skins/common/images/wiki.jpg'>"
 +
    </a>
 +
</div>  <!-- end p-logo -->
 +
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
  
  
/* Style for our header texts
 
* --------------------------------------- */
 
/* acting weird */ h1{
 
font-size: 4em;
 
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
 
color: #fff;
 
margin: 4% 0 0% 0;
 
padding: 3% 0 0 0 ;
 
}
 
h2 {
 
        color: black;
 
        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 {
+
<div id="menubar" class='left-menu noprint'>
        /* font-size: px;
+
  <ul>
    margin-top: 0;  
+
                  <li
        margin-right: 10%;  
+
                class='selected'       ><a href="/Team:Minnesota">Page              </a></li>
        margin-bottom: 0;  
+
              <li
        margin-left: 10%;
+
                class='new'       ><a href="/wiki/index.php?title=Talk:Team:Minnesota&amp;action=edit&amp;redlink=1">Discussion              </a></li>
        */
+
              <li
    }
+
                    ><a href="/wiki/index.php?title=Team:Minnesota&amp;action=edit">View source              </a></li>
 +
              <li
 +
                    ><a href="/wiki/index.php?title=Team:Minnesota&amp;action=history">History              </a></li>
 +
              <li style='color:white;cursor:default'>teams</li>
 +
  </ul>
 +
</div> <!-- end menubar (left) -->
  
div.smallbox {
+
<div class="right-menu noprint" id="menubar">
position: relative;
+
    <ul>
top: -150px;
+
                <li id="pt-login"><a href="/wiki/index.php?title=Special:UserLogin&amp;returnto=Team:Minnesota" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o">Log in</a></li>     </ul>
left: 25%;
+
</div><!-- end right menubar -->
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%;   
+
    background-color: #f1f1c1;
+
}
+
box:after {
+
  background: gray;
+
  opacity: 0.70;
+
  width: 100%;
+
  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
+
<div id="search-controls" class="noprint">
* --------------------------------------- */
+
<form action="/Special:Search" id="searchform">
.section {
+
<input id="searchInput" name="search" type="text" title="Search 2015.igem.org [f]" accesskey="f" value="" />
text-align:center;
+
<input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />&nbsp;
}
+
      <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
 +
</form>
 +
</div> <!-- close search controls -->
 +
    </div> <!-- close top-section-->
 +
    <div id="content">
 +
<a name="top" id="top"></a>
 +
<h1 class="firstHeading">Team:Minnesota</h1>
 +
<div id="bodyContent">
 +
<h3 id="siteSub" class='noprint'>From 2015.igem.org</h3>
 +
<div id="contentSub"></div>
 +
<!--
 +
<div id="jump-to-nav">Jump to:                        <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
 +
<!-- start content -->
 +
<p>
 +
<head>
 +
<title>Team:Minnesota - Main Style Template</title>
  
/* Backgrounds will cover all the section
+
<style type="text/css">
* --------------------------------------- */
+
#section0,
+
#section1,
+
#section2,
+
#section3,
+
#section4,
+
#section5,
+
#section6,
+
#section7,
+
        #section8 {
+
background-size: cover;
+
background-repeat: no-repeat;
+
}
+
  
/* Defining each sectino background and styles
+
/*========general scrolling div for maincontentbox=====*/
* --------------------------------------- */
+
.ScrollDiv{
#section0{
+
position:absolute;
background-image: url(http://2014.igem.org/wiki/images/4/4f/Background_for_iGEM_webpage.png);
+
top:-10px;
/* background-image: url(https://i.imgur.com/JKJSa.gif); */
+
width:720px;  
padding: 0 0 0 0;
+
height:450px;  
}
+
margin-left:10px;
    /* #section0 #waterfallvideo {
+
overflow-y:scroll;  
              position: fixed; right: 0; bottom: 0;
+
text-align:left;
              min-width: 100%; min-height: 100%;
+
}
              width: auto; height: auto; z-index: -100;
+
              background: url(http://2015.igem.org/wiki/images/3/33/Video.jpg) no-repeat;  http://2014.igem.org/wiki/images/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 {
 
        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%;
 
        }
 
#section3a {
 
background-color: #002366;
 
padding: 0 0 0 0;
 
}
 
#section4 {
 
background-color: #0088CC;
 
padding: 0 0 0 0;
 
}
 
#section5{
 
padding: 0 0 0 0;
 
}
 
  
 +
/*==========special table code============*/
 +
table.ScrollList{
 +
position:absolute;
 +
width:700px;
 +
border: #787878 solid 2px;
 +
background-color:#A3FFA3;
 +
}
  
 +
table.ScrollList tr{
 +
background-color:#B0B0B0;
 +
height:40px;
 +
}
  
        #section5 h3{
+
table.ScrollList tr td{
        font-size: 3em;
+
padding-left:10px;
        line-height: 100%;
+
width:auto;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+
}
        color: white;
+
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{
+
table.ScrollList tr.header{
background-color: #fff;
+
padding-left:0px;
padding: 0 0 0 0;
+
height:30px;
}
+
background-color:transparent;
+
font-weight:bold;
#section7 {
+
}
 +
table.ScrollList tr.header td{
 +
padding-left:0px;
 +
}
  
background-color: #FFCC33;
 
  
}
 
  
#section7 h4{
 
color: #7A0019;
 
line-height: 60px;
 
}
 
#section7 h3{
 
color: #7A0019;
 
padding-top: 10px;
 
}
 
  
#section8{
 
background-color: #fff;
 
padding: 0 0 0 0;
 
}
 
#section3 h1{
 
color: #000;
 
}
 
  
/* Overwriting styles for the navigation dots (to place it where we want)
+
/*============Main Layout code=====================*/
* --------------------------------------- */
+
.fp-slidesNav.bottom{
+
bottom: 3%;
+
}
+
  
/*Adding background for the slides
 
* --------------------------------------- */
 
#slide1{
 
background-color: #A8A8A8;
 
}
 
#slide2{
 
background-color: #B8B8B8;
 
padding: 0 0 0 0;
 
}
 
#slide3{
 
background-color: #C8C8C8;
 
padding: 0 0 0 0;
 
}
 
#slide4{
 
background-color: #D8D8D8;
 
padding: 0 0 0 0;
 
}
 
#PnPslide1{
 
background-image: url("http://2014.igem.org/wiki/images/a/ae/Collage5.png");
 
padding: 0 0 0 0;
 
background-repeat: no-repeat;
 
background-size: cover;
 
        }
 
#Sponsorsslide1{
 
background-image: url("http://2014.igem.org/wiki/images/a/ae/Collage5.png");
 
padding: 0 0 0 0;
 
background-repeat: no-repeat;
 
background-size: cover;
 
}
 
#safetySlide1{
 
background-image: url("http://2014.igem.org/wiki/images/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;
 
  
}
+
#ContentAll{
    #section5 h4{
+
position:absolute;
        font-size: 6em;
+
width:1000px;
        color: white;
+
height:700px;
    font-weight: 900;
+
        text-shadow:
+
        -1px -1px 15px #000,
+
        1px -1px 15px #000,
+
        -1px 1px 15px #000,
+
        1px 1px 15px #000; 
+
        }
+
  
    #section5 h3{
+
/*autocenter horizontally*/
        font-size: 40px;
+
left:50%;
        color: white;
+
margin-left:-500px;
    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;
+
  
        }
+
background-color:transparent;
   
+
  
#safetySlide2{
+
}
background-image: url("http://2014.igem.org/wiki/images/thumb/5/5e/Image_1908.PNG/800px-Image_1908.PNG");
+
padding: 0 0 0 0;
+
background-repeat: no-repeat;
+
background-size: cover;
+
}
+
#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;
+
        }
+
  
 
/* Fixed header and footer.
 
* --------------------------------------- */
 
#header {
 
position:fixed;
 
height: 8%;
 
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 */
 
}
 
#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;
 
} */
 
  
 +
#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;
 +
}
  
  
</style>
+
#SideBarAll{
 +
/*set to be flush against left and MainBanner*/
 +
position:absolute;
 +
top:150px;
 +
left:0px;
 +
width:200px;
 +
height:550px;
 +
background-color:white;
 +
}
  
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
+
#MainBoxAll{
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
+
/*set to be flush against MainBanner and SideBarAll*/
 +
position:absolute;
 +
top:150px;
 +
left:200px;
 +
width: 800px;
 +
height:550px;
 +
background-color:white;
 +
}
  
<script type="text/javascript" src="http://2015.igem.org/Team:Minnesota/jqueryslimscrollminjs?action=raw&ctype=text"></script>
+
#MainBoxContent{
 +
position:absolute;
 +
width:750px;
 +
height:450px;
 +
background-color:gray;
 +
left:25px;
 +
top:25px;
 +
}
  
<script type="text/javascript" src="http://2015.igem.org/Team:Minnesota/Templates/jqueryfullpagejs?action=raw&ctype=text"></script>
+
#MainBoxOtherLinks{
+
position:absolute;
        <script type="text/javascript" src="http://2015.igem.org/wiki/images/2/2e/Nhpup_1.1.txt?action=raw&ctype=text"></script>
+
width: 800px;
      <script type="text/javascript" src="http://2015.igem.org/wiki/images/3/35/Nhpup_1.0.txt?action=raw&ctype=text"></script>
+
height: 75px;
      <script type="text/javascript" src="http://2015.igem.org/wiki/images/6/67/Nhpup-ioshack_1.0.txt?action=raw&ctype=text"></script>
+
background-color: white;
+
top: 475px;
      <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>
+
  
 +
#MainBoxOtherLinks p.otherLinks{
 +
position:absolute;
 +
left:100px;
 +
top:25px;
 +
background-color: none;
 +
color: gray;
  
      <script type="text/javascript">
+
}
$(document).ready(function() {
+
$('#fullpage').fullpage({
+
  sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'],
+
  anchors: ['Home', 'Idea', 'Project', 'Team', 'Policies', 'Safety', 'Attributions', 'Medal', 'Sponsors'],
+
  menu: '#menu',
+
  continuousVertical: true,
+
  slidesNavigation: true,
+
  easing: 'easeInOutCirc', <!-- options here: http://jqueryui.com/resources/demos/effect/easing.html -->
+
  scrollingSpeed: 1300,
+
                          scrollOverflow: true, <!-- allows pages to scroll down individually -->
+
  autoScrolling:true, <!-- removes slides as sections and allows continuous scrolling -->
+
loopHorizontal: false,
+
});
+
});
+
</script>
+
  
</head>
+
#MainBoxOtherLinks p.otherLinks a{
<body>
+
  text-decoration:none;
<!-- Required Menu Start -->
+
  color: gray;
 +
}
  
<!-- Required Menu End -->
+
#MainBoxOtherLinks p.otherLinks a:hover{
<div id="header">
+
  text-decoration:underline;
<ul id="menu">
+
}
  
<li data-menuanchor="Home" class="active"><a href="#Home">Home</a></li>
 
<li data-menuanchor="Idea" class="active"><a href="#Idea">Idea</a></li>
 
<li data-menuanchor="Project" class="active"><a href="#Project">Project</a></li>
 
    <!--  <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="http://2015.igem.org">
 
<img width=60 height=60 src="http://igem.org/wiki/images/6/60/Igemlogo_300px.png"></a></li>
 
 
</ul>
 
  
</div>
+
body{
 +
background-image:url("http://2015.igem.org/wiki/images/9/9d/MN_2015_BG.png");
 +
background-color:gray;
 +
}
  
<div id="footer"> <a href="http://igem.org/Main_Page" style="color:white;"> iGEM Home </a> | <a href="http://igem.org/2015_Judging_Form?id=1420" style="color:white;" > iGEM Judge-Click Here! </a> | 
+
/*end container boxs*/
<a href="http://www1.umn.edu/twincities/index.html" style="color:white;" > University of Minnesota Home </a> |  <a href="http://2015.igem.org/Team:Minnesota/Contact" style="color:white;" > Contact Us! </a></div>
+
  
<div id="fullpage">
+
/*Start Revised sidebar styles*/
<div class="section " id="section0">
+
<logo><img src="http://2014.igem.org/wiki/images/c/c3/Minnesota_iGem-copy2.gif" alt = "logo" height = "300"></logo>
+
<!--
+
<logo><img src="" alt="mn-logo" width="300"> </logo>
+
-->
+
+
<!-- <video autoplay loop poster="http://2014.igem.org/wiki/images/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>
+
.sideNavBar2
</div>
+
{
        <div class="section " id="section1">
+
position:absolute;
        <div class="slide" id="slide1" data-anchor="slide1">
+
top:25px;
<br><br><br><br>
+
left:0px;
<img src="http://2014.igem.org/wiki/images/d/dd/TheProblemSlide2.png" alt = "logo" height = 78% width=73%>
+
margin:0;
 +
padding:0;
 +
border:0px;
 +
}
  
        </div>
+
.sideNavBar2 ul li
              <div class="slide" id="slide2" data-anchor="slide2">
+
{
<br><br><br><br>
+
list-style:none;
<img src="http://2014.igem.org/wiki/images/0/05/TheSituationSlide2.png" alt = "logo" height=78% width=73%>
+
margin:0;
 +
padding:0;
 +
}
  
              </div>
+
.sideNavBar2 a{
              <div class="slide" id="slide3" data-anchor="slide3">
+
    font-family: Trebuchet MS, Verdana, Century Gothic, Tahoma, sans-serif;
<br><br><br><br>
+
    font-size:20px;
<img src="http://2014.igem.org/wiki/images/c/ce/TheChallengeSlide2.png" alt = "logo" height=78% width=73%>
+
    //font-weight:600;
              </div>
+
              <div class="slide" id="slide4" data-anchor="slide4">
+
<br><br><br><br>
+
<img src="http://2014.igem.org/wiki/images/d/d7/TheSolutionSlide2.png" alt = "logo" height=78% width=73%>
+
              </div>
+
          </div>
+
  
 +
    padding-top:5px;
 +
    padding-left:15px;
  
<div class="section" id="section2">
 
    <div class="slide active" id="safetySlide3" data-anchor="safetySlide3">
 
                                <h4> Project </h4>
 
  
 +
    text-decoration:none;
 +
    background-color:white;
 +
    display:block;
 +
    width:150px;
 +
    height:35px;
 +
}
  
<table style="width:100%"; align: center; background-color:#f1f1c1;>
+
.sideNavBar2 a:link {
  <tr>
+
    border-width:1px 1px 1px 3px;
     <td>
+
    border-style:none none none solid;
<ul>
+
    border-color:white;
<li><lab>
+
     color: gray;
<img src="http://2014.igem.org/wiki/images/5/5b/DryLabnewIcon.png" onclick="javascript:location.href='http://2015.igem.org/Team:Minnesota#Project/slide2';" alt = "Dry Lab" height = "195">&nbsp;&nbsp;                                       
+
</lab>
+
</li>
+
<labSection>
+
<li>
+
  
 +
}
  
 +
.sideNavBar2 a:visited {
 +
    border-width:1px 1px 1px 3px;
 +
    border-style:none none none solid;
 +
    border-color:white;
 +
    color: gray;
 +
}
  
<img src="http://2015.igem.org/wiki/images/a/a5/EncapsuLab.png"onclick="javascript:location.href='http://2015.igem.org/Team:Minnesota#Project/slide11';" alt = "dry" height = "130">
+
.sideNavBar2 a:hover { /*cool button*/
<img src="http://2015.igem.org/wiki/images/0/03/MathModelIconnewfont.png"onclick="javascript:location.href='http://2015.igem.org/Team:Minnesota#Project/slide13';" alt = "dry" height = "130">
+
    border-width:1px 1px 1px 3px;
</li>
+
    border-style: none none none solid;
<li>
+
    border-color:#660000 #660000 #660000 #660000;
<img src="http://2014.igem.org/wiki/images/3/38/DeviceDesignIcon1newfont.png"onclick="javascript:location.href='http://2015.igem.org/Team:Minnesota#Project/slide16';" alt = "dry" height = "130">
+
    color: #FBB917;
<img src="http://2014.igem.org/wiki/images/6/6c/ScalabilityIconnewfont.png" onclick="javascript:location.href='http://2015.igem.org/Team:Minnesota#Project/slide17';" alt = "dry" height = "130">
+
}
</li>
+
.sideNavBar2 a:active {
<li>
+
    border-width:1px 1px 1px 3px;
<a href="http://2014.igem.org/wiki/images/a/ad/EncapsuLabNotebook.pdf">Dry Lab Notebook</a>
+
    border-style: none none none solid;
</li>
+
    border-color:#660000 #660000 #660000 #660000;
<li>
+
    color: #FBB917;
</td>
+
}
<td>
+
<ul>
+
<li><lab>
+
<img src="http://2014.igem.org/wiki/images/1/17/WetLabIcon.png"  alt = "Wet Lab" height = "195">
+
</lab>
+
<ul>
+
<li>
+
<labSection>
+
<img src="http://2014.igem.org/wiki/images/8/84/MercuryRemediationIcon.png" onclick="javascript:location.href='http://2015.igem.org/Team:Minnesota#Project/slide1';" alt = "wet" height = "130">
+
<img src="http://2014.igem.org/wiki/images/5/52/WetLabRemediationIcon.png" onclick="javascript:location.href='http://2015.igem.org/Team:Minnesota#Project/slide3';" alt = "wet" height = "130">
+
</li>
+
</labSection>
+
<li>
+
<img src="http://2014.igem.org/wiki/images/a/a0/WetLabSafetyIcon.png" onclick="javascript:location.href='http://2015.igem.org/Team:Minnesota#Project/slide5';" alt = "wet" height = "130">
+
<img src="http://2014.igem.org/wiki/images/3/33/WetLabResultsIcon.png" onclick="javascript:location.href='http://2015.igem.org/Team:Minnesota#Project/slide6';" alt = "wet" height = "130">
+
</li>
+
<a href="http://2014.igem.org/wiki/images/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="http://2014.igem.org/wiki/images/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>
+
  
 +
.sideNavBar2 a.current{ /*force black for current button*/
 +
    color: #660000;
 +
}
  
<div class="slide" id="slide2" data-anchor="slide2"> <h4>Biobrick Assembly</h4>
+
.sideNavBar2 a.current:hover{ /*allow for gold to still happen for current button*/
<br><h3>
+
    color: #FBB917;
<br>
+
}
<img src="http://2014.igem.org/wiki/images/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="http://2014.igem.org/wiki/images/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>
+
.sideSocialMediaButtons{
<td>
+
position:absolute;
 +
width:120px;
 +
height:60px;
 +
top:460px;
 +
left:30px;
 +
background-color:white;
 +
}
  
<img src="http://2014.igem.org/wiki/images/8/82/PHS2.jpg" alt = "logo" height=383 width=357 left=0>
 
</td><td width=100></td></tr>
 
</table>
 
</div>
 
<div class="slide" id="slide4" data-anchor="slide4"> <h4>Biobrick Assembly</h4>
 
<br><h3>
 
<br>
 
<img src="http://parts.igem.org/wiki/images/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>
+
/*End Revised sidebar styles*/
<div class="slide" id="slide5" data-anchor="slide5"> <h4>Biosafety</h4>
+
<br><br>
+
<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="http://2014.igem.org/wiki/images/b/b0/Sarah%27s_Killswitch_with_Pictures_2_%281%29.pdf">
+
<img src="http://2014.igem.org/wiki/images/b/b2/Sarah%27s_Killswitch.png" onclick="javascript:location.href='http://2014.igem.org/wiki/images/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="http://2014.igem.org/wiki/images/b/bc/David%27s_Killswitch_with_Picture_2.pdf"><img src="http://2014.igem.org/wiki/images/3/36/David%27s_Killswitch.png" onclick="javascript:location.href='http://2014.igem.org/wiki/images/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="http://2014.igem.org/wiki/images/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="http://2014.igem.org/wiki/images/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>
+
  
 +
/*Start Main Content items*/
 +
.rightNavButtons {
 +
position:absolute;
 +
top:140px;
 +
left:695px;
 +
width:80px;
 +
height:220px;
 +
background-color:transparent;
 +
}
  
</div>
+
.rightNavButtons a{
<div class="slide" id="slide8" data-anchor="slide8">
+
display:block;
<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>
+
.mainContentTextBanner{
</tr>
+
position:absolute;
<td>
+
top:350px;
<img src="http://parts.igem.org/wiki/images/2/2c/MerB_results.JPG" alt = "logo" height=90% width=150%><br>
+
left:0px;
<h3> </h3>
+
width:730px;
</td>
+
height:80px;
<td><h3>
+
background-color:#660000;
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.
+
opacity:0.7;
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.
+
font-size:20px;
’’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.
+
color:white;
 +
padding: 10px;
 +
}
  
 +
/*============the following section is hacking the original wiki template============*/
  
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;
 +
}
  
<br>
+
#top-section {
</h3>
+
    border: none;
</td>
+
    height: 0px;
</tr>
+
}
</table>
+
</div>
+
  
 +
#content {
 +
    border: none;
 +
    background-color: transparent;
 +
}
  
    <div class="slide" id="slide9" data-anchor="slide9">
 
<h4> Methylmercury Results (II) </h4>
 
<br>
 
<table style="width: 100%; margin: 5px;">
 
<tr>
 
<td>  0 
 
<td width=420> 
 
</td>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 
 
</td> 
 
</tr>
 
<tr>
 
<td>
 
0000000000
 
</td>
 
<td>
 
<img src="http://2014.igem.org/wiki/images/e/e6/Degkjaghsdv_rates_dif_MeHg_K12.png" alt = "logo" height=20% width=80%><br>
 
<h3></h3>
 
</td>
 
<td><h3>
 
  
 +
#menubar > ul > li:last-child {
 +
    display: none;
 +
}
  
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.
+
#menubar { //resizes menu bar
 +
    width: auto;
 +
}
  
 +
/*hacks menubar links to do cool things*/
 +
#menubar a:link {color:transparent;}
 +
#menubar a:visited {color:transparent;}
 +
#menubar a:hover {color:black;}
 +
#menubar a:active {color:gray;}
  
<br>
 
</h3>
 
</td>
 
</tr>
 
</table>
 
</div>
 
  
<div class="slide" id="slide10" data-anchor="slide10">
+
#top-section { /*section with the buttons and search bar - might be bad to remove*/
<h4> Heavy Metal Bioprecipitation Results </h4>
+
    border: 0px transparent solid;
<table style="width: 100%; margin: 5px;">
+
    position:absolute;
<tr><br><br>
+
    left:140px;
<img src="http://parts.igem.org/wiki/images/a/ab/Assay.jpg"alt = "logo" height=15% width=35%>
+
    /*display:none;*/
<img src="http://2014.igem.org/wiki/images/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="http://2014.igem.org/wiki/images/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>
+
#menubar { /*main menubar settings*/
<div class="slide" id="slide12" data-anchor="slide12">   <div id="title">
+
     background-color: transparent;
        <h4>Encapsulation Procedure</h4><br><br>
+
}
     </div>
+
#menubar ul li a { /*menubar subcategory items*/
<td>
+
    color: black;
      <img src="http://2014.igem.org/wiki/images/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>
+
  
 +
.right-menu li a {
 +
    color: black;
 +
    background-color: transparent;
 +
}
  
</div>
+
/*============End original wiki mods============*/
<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="http://2014.igem.org/wiki/images/0/04/BiochemicalNetwork.png" height=40% width=43%>
+
  
</tr>
+
.mainBox{
</table>
+
position: absolute;
 +
top: 375px;
 +
left: 210px;
 +
width:700px;
 +
height:300px;
 +
text-align:center;
 +
}
  
</div>
 
<div class="slide" id="slide14" data-anchor="slide14">
 
<img src="http://2014.igem.org/wiki/images/8/8f/Math_Modeling_Slide_2.jpg" height=78% width=73%>
 
</div>
 
<div class="slide" id="slide15" data-anchor="slide15">
 
<img src="http://2014.igem.org/wiki/images/3/30/Math_Modeling_Slide_3.jpg" height=78% width=73%>
 
</div>
 
<div class="slide" id="slide16" data-anchor="slide16">
 
<img src="http://2014.igem.org/wiki/images/0/0c/Math_Modeling_Slide_4.jpg" height=78% width=73%>
 
</div>
 
<div class="slide" id="slide17" data-anchor="slide17">
 
<img src="http://2014.igem.org/wiki/images/e/e4/Math_Modeling_Slide_5.jpg" height=78% width=73%>
 
</div>
 
<div class="slide" id="slide18" data-anchor="slide18">
 
<img src="http://2014.igem.org/wiki/images/e/e4/Math_Modeling_Slide_6.jpg" height=78% width=73%>
 
</div>
 
<div class="slide" id="slide19" data-anchor="slide19">
 
<img src="http://2014.igem.org/wiki/images/8/8c/Math_Modeling_Slide_7.jpg" height=78% width=73%>
 
<a href="http://2014.igem.org/wiki/images/a/ab/Supplementary_Materials.pdf"><h3><b> Supplementary materials here.</b></a></h3>
 
  
</div>
+
.mainBox td{
<div class="slide" id="slide20" data-anchor="slide20">
+
  align:center;
<h4> Device Design </h4>
+
  height:130px;
<br>
+
  padding:10px; /*between border &amp; content&amp;*/
<table style="width: 100%; margin: 5px;">
+
  border:solid #E0E0E0 1px;
<tr>
+
}
<td><h3>
+
.mainBox td.profpic{
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.
+
  width:150px;
</h3>
+
  padding:0px; /*between border &amp; content&amp;*/
</td>
+
}
<td><img src="http://2014.igem.org/wiki/images/c/ce/Device_schematic_blown_up.jpg"alt = "logo" height=10% width=25%>
+
</td>
+
</tr>
+
<tr>
+
<td>
+
<img src="http://2014.igem.org/wiki/images/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>
+
p.filler
<div class="slide" id="slide21" data-anchor="slide21">
+
{
<h4> Scalability </h4>
+
position:relative;
<br><h3>
+
padding-top:100px;
<br>
+
font-family:arial;
<img src="http://2014.igem.org/wiki/images/9/98/PFD_iGEM.jpg"alt = "logo" height=40% width=40%>
+
color:gray;
<br>
+
font-size:20px;
<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="http://2014.igem.org/wiki/images/c/cf/Scalability_Blurb.pdf " style="color:white;"> Click here  for more detail! </a>
+
padding:50px;
<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.
+
  
 +
body
 +
{
 +
    background-color:transparent;
 +
    margin:0;
 +
    padding:0;
 +
}
  
</h3>
+
table,td
</div>
+
{
<br><br><br>
+
    border:0px;
 +
}
  
</div>
+
/*=========Start side nav bar code==============*/
<div class="section" id="section3a">
+
.sideNavBar
<div id="title">
+
{
<h4>Meet The Team</h4>
+
position:absolute;
</div>
+
top:320px;
 +
left:0px;
 +
background-color:white;
 +
margin:0;
 +
padding:0;
 +
border:0px;
 +
}
  
<ul>
+
.sideNavBar ul li
<li>
+
{
<script>
+
list-style:none;
$(document).ready(function(){
+
margin:0;
 
+
padding:0;
 
+
}
  $("[id=bio-id]").tooltip({
+
    content: function() {
+
        return $(this).attr('title');
+
    },
+
    position: {
+
    my: "center bottom-40",
+
    at: "center top",
+
    }
+
    })
+
});
+
 
+
  
            </script>
+
.sideNavBar a{
 +
    font-family: Verdana, Century Gothic, Tahoma, sans-serif;
 +
    font-size:20px;
 +
    /*font-weight:600;*/
 +
    padding-top:15px;
 +
    padding-left:30px;
 +
    text-decoration:none;
 +
    background-color:white;
 +
    display:block;
 +
    width:170px;
 +
    height:45px;
 +
}
  
+
.sideNavBar a:link {
<a id="bio-id" href="#" title="<font size='4'> Name:Dr. Jeff Gralnick <br> Faculty Advisor <br>
+
    border-width:1px 1px 1px 3px;
Team: Wet Lab <br>
+
    border-style:none none none solid;
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.
+
    border-color:white;
 +
    color: gray;
  
<br>
+
}
</font>
+
"><img id="teamImg" src="http://2014.igem.org/wiki/images/9/9a/JeffGralnick.jpg"  height="130" width="130"></a>
+
  
 +
.sideNavBar a:visited {
 +
    border-width:1px 1px 1px 3px;
 +
    border-style:none none none solid;
 +
    border-color:white;
 +
    color: gray;
 +
}
  
<a id="bio-id" href="#" title="<font size='4'> Name: Dr. Casim Sarkar <br> Faculty Advisor <br>
+
.sideNavBar a:hover { /*cool button*/
Team: Dry Lab <br>
+
    border-width:1px 1px 1px 3px;
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.
+
    border-style: none none none solid;
<br>
+
    border-color:#660000 #660000 #660000 #660000;
</font>
+
    color: gold;
"><img id="teamImg" src="http://2014.igem.org/wiki/images/a/ac/CasimSarkar.jpg"  height="130" width="130"></a>
+
}
 +
.sideNavBar a:active {
 +
    border-width:1px 1px 1px 3px;
 +
    border-style: none none none solid;
 +
    border-color:#660000 #660000 #660000 #660000;
 +
    color: gold;
 +
}
  
                         
+
.sideNavBar a.current{ /*force black for current button*/
 +
    color: black;
 +
}
  
+
.sideNavBar a.current:hover{ /*allow for gold to still happen for current button*/
<a id="bio-id" href="#" title="<font size='4'> Name: Sarah Perdue <br> Year: Post Doctorate <br>
+
    color: #660000;
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>
+
/*=============End side nav bar code=================*/
</font>"> <img id="teamImg" src="http://2014.igem.org/wiki/images/8/88/SarahPerdue.jpg"  height="130" width="130"></a>
+
  
 +
/*=============Start top nav bar code===============*/
 +
.insideTopBar {
 +
    position:absolute;
 +
    top:300px;
 +
    left:230px;
 +
    background-color:white;
  
<a id="bio-id" href="#" title="<font size='4'> Name: James Ellinger <br>
+
}
Year: Post Doctoral <br>
+
.insideTopBar ul{
Team: Wet Lab (Advisor) <br>
+
    padding:0;
About: When James isn't busy being a professional scientist, he enjoys living a circular life. He runs to eat, and eats to run.
+
    margin:0;
<br>
+
    list-style:none;
</font>
+
}
"><img id="teamImg" src="http://2014.igem.org/wiki/images/1/14/JimmyEllinger.jpg " height="130" width="130"></a>
+
.insideTopBar ul li{
 +
    float:right;
 +
    padding-left:7px;
 +
    margin:0px;
  
<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="http://2014.igem.org/wiki/images/d/d3/AunicaKane.JPG"  height="130" width="130"></a>
+
  
</li>
+
.insideTopBar a{
<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="http://parts.igem.org/wiki/images/0/03/StephenHeinsch2.jpeg" height="130" width="130"></a>
+
+
  
<a id="bio-id" href="#" title="<font size='4'> Name: Valeriu Bortnov <br>
+
    display:block;
Major: Biochemistry, GCD <br>
+
    background-color:white;
Team: Wet Lab <br>
+
    text-decoration:none;
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=" http://2014.igem.org/wiki/images/3/36/ValeriuBortnov.jpg"  height="130" width="130"></a>
+
  
 +
.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 */
 +
}
  
 +
/*=============End top nav bar code=================*/
  
<a id="bio-id" href="#" title="<font size='4'> Name: Suzie Hsu <br>
 
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=" http://2014.igem.org/wiki/images/a/ad/SuzieHsu.jpg" height="130" width="130"> </a>
 
  
 +
/*====I hate doing this, but this is a GREAT CSS photo gallery...==*/
 +
/* ================================================================
 +
This copyright notice must be untouched at all times.
  
<a id="bio-id" href="#" title="<font size='4'> Name: Niko Le Mieux <br>
+
The original version of this stylesheet and the associated (x)html
Major: Chemistry, Physiology <br>
+
is available at http://www.cssplay.co.uk/menu/lightbox.html
Team: Dry Lab <br>
+
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
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.
+
This stylesheet and the associated (x)html may be modified in any
<br>
+
way to fit your requirements.
</font>
+
=================================================================== */
"><img id="teamImg" src="http://parts.igem.org/wiki/images/d/d1/NikoLeMieux2.jpg"  height="130" width="130"></a>
+
  
 +
/* slides styling */
  
<a id="bio-id" href="#" title="<font size='4'> Name: Patrick Holec <br>
+
.photo {width:635px; text-align:left; position:relative; margin:0 auto;}
Major: Biomedical Engineering, Mathematics <br>
+
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.
+
<br>
+
</font>
+
"><img id="teamImg" src="http://2014.igem.org/wiki/images/c/c5/PatrickHolec.JPG" height="130" width="130"></a>
+
  
 +
.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}
  
 +
.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;}
  
 +
.photo ul.topic li a ul,
 +
.photo ul.topic li ul
 +
{display:none;}
  
<a id="bio-id" href="#" title="<font size='4'> Name: David Hu <br>
+
.photo ul.topic li.active a
Major: Biochemistry, GCD <br>
+
{color:#000; background:#bbb;}
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=" http://2014.igem.org/wiki/images/6/68/DavidHu.jpg" height="130" width="130"></a>
+
  
 +
.photo ul.topic li a:hover,
 +
.photo ul.topic li:hover a
 +
{color:#fff; background:#aaa;}
  
</li>
+
.photo ul.topic li.active ul
<li>
+
{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;}
<a id="bio-id" href="#" title="<font size='4'> Name: Di Liu <br>
+
Major: Mathematics <br>
+
Team: Dry Lab <br>
+
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.
+
<br>
+
</font>
+
"><img id="teamImg" src="http://2014.igem.org/wiki/images/f/f9/DiLiu.jpg" height="130" width="130"> </a>
+
  
 +
.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;}
  
 +
.photo ul.topic li ul li
 +
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}
  
<a id="bio-id" href="#" title="<font size='4'> Name: Sarah Lucas <br>
+
.photo ul.topic li ul li a
Major: Genetics, Cell Biology and Development <br>
+
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}
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="http://2014.igem.org/wiki/images/6/6f/SarahLucas.JPG" height="130" width="130"></a>
+
  
 +
.photo ul.topic li ul li a img
 +
{display:block; width:100px; height:75px; border:5px solid #eee;}
  
 +
.photo ul.topic li a:hover ul li a:hover,
 +
.photo ul.topic li:hover ul li a:hover
 +
{white-space:normal; position:relative;}
  
<a id="bio-id" href="#" title="<font size='4'> Name: Jessica Tarnowski <br>
+
.photo ul.topic li a:hover ul li a:hover img,  
Major: Genetics Cell Biology, Development <br>
+
.photo ul.topic li:hover ul li a:hover img  
Team: Wet Lab/Human Practices <br>
+
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}
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="http://2014.igem.org/wiki/images/4/4b/JessTarnowski.JPG" height="130" width="130"></a>
+
  
  
<a id="bio-id" href="#" title="<font size='4'> Name: Aaron Free <br>
 
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="http://2014.igem.org/wiki/images/d/db/AaronFree.JPG"  height="130" width="130"></a>
 
  
<a id="bio-id" href="#" title="<font size='4'> Name: Basem Al-Shayeb <br>
+
</style>
 +
</head>
 +
<body>
  
Major: Genetics, Cell Biology & Development, Microbiology <br>
 
  
Team: Wet Lab Lead/Human Practices <br>
+
</body>
  
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>
+
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<title>Team:Minnesota</title>
  
</font>
+
<script type="text/javascript" src="jquery.js"></script>
 +
<script type="text/javascript">
  
"><img id="teamImg" src="http://2014.igem.org/wiki/images/c/cc/BasemAlShayeb.JPG" height="130" width="130"></a>
 
  
 +
$(document).ready(function(){
  
 +
  // jQuery functions go here...
  
<a id="bio-id" href="#" title="<font size='4'> Name: Holly Li <br>
+
//vertical autocenter
Major: Mathematics <br>
+
$(window).resize(function(){
Team: Dry Lab <br>
+
  $('#ContentAll').css({
About:  I graduated this year with a B.S. in Mathematics. I will continue my studies in computer science.
+
    position:'absolute',
<br>
+
    top: ($(window).height() - $('#ContentAll').outerHeight())/2
</font>
+
  });
"><img id="teamImg" src="http://2014.igem.org/wiki/images/5/5a/HollyLi.JPG"  height="130" width="130">
+
});
  
<a id="bio-id" href="#" title="<font size='4'> Name: Roxana Karami <br>
+
$(window).resize();
Major: Mechanical Engineering <br>
+
//end vertial autocenter
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="http://2014.igem.org/wiki/images/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>
+
//main page image switcher
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=" http://2014.igem.org/wiki/images/8/8c/CassandraBarret.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","http://2015.igem.org/wiki/images/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");
 +
}
 +
);
  
 +
$("#mainRightButton2").hover(
 +
    function() {
 +
      $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/projects_maroon_txt.png");
 +
      $("#mainRightButton1").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/welcome_gold_txt.png");
 +
      $("#mainRightButton3").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_gold_img.png");
 +
      $("#MainBoxContentImg").attr("src","http://2015.igem.org/wiki/images/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","http://2015.igem.org/wiki/images/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: Logan Pfaff <br>
 
Major: Microbiology, GCD and minor in Pharmacology. <br>
 
Team: Wet Lab <br>
 
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>
 
</font>"><img id="teamImg" src="http://2014.igem.org/wiki/images/7/7a/LoganPfaff.jpg" height="130" width="130"></a>
 
  
  
<a id="bio-id" href="#" title="<font size='4'> Name: Jennifer Strommen<br>
 
Year: Senior<br>
 
Major: Biology, Linguistics<br>
 
Team: Human Practices Lead/Wet Lab<br>
 
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>
 
</font>">
 
<img id="teamImg" src="http://2014.igem.org/wiki/images/1/17/JenniferStrommen.JPG" height="130" width="130"></a>
 
  
  
  
<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=" http://2014.igem.org/wiki/images/9/9d/TaylorAldridge.jpg "  height="130" width="130"></a>
 
  
  
 +
}); //ends .ready function
 +
  
<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="http://2014.igem.org/wiki/images/9/9b/CamiloReyBedon.jpg" height="130" width="130"> </a>
 
  
 +
</script>
  
<a id="bio-id" href="#" title="<font size='4'> Name: Srijay Rajan <br>
+
<style type="text/css">
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="http://2014.igem.org/wiki/images/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="http://2014.igem.org/Team:Minnesota#Policies/slide2">
 
            <img id="pp-logo" src="http://2014.igem.org/wiki/images/7/78/EducationalOutreachIcon.png" onclick="javascript:location.href='http://2014.igem.org/Team:Minnesota#Policies/slide2';"alt = "policies" height = "190">
 
            </a>
 
            <a href="http://2014.igem.org/Team:Minnesota#Policies/slide3">    
 
            <img id="pp-logo" src="http://2014.igem.org/wiki/images/d/db/PublicPerception.png" onclick="javascript:location.href='http://2014.igem.org/Team:Minnesota#Policies/slide3';" alt = "policies" height = "190">
 
            </a>
 
            <a href="http://2014.igem.org/Team:Minnesota#Policies/slide4">
 
            <img id="pp-logo" src="http://2014.igem.org/wiki/images/b/b7/IntellectualPropertyIcon.png" onclick="javascript:location.href='http://2014.igem.org/Team:Minnesota#Policies/slide4';" alt = "policies" height = "190">
 
            </a>
 
            <a href="http://2014.igem.org/Team:Minnesota#Policies/slide5">
 
            <img id="pp-logo" src="http://2014.igem.org/wiki/images/a/af/Documentary.png" onclick="javascript:location.href='http://2014.igem.org/Team:Minnesota#Policies/slide5';" alt = "policies" height = "190">
 
            </a>
 
  
 +
</style>
  
   
+
<script type="text/javascript">
    <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.
+
function displayDate()
 +
{
 +
var currentDate = new Date();
 +
var compDate = new Date(2015,10,4,0,0,0,0);
 +
var dif = compDate - currentDate;
 +
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);
  
</h3>
+
}
           
+
</script>
  
</div>
+
</head>
  
<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="http://2014.igem.org/wiki/images/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>
+
<body>
 +
<div id="ContentAll">
  
</div>
+
<div id="MainBannerImage">
<div class="slide" id="slide3" data-anchor="slide3">
+
<img src="http://2015.igem.org/wiki/images/b/bc/MN_2015_top_banner.png">
<h4>Public Perception</h4>
+
</div>
<img src="http://2014.igem.org/wiki/images/0/0c/Img5redo.JPG" height="190">
+
<div id="MainBanner">
<img src="http://2014.igem.org/wiki/images/0/08/Img2redo.JPG" height="190">
+
</div>
<img src="http://2014.igem.org/wiki/images/f/f1/Img_4.JPG" height="190">
+
<img src="http://2014.igem.org/wiki/images/2/23/Img_3.JPG" height="190">
+
<img src="http://2014.igem.org/wiki/images/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.
+
  
 +
<div id="SideBarAll">
 +
<div class="sideNavBar2">
 +
<ul>
 +
<li><a class="current" href='http://2015.igem.org/Team:Minnesota'>HOME</a></li>
 +
<li><a href='http://2015.igem.org/Team:Minnesota/Team'>TEAM</a></li>
 +
<li><a href='http://2015.igem.org/Team:Minnesota/Project'>PROJECT</a></li>
 +
<li><a href='http://2015.igem.org/Team:Minnesota/Software'>SOFTWARE</a></li>
 +
<li><a href='http://2015.igem.org/Team:Minnesota/Practices'>PRACTICES</a></li>
 +
<li><a href='http://2015.igem.org/Team:Minnesota/Notebook'>NOTEBOOK</a></li>
 +
<li><a href='http://2015.igem.org/Team:Minnesota/Attributions'>ATTRIBUTIONS</a></li>
 +
<li><a href='http://2015.igem.org/Team:Minnesota/Safety'>SAFETY</a></li>
 +
<li><a href='http://2015.igem.org/Team:Minnesota/Sponsor'>SPONSOR</a></li>
 +
</ul>
 +
</div>
  
</h3>
 
</div>
 
  
<div class="slide" id="slide4" data-anchor="slide4">
 
<h4>Intellectual Property</h4>
 
<br>
 
  
<h3>
+
</div> <!--End sideBarAll-->
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="http://2014.igem.org/wiki/images/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="http://2014.igem.org/wiki/images/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">
+
<div id="MainBoxAll">
<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 id="MainBoxContent">
 +
<img id="MainBoxContentImg" src="http://2015.igem.org/wiki/images/4/44/MN_2015_home_welcome_pic.png">
  
</div>
+
<div class="mainContentTextBanner" align="center">
+
Welcome to the University of Minnesota iGEM team website! We hope you enjoy learning about us and what we do!
<div class="section" id="section5">
+
</div><!--end mainContentTextBanner-->
<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> <!--end mainboxcontent-->
<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 class="rightNavButtons">
</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 style="position:absolute;left:5px;top:0px;">
</div>
+
<a href="#"><img id="mainRightButton1" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/welcome_maroon_txt.png"></a>
+
</div>
</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>
  
  
<div class="section" id="section6">
+
</div><!--end rightNavButtons-->
<div id="title">
+
<h4>Attributions</h4>
+
</div>
+
<p><b>Wet Lab:</b></p>
+
  
<p> Mercury Project Design: </p>
 
Basem, Aunica
 
  
Mercury Ion Testing:  
+
<div id="MainBoxOtherLinks">
Sarah, Cassandra, Camilo, Srijay, Jennifer, Suzie, Aunica
+
<p class="otherLinks">
 +
<center><a href="http://2015.igem.org/Main_Page">iGEM Home</a> | <a href="http://igem.org/2015_Judging_Form?id=1626">iGEM Judge-Click Here!</a> | <a href="http://igem.org/Team.cgi?id=1626">Team Minnesota Info</a> |
 +
<a href="https://twin-cities.umn.edu/">University of Minnesota</a> | <a href="http://2015.igem.org/Team:Minnesota/Contact">Contact Us!</a></center>
 +
</p>
  
Methylmercury Testing:
+
</div> <!--end mainboxotherlinks-->
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
+
</div> <!--end mainboxall-->
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:
+
</div> <!--end content all-->
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
+
<div class="hidden">
Cell encapsulation: Niko, Patrick, Srijay, David, Basem, Suzie
+
<script type="text/javascript">
Cell Viability Testing: Niko, Srijay, Patrick, David
+
<!--//--><![CDATA[//><!--
SEM encapsulation imaging: Niko, UofM imaging center
+
var images = new Array()
Device design: Roxana, Niko
+
function preload() {
Mathematical modelling: Di, Zhiyi, Patrick, David
+
for (i = 0; i < preload.arguments.length; i++) {
 +
images[i] = new Image()
 +
images[i].src = preload.arguments[i]
 +
}
 +
}
 +
preload(
 +
"http://2015.igem.org/wiki/images/0/08/MN_2015_proj_home.png",
 +
"http://2015.igem.org/wiki/images/7/7b/MN_2015_team_vect.png",
 +
"http://2015.igem.org/wiki/images/4/44/MN_2015_home_welcome_pic.png"
 +
)
 +
//--><!]]>
 +
</script>
 +
</div>
 +
</body>
  
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 :
+
</p>
Blog: Basem, Cassandra, Logan, Jen
+
<!--
Documentary: Interview Questions, Content: Jennifer, David,  Sarah Perdue, Colombia iGEM team
+
NewPP limit report
Camera, Editing, Production: Connor Gleason
+
Preprocessor node count: 9/1000000
 +
Post-expand include size: 40/2097152 bytes
 +
Template argument size: 0/2097152 bytes
 +
Expensive parser function count: 0/100
 +
-->
  
Business Plan:
+
<!-- Saved in parser cache with key 2015_igem_org:pcache:idhash:527-0!1!0!!en!2!edit=0 and timestamp 20150916190502 -->
Justin, Tanner, Basem, Tamara
+
<div class="printfooter">
  
Economic Analysis:  
+
<div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content -->
Justin, Tanner
+
<div class="visualClear"></div>
 +
</div>
 +
    </div>
 +
<!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE  -- RDR  -->
 +
<div class="visualClear"></div>
 +
    <div id='footer-box' class='noprint'>
 +
        <div id="footer">
 +
              <div id="f-poweredbyico"><a href="http://www.mediawiki.org/"><img src="/wiki/skins/common/images/poweredby_mediawiki_88x31.png" height="31" width="88" alt="Powered by MediaWiki" /></a></div>       <div id="f-copyrightico"><a href="http://creativecommons.org/licenses/by/3.0/"><img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Attribution 3.0 Unported" width="88" height="31" /></a></div>     <ul id="f-list">
 +
  
Intellectual Property Rights and Patenting
+
  <!-- Recentchanges is not handles well DEBUG -->
Basem, Office of Technology Commercialization
+
    <li id="t-recentchanges"><a href="/Special:RecentChanges"
 +
      title='Recent changes'>Recent changes</a></li>
  
Wiki development
+
    <li id="t-whatlinkshere"><a href="/Special:WhatLinksHere/Team:Minnesota"
Design: Basem, Mari, Chris, Aaron, Tanner
+
      title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li>
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:
+
                        <li id="t-recentchangeslinked"><a href="/Special:RecentChangesLinked/Team:Minnesota"
Basem
+
                          title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li>
  
Team Logo
 
Niko
 
  
Forms, IP, safety:
 
Basem
 
  
Parts Submission form & shipping
+
                <li id="t-specialpages"><a href="/Special:SpecialPages"
Stephen
+
                  title="List of all special pages [q]" accesskey="q">Special pages</a>
 +
                </li>
 +
                <li><a href='/Special:Preferences'>My preferences</a></li>
 +
            </ul>
 +
        </div> <!-- close footer -->
 +
        <div id='footer'>
 +
    <ul id="f-list">
  
Public relations and team contact
+
            <li id="t-print"><a href="/wiki/index.php?title=Team:Minnesota&amp;printable=yes"
Basem, Jessica
+
              title="Printable version of this page [p]" accesskey="p">Printable version</a>
 +
            </li>
  
Grant writing, fundraising
+
            <li id="t-permalink"><a href="/wiki/index.php?title=Team:Minnesota&amp;oldid=241990"
Basem, Jess, David, Cassandra
+
              title="Permanent link to this revision of the page">Permanent link</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="/2015.igem.org:General_disclaimer" title="2015.igem.org:General disclaimer">Disclaimers</a></li>
 +
    </ul>
 +
</div> <!-- close footer -->
 +
    </div> <!-- close footer-box -->
 +
 +
<script>if (window.runOnloadHook) runOnloadHook();</script>
 
</div>
 
</div>
<div class="section" id="section7">
+
<!-- Served in 0.157 secs. --></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="http://2014.igem.org/wiki/images/thumb/8/82/Sponsors2.png/800px-Sponsors2.png" width=65% height=65%>
 
 
</div>
 
 
 
</body>
 
 
</html>
 
</html>

Latest revision as of 01:09, 19 September 2015

Team:Minnesota - Main Style Template

Team:Minnesota - 2015.igem.org

 

Team:Minnesota

From 2015.igem.org

Team:Minnesota - Main Style Template Team:Minnesota

Welcome to the University of Minnesota iGEM team website! We hope you enjoy learning about us and what we do!