Team:Mingdao

From 2014hs.igem.org

(Difference between revisions)
 
(122 intermediate revisions not shown)
Line 1: Line 1:
-
{{Team:Calgary/MainHeader}}
+
{{:Mingdao_remove_header}}
-
<html>
+
<!DOCTYPE html>
-
<!--
+
<html class="html">
-
Completed: Epic Box and all rollovers associated with the box.
+
<head>
-
Change text in Epic Box to each icon.
+
google-site-verification: google5ae61348d13c6d42.html
-
 
+
  <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
-
To do: Finish main page
+
  <meta name="generator" content="7.4.30.244"/>
-
-->
+
  <title>iGEM Team Mingdao</title>
-
<head>
+
  <!-- CSS -->
-
<!--CSS styles: global-->
+
  <link rel="stylesheet" type="text/css" href="https://2014hs.igem.org/Mingdao_CSS_site_global?action=raw&ctype=text/css"/>
-
<link rel='stylesheet' type='text/css' href="https://2012.igem.org/Team:Calgary/static/basicpageglobal.css?action=raw&ctype=text/css" />
+
  <link rel="stylesheet" type="text/css" href="https://2014hs.igem.org/Mingdao_CSS_master_main-template?action=raw&ctype=text/css"/>
-
 
+
  <link rel="stylesheet" type="text/css" href="https://2014hs.igem.org/Mingdao_CSS_index?action=raw&ctype=text/css" id="pagesheet"/>
-
<style>
+
  <!-- Other scripts -->
-
/*======
+
  <script type="text/javascript">
-
Desktop Styling
+
  document.documentElement.className += ' js';
-
======*/
+
</script>
-
+
  </head>
-
/***Body styling***/
+
<body>
-
h1{
+
-
font-size: 2.5em;
+
-
}
+
-
h2{
+
-
font-size: 1.8em;
+
-
}
+
-
 
+
-
#box1{
+
-
width: 968px;
+
-
margin-top: -8px;
+
-
background: threedface;
+
-
float: left;
+
-
padding-bottom: 20px;
+
-
margin-bottom: 13px;
+
-
}
+
-
#box1 h2{
+
-
padding: 20px 20px 20px 20px;
+
-
}
+
-
#box1 p{
+
-
padding: 0px 20px 0px 20px;
+
-
font-size: 1.1em;
+
-
}
+
-
 
+
-
#FredOscarFlag{
+
-
display: block;
+
-
float: left;
+
-
width: 250px;
+
-
height: 274px;
+
-
background: url('https://static.igem.org/mediawiki/2012/0/0b/UCalgary2012_FRED_and_OSCAR_Main_Page.png');
+
-
background-position: top;
+
-
margin: 15px;
+
-
}
+
-
#FredOscarFlag:hover{
+
-
background-position: bottom;
+
-
}
+
-
+
-
 
+
-
#box2{
+
-
width: 968px;
+
-
background: #C68DD8;
+
-
float: left;
+
-
margin-bottom: 13px;
+
-
}
+
-
#box2 h2{
+
-
padding: 20px 20px 20px 20px;
+
-
color: white;
+
-
}
+
-
#box2 p{
+
-
padding: 0px 20px 0px 20px;
+
-
font-size: 1.1em;
+
-
color: white;
+
-
}
+
-
#box2 img{
+
-
float: left;
+
-
margin: 15px;
+
-
height: 110px;
+
-
}
+
-
#box2:hover{
+
-
background: #D79EE9;
+
-
}
+
-
+
-
/***positioning of elements in ZE EPIC BOX***/
+
-
#epicbox{
+
-
margin-top: 4px;
+
-
}
+
-
 
+
-
#boximgcontainer{
+
-
float: left;
+
-
width: 644px;
+
-
height: 655px;
+
-
}
+
-
#boximgcontainer div{
+
-
float: left;
+
-
position: relative;
+
-
}
+
-
#orangebox{
+
-
margin-bottom: 4px;
+
-
}
+
-
#orangebox .imgbox{
+
-
width: 644px;
+
-
height: 215px;
+
-
top: 108px;
+
-
background: #F6A82D;
+
-
margin-bottom: 4px;
+
-
}
+
-
.oblank{
+
-
width: 644px;
+
-
height: 104px;
+
-
background: #FFE485;
+
-
position: relative;
+
-
top: -219px;
+
-
}
+
-
#orangebox:hover .oblank, .oblank:hover{
+
-
display: none;
+
-
}
+
-
#orangebox .iconcontainer{
+
-
position: relative;
+
-
display: none;
+
-
left: auto;
+
-
top: -219px;
+
-
}
+
-
.iconbox div, .iconbox{
+
-
width: 104px;
+
-
height: 104px;
+
-
margin-right: 4px;
+
-
}
+
-
a.obox1 div{
+
-
background: #FFD35A;
+
-
}
+
-
a.obox2 div{
+
-
background: #FECC44;
+
-
}
+
-
a.obox3 div{
+
-
background: #F8C22E;
+
-
}
+
-
a.obox4 div{
+
-
background: #F8B32E;
+
-
}
+
-
a.obox5 div{
+
-
background: #F6A82D;
+
-
}
+
-
a.obox6 div{
+
-
background: #F39808;
+
-
margin-right: 0;
+
-
}
+
-
#orangebox div:hover, #orangebox div.iconbox:hover div{
+
-
background: #FFE44F;
+
-
}
+
-
#orangebox:hover .iconcontainer{
+
-
display: block;
+
-
background: transparent;
+
-
}
+
-
+
-
+
-
#greenbox .imgbox{
+
-
width: 320px;
+
-
height: 215px;
+
-
background: #58CD45;
+
-
}
+
-
.gblank{
+
-
width: 320px;
+
-
height: 104px;
+
-
background: #B6FFA3;
+
-
position: relative;
+
-
top: 219px;
+
-
left: -320px;
+
-
}
+
-
#greenbox .iconcontainer{
+
-
position: relative;
+
-
margin-top: 4px;
+
-
left: -999em;
+
-
z-index: 1;
+
-
}
+
-
a.gbox1 div{
+
-
background: #72E85B;
+
-
}
+
-
a.gbox2 div{
+
-
background: #5BCD45;
+
-
}
+
-
a.gbox3 div{
+
-
background: #4CC035;
+
-
}
+
-
a.gbox4 div{
+
-
background: #44AF2F;
+
-
}
+
-
#greenbox div:hover, #greenbox div.iconbox:hover div{
+
-
background: #94FF7D;
+
-
z-index: 99; /*hovers are not overridden by OSCAR boxes*/
+
-
}
+
-
#greenbox:hover .gblank, .gblank:hover{
+
-
display: none;
+
-
}
+
-
#greenbox:hover .iconcontainer{
+
-
left: auto;
+
-
background: transparent;
+
-
}
+
-
+
-
#bluebox{
+
-
position: relative;
+
-
top: -323px;
+
-
left: 320px;
+
-
}
+
-
#bluebox .imgbox{
+
-
width: 320px;
+
-
height: 215px;
+
-
background: #5BB5E8;
+
-
margin-left: 4px;
+
-
}
+
-
.bblank{
+
-
width: 320px;
+
-
height: 104px;
+
-
background: #C5F0F0;
+
-
position: relative;
+
-
top: 219px;
+
-
left: -320px;
+
-
z-index: 0;
+
-
}
+
-
#bluebox .iconcontainer{
+
-
position: relative;
+
-
margin-top: 4px;
+
-
left: -999em;
+
-
z-index: 0;
+
-
}
+
-
a.bbox1 div{
+
-
background: #1574AA;
+
-
}
+
-
a.bbox2 div{
+
-
background: #2580B3;
+
-
}
+
-
a.bbox3 div{
+
-
background: #3285B4;
+
-
}
+
-
a.bbox4 div{
+
-
background: #4292BF;
+
-
}
+
-
a.bbox5 div{
+
-
background: #50A2D0;
+
-
}
+
-
a.bbox6 div{
+
-
background: #5BB5E8;
+
-
margin: 0;
+
-
}
+
-
#bluebox div:hover, #bluebox .iconbox:hover div{
+
-
background: #7DD7FF;
+
-
z-index: 99; /*hovers are not overridden by FRED boxes*/
+
-
}
+
-
#bluebox:hover .bblank, .bblank:hover{
+
-
display: none;
+
-
}
+
-
#bluebox:hover .iconcontainer{
+
-
left: -212px;
+
-
background: transparent;
+
-
}
+
-
+
-
#boxinfo{
+
-
float: right;
+
-
position: relative;
+
-
width: 320px;
+
-
left: 3px;
+
-
background: #555555;
+
-
height: 650px;
+
-
margin-bottom: 12px;
+
-
}
+
-
#boxinfo h2{
+
-
color: white;
+
-
padding: 20px 20px 0px;
+
-
}
+
-
#boxinfo p{
+
-
color: white;
+
-
padding: 10px 20px 20px;
+
-
font-size: 1.2em;
+
-
}
+
-
/*initial boxinfo appearance settings*/
+
-
#boxinfo div.orangebox, #boxinfo div.obox1, #boxinfo div.obox2, #boxinfo div.obox3, #boxinfo div.obox4, #boxinfo div.obox5, #boxinfo div.obox6{
+
-
display: none;
+
-
}
+
-
#boxinfo div.greenbox, #boxinfo div.gbox1, #boxinfo div.gbox2, #boxinfo div.gbox3, #boxinfo div.gbox4,
+
-
#boxinfo div.bluebox, #boxinfo div.bbox1, #boxinfo div.bbox2, #boxinfo div.bbox3, #boxinfo div.bbox4, #boxinfo div.bbox5{
+
-
position: relative;
+
-
padding-top: 320px;
+
-
display: none;
+
-
}
+
-
/*bold colours for FRED and OSCAR*/
+
-
#boxinfo div.greenbox b{
+
-
color: #72E85B;
+
-
}
+
-
#boxinfo div.bluebox b{
+
-
color: #5EB7F0;
+
-
}
+
-
.threeboxes{
+
-
clear: both;
+
-
position: relative;
+
-
width: 968px;
+
-
margin-bottom: 12px;
+
-
}
+
-
.threeboxes a, .threeboxes a div{
+
-
width: 320px;
+
-
height: 155px;
+
-
float: left;
+
-
margin-bottom: 12px;
+
-
}
+
-
.threeboxes div h2{
+
-
padding: 20px 20px 0px;
+
-
position: relative;
+
-
top: -155px;
+
-
}
+
-
.threeboxes div p{
+
-
padding: 0px 20px;
+
-
position: relative;
+
-
top: -155px;
+
-
}
+
-
#greybox1, #greybox6{
+
-
margin-right: 4px;
+
-
background: #58CD45;
+
-
}
+
-
#greybox1:hover, #greybox6:hover{
+
-
background: #94FF7D;
+
-
}
+
-
#greybox2, #greybox5{
+
-
margin-right: 4px;
+
-
background: #5BB5E8;
+
-
}
+
-
#greybox2:hover, #greybox5:hover{
+
-
background: #7DD7FF;
+
-
}
+
-
#greybox3, #greybox4{
+
-
margin: 0;
+
-
background: #F6A82D;
+
-
}
+
-
#greybox3:hover, #greybox4:hover{
+
-
background: #FFE44F;
+
-
}
+
-
+
-
#sponsorsbox{
+
-
clear: both;
+
-
position: relative;
+
-
width: 968px;
+
-
margin: 4px 0px;
+
-
background: #EEEEEE;
+
-
}
+
-
#sponsorsbox h2{
+
-
padding: 20px 20px 0px 20px;
+
-
}
+
-
#sponsorsbox p{
+
-
padding: 0px 20px;
+
-
}
+
-
#sponsorsbox table{
+
-
width: 950px;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
background: #EEEEEE;
+
-
}
+
-
#sponsorsbox td{
+
-
padding: 15px 0px;
+
-
width: 300px;
+
-
}
+
-
#sponsorsbox img{
+
-
display: block;
+
-
margin-right: auto;
+
-
margin-left: auto;
+
-
}
+
-
 
+
-
</style>
+
 +
  <!--HTML Widget code-->
 +
 
 +
<div id="fb-root"></div>
<script>
<script>
-
jQuery(document).ready(function($){
+
(function(d, s, id) {
-
 
+
  var js, fjs = d.getElementsByTagName(s)[0];
-
//eliminate jsnotice
+
  if (d.getElementById(id)) return;
-
$('#jsnotice').hide();
+
  js = d.createElement(s); js.id = id;
-
 
+
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
-
+
  fjs.parentNode.insertBefore(js, fjs);
-
/*epic box info functionality*/
+
}(document, 'script', 'facebook-jssdk'));
-
//small icons
+
-
$('#boximgcontainer .iconbox').hover(
+
-
function(){
+
-
var className = $(this).attr('class').split(" ");
+
-
var box = className[0];
+
-
clearinfo();
+
-
$('#boxinfo div.' + box).show();
+
-
},
+
-
function(){
+
-
clearinfo();
+
-
$('#boxinfo_default').show();
+
-
});
+
-
//large icons
+
-
$('.imgbox').hover(
+
-
function(){
+
-
var id = $(this).parent().parent().attr('id');
+
-
clearinfo();
+
-
$('#boxinfo div.' + id).show();
+
-
},
+
-
function(){
+
-
clearinfo();
+
-
$('#boxinfo_default').show();
+
-
});
+
-
+
-
/*epic box FRED/OSCAR blank box disappearance*/
+
-
$('#bluebox').hover(
+
-
function(){
+
-
$('.gblank').hide();
+
-
$('.bblank').hide();
+
-
},
+
-
function(){
+
-
$('.gblank').show();
+
-
$('.bblank').show();
+
-
});
+
-
+
-
$('#greenbox').hover(
+
-
function(){
+
-
$('.gblank').hide();
+
-
$('.bblank').hide();
+
-
},
+
-
function(){
+
-
$('.gblank').show();
+
-
$('.bblank').show();
+
-
});
+
-
+
-
});
+
-
 
+
-
function clearinfo(){
+
-
$('#boxinfo div').hide();
+
-
}
+
</script>
</script>
-
</head>
 
-
 
-
<body>
 
-
 
-
<div id="box1" align="justify">
 
-
<a href="https://2012.igem.org/Team:Calgary/Project/Post-Regionals" id="FredOscarFlag">
 
-
 
-
</a>
 
-
<h2>Detect and Destroy: Building FRED and OSCAR</h2>
 
-
<p><b>Tailings ponds</b> are large bodies of water containing <b>toxic compounds</b> that accumulate as a byproduct of the oil extraction process in the oil sands of northern Alberta. These toxic and corrosive compounds are a potential <b>environmental and economic concern</b> to Alberta and to other areas. The University of Calgary 2012 iGEM team aims to develop a collection of toxin-sensing and degrading organisms <b>to detect and destroy (bioremediate) the toxins</b>, turning them into useable <b>hydrocarbons</b>.</p>
 
-
<p><b>FRED and OSCAR</b> are the two projects we are working on this year. Take a look at the descriptions below to learn more!</p>
 
 +
 
 +
  <div class="clearfix" id="page" ><!-- column -->
 +
  <div class="position_content" id="page_position_content" >
 +
    <div class="browser_width colelem" id="u1673"><!-- group -->
 +
    <div class="clearfix" id="u1673_align_to_page">
 +
      <a class="anchor_item grpelem" id="top"></a>
 +
      <div class="clip_frame grpelem" id="u1674"><!-- image -->
 +
      <img class="block" id="u1674_img" src="https://static.igem.org/mediawiki/2014hs/2/2b/Mingdaologo.png" alt="" width="235" height="68"/>
 +
      </div>
 +
      <img class="grpelem" id="u6162-4" src="https://static.igem.org/mediawiki/2014hs/1/1e/U6162-4.png" alt="Odor&#45; Let it Die" width="175" height="42"/><!-- rasterized frame -->
 +
      <div class="clip_frame grpelem" id="u1676"><!-- image -->
 +
      <img class="block" id="u1676_img" src="https://static.igem.org/mediawiki/2014hs/2/29/Igem_official_logo.png" alt="" width="88" height="67"/>
 +
      </div>
 +
    </div>
 +
    </div>
 +
    <div class="clearfix colelem" id="pu1682-3"><!-- group -->
 +
    <div class="clearfix browser_width grpelem" id="u1682-3"><!-- content -->
 +
      <p>&nbsp;</p>
 +
    </div>
 +
    <ul class="MenuBar clearfix grpelem" id="menuu468"><!-- horizontal box -->
 +
      <li class="MenuItemContainer clearfix grpelem" id="u616"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu MuseMenuActive clearfix colelem" id="u617" href="https://2014hs.igem.org/Team:Mingdao"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u619-4"><!-- content --><p>Home</p></div></a>
 +
      </li>
 +
      <li class="MenuItemContainer clearfix grpelem" id="u623"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u624" href="https://2014hs.igem.org/Team:Mingdao/team.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u625-4"><!-- content --><p>Team</p></div></a>
 +
      </li>
 +
      <li class="MenuItemContainer clearfix grpelem" id="u630"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u631" href="https://2014hs.igem.org/Team:Mingdao/project.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u632-4"><!-- content --><p>Project</p></div></a>
 +
      </li>
 +
      <li class="MenuItemContainer clearfix grpelem" id="u637"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u638" href="https://2014hs.igem.org/Team:Mingdao/bio-brick.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u639-4"><!-- content --><p>BioBrick</p></div></a>
 +
      </li>
 +
      <li class="MenuItemContainer clearfix grpelem" id="u651"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u652" href="https://2014hs.igem.org/Team:Mingdao/modeling.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u653-4"><!-- content --><p>Modeling</p></div></a>
 +
      </li>
 +
      <li class="MenuItemContainer clearfix grpelem" id="u5718"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u5721" href="https://2014hs.igem.org/Team:Mingdao/safety.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u5722-4"><!-- content --><p>Safety</p></div></a>
 +
      </li>
 +
      <li class="MenuItemContainer clearfix grpelem" id="u644"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u645" href="https://2014hs.igem.org/Team:Mingdao/human-practices.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u646-4"><!-- content --><p>Human Practices</p></div></a>
 +
      </li>
 +
      <li class="MenuItemContainer clearfix grpelem" id="u671"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u674" href="https://2014hs.igem.org/Team:Mingdao/media.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u676-4"><!-- content --><p>Media</p></div></a>
 +
      </li>
 +
    </ul>
 +
    <div class="browser_width grpelem" id="u1681"><!-- simple frame --></div>
 +
    </div>
 +
    <div class="clearfix colelem" id="pu4270-3"><!-- group -->
 +
    <div class="clearfix grpelem" id="u4270-3"><!-- content -->
 +
      <p>&nbsp;</p>
 +
    </div>
 +
    <img class="grpelem" id="u4264" src="https://static.igem.org/mediawiki/2014hs/5/5a/Temd_team_go-u4264.png" alt="" width="752" height="597"/><!-- rasterized frame -->
 +
    </div>
 +
    <div class="clearfix colelem" id="u4269-4"><!-- content -->
 +
    <p>Eliminate noisome odor when decomposing food</p>
 +
    </div>
 +
    <div class="colelem" id="u4506"><!-- custom html -->
 +
    <iframe width="753" height="380" src="//www.youtube.com/embed/dXBgcgtoYLM" frameborder="0" allowfullscreen>" frameborder="0" allowfullscreen></iframe>
</div>
</div>
 +
    <div class="shadow clearfix browser_width colelem" id="u3898-4"><!-- content -->
 +
    <p id="u3898-2">Site Map: Navigate by using this</p>
 +
    </div>
 +
    <div class="TabbedPanelsWidget clearfix colelem" id="tab-panelu4297"><!-- vertical box -->
 +
    <div class="TabbedPanelsTabGroup clearfix colelem" id="u4298"><!-- horizontal box -->
 +
      <div class="TabbedPanelsTab clearfix grpelem" id="u4303"><!-- horizontal box -->
 +
      <a class="nonblock nontext  NoWrap clearfix grpelem" id="u4304-4" href="https://2014hs.igem.org/Team:Mingdao/team.html"><!-- content --><p>Team</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsTab clearfix grpelem" id="u4307"><!-- horizontal box -->
 +
      <a class="nonblock nontext  NoWrap clearfix grpelem" id="u4309-4" href="https://2014hs.igem.org/Team:Mingdao/project.html"><!-- content --><p>Project</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsTab clearfix grpelem" id="u4299"><!-- horizontal box -->
 +
      <a class="nonblock nontext  NoWrap clearfix grpelem" id="u4300-4" href="https://2014hs.igem.org/Team:Mingdao/bio-brick.html"><!-- content --><p>Biobrick</p></a>
 +
      </div>
 +
      <a class="nonblock nontext TabbedPanelsTab clearfix grpelem" id="u4393" href="https://2014hs.igem.org/Team:Mingdao/modeling.html"><!-- horizontal box --><div class=" NoWrap clearfix grpelem" id="u4395-4"><!-- content --><p>Modeling</p></div></a>
 +
      <div class="TabbedPanelsTab clearfix grpelem" id="u5725"><!-- horizontal box -->
 +
      <a class="nonblock nontext  NoWrap clearfix grpelem" id="u5727-4" href="https://2014hs.igem.org/Team:Mingdao/safety.html"><!-- content --><p>Safety</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsTab clearfix grpelem" id="u4375"><!-- horizontal box -->
 +
      <a class="nonblock nontext  NoWrap clearfix grpelem" id="u4377-4" href="https://2014hs.igem.org/Team:Mingdao/human-practices.html"><!-- content --><p>Human Practices</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsTab clearfix grpelem" id="u4384"><!-- horizontal box -->
 +
      <a class="nonblock nontext  NoWrap clearfix grpelem" id="u4387-4" href="https://2014hs.igem.org/Team:Mingdao/media.html"><!-- content --><p>Media</p></a>
 +
      </div>
 +
    </div>
 +
    <div class="TabbedPanelsContentGroup clearfix colelem" id="u4311"><!-- stack box -->
 +
      <div class="TabbedPanelsContent clearfix grpelem" id="u4312"><!-- group -->
 +
      <a class="nonblock nontext rounded-corners grpelem" id="u4417" href="team.html"><!-- simple frame --></a>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4416-9" href="https://2014hs.igem.org/Team:Mingdao/team.html"><!-- content --><p id="u4416-2">Our team consists of 22 members and 2 advisors</p><p id="u4416-4">All of us are binded together by the passion to synthetic biology.</p><p id="u4416-5">&nbsp;</p><p id="u4416-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="pointer_cursor TabbedPanelsContent invi clearfix grpelem" id="u4320"><!-- group -->
 +
      <a class="block" href="project.html"></a>
 +
      <div class="rounded-corners grpelem" id="u4414"><!-- simple frame --></div>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4415-9" href="https://2014hs.igem.org/Team:Mingdao/project.html"><!-- content --><p id="u4415-2">A odorless decomposing process</p><p id="u4415-4">How pleasant that is.</p><p id="u4415-5">&nbsp;</p><p id="u4415-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsContent invi clearfix grpelem" id="u4316"><!-- group -->
 +
      <a class="nonblock nontext rounded-corners grpelem" id="u4412" href="bio-brick.html"><!-- simple frame --></a>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4413-9" href="https://2014hs.igem.org/Team:Mingdao/bio-brick.html"><!-- content --><p id="u4413-2">The building blocks of biology</p><p id="u4413-4">Our team was very interested in this part, so we designed 14 of those.</p><p id="u4413-5">&nbsp;</p><p id="u4413-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsContent invi clearfix grpelem" id="u4397"><!-- group -->
 +
      <div class="rounded-corners grpelem" id="u4410"><!-- simple frame --></div>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4411-9" href="https://2014hs.igem.org/Team:Mingdao/modeling.html"><!-- content --><p id="u4411-2">Remember that all models are wrong; the practical question is how wrong do they have to be to not to be useful.</p><p id="u4411-4">— George E.P. Box</p><p id="u4411-5">&nbsp;</p><p id="u4411-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsContent invi clearfix grpelem" id="u5729"><!-- group -->
 +
      <a class="nonblock nontext grpelem" id="u5737" href="safety.html"><!-- simple frame --></a>
 +
      <a class="nonblock nontext clearfix grpelem" id="u5738-9" href="https://2014hs.igem.org/Team:Mingdao/safety.html"><!-- content --><p id="u5738-2">We must respect the past, and mistrust the present, if we wish to provide for the safety of the future.</p><p id="u5738-4">— Joseph Joubert</p><p id="u5738-5">&nbsp;</p><p id="u5738-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsContent invi clearfix grpelem" id="u4379"><!-- group -->
 +
      <div class="rounded-corners grpelem" id="u4391"><!-- simple frame --></div>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4392-9" href="https://2014hs.igem.org/Team:Mingdao/human-practices.html"><!-- content --><p id="u4392-2">Implement dream to reality</p><p id="u4392-4">We have held conferences within our school to introduce other students to iGEM, and traveled to Taipei to visit schools.</p><p id="u4392-5">&nbsp;</p><p id="u4392-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsContent invi clearfix grpelem" id="u4388"><!-- group -->
 +
      <div class="rounded-corners grpelem" id="u4389"><!-- simple frame --></div>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4390-9" href="https://2014hs.igem.org/Team:Mingdao/media.html"><!-- content --><p id="u4390-2">Videos and photos</p><p id="u4390-4">The best way to take in information is by looking at it.</p><p id="u4390-5">&nbsp;</p><p id="u4390-7">click to learn more</p></a>
 +
      </div>
 +
    </div>
 +
    </div>
 +
    <div class="shadow clearfix browser_width colelem" id="u4247-4"><!-- content -->
 +
    <p id="u4247-2">Social Media: Say hi to us on Google+ &amp;&nbsp; YouTube</p>
 +
    </div>
 +
    <div class="clearfix colelem" id="pu4888"><!-- group -->
 +
    <div class="clearfix grpelem" id="u4888"><!-- column -->
 +
      <div class="clearfix colelem" id="u4867"><!-- group -->
 +
      <a class="nonblock nontext grpelem" id="u4857"><!-- state-based BG images --></a>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4864-4" href="https://www.youtube.com/channel/UCx8hjqKHRXo4hmzKhf0q4iw"><!-- content --><p>iGEM Mingdao YouTube Channel</p></a>
 +
      </div>
 +
      <div class="clearfix colelem" id="u4868"><!-- group -->
 +
      <a class="nonblock nontext grpelem" id="u4852"><!-- state-based BG images --></a>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4866-4" href="https://plus.google.com/u/0/b/107872206047402606212/107872206047402606212/posts"><!-- content --><p>iGEM Mingdao Google+ Page</p></a>
 +
      </div>
 +
      <div class="clearfix colelem" id="u4869-4"><!-- content -->
 +
      <p style="color:gray;">Also, please help the world know about us by sharing this website if you liked it</p>
 +
      </div>
 +
      <div class="clearfix colelem" id="pu4872"><!-- group -->
 +
      <div class="grpelem" id="u4872"><!-- custom html -->
 +
       
 +
<div class="g-plusone" data-action="share" data-size="standard" data-annotation="bubble" data-width="192" data-href="https://2014hs.igem.org/Team:Mingdao/index.html"></div>
-
<div class="threeboxes">
 
-
<a id="greybox4" href="http://www.youtube.com/watch?v=KHhswxo6xow" style="margin-right:4px;">
 
-
<div>
 
-
<img src="https://static.igem.org/mediawiki/2012/0/02/UCalgary2012_ThreeBoxMusic.png"></img>
 
-
<h2>iGEM Style!</h2>
 
-
<p>Take a look at our music video--sung and produced by our very own members--that's taking the iGEM world by storm! </p>
 
-
</div>
 
-
</a>
 
-
<a id="greybox5" href="https://2012.igem.org/Team:Calgary/Project/Synergy">
 
-
<div>
 
-
<img src="https://static.igem.org/mediawiki/2012/2/20/UCalgary2012_ThreeBoxSynergy.png"></img>
 
-
<h2>Synergy</h2>
 
-
<p>We have lots of new data since Regionals! Click here to see how we brought the three aspects of our project together!</p>
 
-
</div>
 
-
</a>
 
-
<a id="greybox6" href="http://www.youtube.com/watch?v=vluDpf4ao6c" style="margin:0;">
 
-
<div>
 
-
<img src="https://static.igem.org/mediawiki/2012/b/b1/UCalgary2012_ThreeBoxFilm.png"></img>
 
-
<h2>Intro Video</h2>
 
-
<p>Click here to see the introductory video we played at the beginning of our Jamboree presentations!</p>
 
-
</div>
 
-
</a>
 
-
 
</div>
</div>
 +
      <div class="grpelem" id="u4874"><!-- custom html -->
 +
       
 +
<div class="fb-like" data-href="https://2014hs.igem.org/Team:Mingdao/index.html" data-send="false" data-width="290" data-show-faces="false" data-colorscheme="light" data-layout="button_count" data-action="recommend"></div>
-
<!--ZE EPIC BOX-->
 
-
<div id="epicbox">
 
-
<div id="boximgcontainer">
 
-
<div id="orangebox">
 
-
<a href="https://2012.igem.org/Team:Calgary/Project/HumanPractices">
 
-
<div class="imgbox">
 
-
<img src="https://static.igem.org/mediawiki/2012/9/9e/UCalgary2012_EpicBoxHP_-_Blank.png"></img>
 
-
</div>
 
-
 
-
<div class="oblank">
 
-
</div>
 
-
 
-
<div class="iconcontainer">
 
-
<a class="obox1 iconbox" href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Collaborations">
 
-
<div>
 
-
<img src="https://static.igem.org/mediawiki/2012/1/1b/UCalgary2012_IconHP8.png"></img>
 
-
</div>
 
-
</a>
 
-
<a class="obox2 iconbox" href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Interviews">
 
-
<div>
 
-
<img src="https://static.igem.org/mediawiki/2012/d/d6/UCalgary2012_IconHP3.png"></img>
 
-
</div>
 
-
</a>
 
-
<a class="obox3 iconbox" href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Design">
 
-
<div>
 
-
<img src="https://static.igem.org/mediawiki/2012/1/1c/UCalgary2012_IconHP4.png"></img>
 
-
</div>
 
-
</a>
 
-
<a class="obox4 iconbox" href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Killswitch">
 
-
<div>
 
-
<img src="https://static.igem.org/mediawiki/2012/6/65/UCalgary2012_IconHP2.png"></img>
 
-
</div>
 
-
</a>
 
-
<a class="obox5 iconbox" href="https://2012.igem.org/Team:Calgary/Safety">
 
-
<div>
 
-
<img src="https://static.igem.org/mediawiki/2012/c/c9/UCalgary2012_IconHP5.png"></img>
 
-
</div>
 
-
</a>
 
-
<a class="obox6 iconbox" href="https://2012.igem.org/Team:Calgary/Outreach">
 
-
<div>
 
-
<img src="https://static.igem.org/mediawiki/2012/0/0e/UCalgary2012_IconHP6.png"></img>
 
-
</div>
 
-
</a>
 
-
</div>
 
-
 
-
 
-
</a>
 
-
</div>
 
-
 
-
<div id="greenbox">
 
-
<a href="https://2012.igem.org/Team:Calgary/Project/FRED">
 
-
<div class="imgbox">
 
-
<img src="https://static.igem.org/mediawiki/2012/4/47/UCalgary2012_EpicBoxFRED_-_Blank.png"></img>
 
-
</div>
 
-
 
-
<div class="gblank">
 
-
</div>
 
-
 
-
<div class="iconcontainer">
 
-
<a class="gbox1 iconbox" href="https://2012.igem.org/Team:Calgary/Project/FRED/Detecting">
 
-
<div>
 
-
<img src="https://static.igem.org/mediawiki/2012/0/0a/UCalgary2012_IconFRED1.png"></img>
 
-
</div>
 
-
</a>
 
-
<a class="gbox2 iconbox" href="https://2012.igem.org/Team:Calgary/Project/FRED/Reporting">
 
-
<div>
 
-
<img src="https://static.igem.org/mediawiki/2012/8/8d/UCalgary2012_IconFRED2.png"></img>
 
-
</div>
 
-
</a>
 
-
<a class="gbox3 iconbox" href="https://2012.igem.org/Team:Calgary/Project/FRED/Modelling">
 
-
<div>
 
-
<img src="https://static.igem.org/mediawiki/2012/c/c0/UCalgary2012_IconFRED3.png"></img>
 
-
</div>
 
-
</a>
 
-
<a class="gbox4 iconbox" href="https://2012.igem.org/Team:Calgary/Project/FRED/Prototype">
 
-
<div>
 
-
<img src="https://static.igem.org/mediawiki/2012/a/a7/UCalgary2012_IconFRED4.png"></img>
 
-
</div>
 
-
</a>
 
-
</div>
 
-
</a>
 
-
</div>
 
-
 
-
<div id="bluebox">
 
-
<a href="https://2012.igem.org/Team:Calgary/Project/OSCAR">
 
-
<div class="imgbox">
 
-
<img src="https://static.igem.org/mediawiki/2012/9/94/UCalgary2012_EpicBoxOSCAR_-_Blank.png"></img>
 
-
</div>
 
-
 
-
<div class="bblank">
 
-
</div>
 
-
 
-
<div class="iconcontainer">
 
-
<a class="bbox1 iconbox" href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Decarboxylation">
 
-
<div>
 
-
<img src="https://static.igem.org/mediawiki/2012/f/f1/UCalgary2012_IconOSCAR1.png"></img>
 
-
</div>
 
-
</a>
 
-
<a class="bbox2 iconbox" href="https://2012.igem.org/Team:Calgary/Project/OSCAR/CatecholDegradation">
 
-
<div>
 
-
<img src="https://static.igem.org/mediawiki/2012/0/0c/UCalgary2012_IconOSCAR4.png"></img>
 
-
</div>
 
-
</a>
 
-
<a class="bbox3 iconbox" href="https://2012.igem.org/Team:Calgary/Project/OSCAR/FluxAnalysis">
 
-
<div>
 
-
<img src="https://static.igem.org/mediawiki/2012/4/40/UCalgary2012_IconOSCAR6.png"></img>
 
-
</div>
 
-
</a>
 
-
<a class="bbox4 iconbox" href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Bioreactor">
 
-
<div>
 
-
<img src="https://static.igem.org/mediawiki/2012/3/3e/UCalgary2012_IconOSCAR5.png"></img>
 
-
</div>
 
-
</a>
 
-
<a class="bbox5 iconbox" href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Upgrading">
 
-
<div>
 
-
<img src="https://static.igem.org/mediawiki/2012/4/44/UCalgary2012_IconOSCAR7.png"></img>
 
-
</div>
 
-
</a>
 
-
</div>
 
-
</a>
 
-
</div>
 
-
</div>
 
-
<div id="boxinfo">
 
-
<div id="boxinfo_default">
 
-
<h2>The Concept</h2>
 
-
<p>Our project consists of three major components: FRED, OSCAR, and the overarching Human Practices considerations informing their design. Click on the boxes to your left to learn more about what iGEM Calgary has done so far!</p>
 
-
</div>
 
-
<div class="orangebox">
 
-
<h2>Human Practices</h2>
 
-
<p>Great consideration was put into our Human Practices component this year, as safety was the guiding principle behind the design of FRED and OSCAR.  iGEM Calgary has undertaken many human outreach initiatives this year. Roll over the boxes to see each of them!</p>
 
-
</div>
 
-
<div class="obox1">
 
-
<h2>Initiative</h2>
 
-
<p>We took the initiative with the oil sands industry and established a dialogue between industry experts, academics, and government representatives. Through these talks a roadmap for the use of synthetic biology in the oil sands was established, focusing on biosensing and bioremediation.</p>
 
-
</div>
 
-
<div class="obox2">
 
-
<h2>Interviews</h2>
 
-
<p>As an undergraduate team, we spoke with experts in various fields, including the oil industry, tailings pond management, biotechnology, law, and politics to gather various opinions on our project. How useful is synthetic biology in a tailings pond environment? What design considerations should we include in our project to improve security? What legal policies must we consider before implementing our project?</p>
 
-
</div>
 
-
<div class="obox3">
 
-
<h2>Design Considerations</h2>
 
-
<p>Since safety is the driving force behind our project, we need to ensure the physical design of our biosensor and bioreactor would contain and manage the bacteria to minimize the possibility of their escape. We needed to build devices that would ensure the safety of both the user and the outside environment during their use. Click here to learn more!</p>
 
-
</div>
 
-
<div class="obox4">
 
-
<h2>Killswitch</h2>
 
-
<p>Both FRED and OSCAR are designed to operate within enclosed environments. However, since safety is our highest priority, we decided to design and implement a killswitch in both FRED and OSCAR as an extra layer of security. The killswitch aims to destroy the genome using two powerful non-specific nucleases in the unlikely event that bacteria escape into the environment. Click here to learn more!</p>
 
-
</div>
 
-
<div class="obox5">
 
-
<h2>Safety</h2>
 
-
<p>Click here for our safety page! Here we detail all the safety procedures, certifications, and approvals we have from our University to allow us to work this summer.</p>
 
-
</div>
 
-
<div class="obox6">
 
-
<h2>Community Outreach</h2>
 
-
<p>iGEM Calgary partnered with a number of different associations to engage the general public about science and synthetic biology. Click here to see what we've done this summer!</p>
 
-
</div>
 
-
<div class="greenbox">
 
-
<h2>FRED</h2>
 
-
<p>FRED is our <b>F</b>unctional, <b>R</b>obust <b>E</b>lectrochemical <b>D</b>etector. FRED is responsible for detecting and measuring naphthenic acids (NAs) and is able to produce an electrochemical signal that can be measured. FRED can be used to measure toxins in tailings pond samples within minutes, without having to ship them to an off-site lab for testing. Click on FRED to learn more!</p>
 
-
</div>
 
-
<div class="gbox1">
 
-
<h2>Detecting</h2>
 
-
<p>FRED is our star detective, working around the clock to detect toxins roaming freely in tailings pond water. FRED is known for being a little unorthodox in his methods namely by using a measurable electrochemical signal rather than colored or fluorescent reporters. Using his transposon library FRED gets clues about the genetic elements that will activate in the presence of toxins. </p>
 
-
</div>
 
-
<div class="gbox2">
 
-
<h2>Reporting</h2>
 
-
<p>Once FRED finds the toxins he wastes no time exposing them. Building upon last year's single output electrochemical system FRED now uses the new triple output system to report the toxins. This novel approach to electrochemical reporting means that FRED is as good as he is fast. </p>
 
-
</div>
 
-
<div class="gbox3">
 
-
<h2>Modelling</h2>
 
-
<p>Aside from being a stellar detective FRED also dabbles in the art of mathematics and modelling. These skills are used to model the behavior of the system. The results from the modelling helped guide the wet lab experiments which in turn gave new data to refine the model.</p>
 
-
</div>
 
-
<div class="gbox4">
 
-
<h2>Prototyping</h2>
 
-
<p>FRED gets a lot of information so he stays on top of things with the help of his handy dandy physical device to test the sample and software to interpret the raw data. The device has been <b>prototyped</b> and has an accompanying software platform that works with FRED to detect the toxins. </p>
 
-
</div>
 
-
<div class="bluebox">
 
-
<h2>OSCAR</h2>
 
-
<p>OSCAR is our <b>O</b>ptimized <b>S</b>ystem for <b>C</b>arboxylic <b>A</b>cid <b>R</b>emediation. OSCAR is responsible for converting toxins such as catechol and naphthenic acids into hydrocarbons. OSCAR is also capable of removing nitrogen and sulfur groups to further purify the hydrocarbons produced. Click on OSCAR to learn more!</p>
 
-
</div>
 
-
<div class="bbox1">
 
-
<h2>Decarboxylation</h2>
 
-
<p>In order to convert tailings pond toxins fully into hydrocarbons, we need to remove carboxylic acid groups. We are using the PetroBrick, from the University of Washington's 2011 iGEM team, to cleave off carboxylic acids to produce hydrocarbons. Click here to learn more!</p>
 
-
</div>
 
-
<div class="bbox2">
 
-
<h2>Catechol Degradation</h2>
 
-
<p>Catechol is a common toxic compound found in tailings ponds. We looked into giving OSCAR the ability to degrade catechol, which would also cleave ring structures of toxins.</p>
 
-
</div>
 
-
<div class="bbox3">
 
-
<h2>Flux-Variability Analysis</h2>
 
-
<p>We wanted to optimize OSCAR's output of hydrocarbons, so we computationally modelled how we can add particular metabolites to the growth media to increase hydrocarbon output. Click here to see what we found out!</p>
 
-
</div>
 
-
<div class="bbox4">
 
-
<h2>Bioreactor</h2>
 
-
<p>OSCAR needed a home, so we developed an enclosed bioreactor system where toxins can be converted into hydrocarbons for output. Click here to see how we designed the bioreactor!</p>
 
-
</div>
 
-
<div class="bbox5">
 
-
<h2>Upgrading</h2>
 
-
<p>Nitrogen and sulfur heteroatoms can produce nasty airborne pollutants when burned, cause acid rain and acid deposition, and can damage valuable catalysis mechanisms involved in fuel processing and emissions control. OSCAR can remove these atoms trapped in the rings. Click here to see how!</p>
 
-
</div>
 
-
</div>
 
</div>
</div>
-
 
+
      </div>
-
<div class="threeboxes">
+
    </div>
-
<a id="greybox1" href="https://2012.igem.org/Team:Calgary/Team">
+
    <div class="grpelem" id="u4884"><!-- custom html -->
-
<div>
+
      <iframe width="480" height="270" src="//www.youtube.com/embed/6AvkF5dBZIs?list=UUx8hjqKHRXo4hmzKhf0q4iw" frameborder="0" allowfullscreen></iframe>
-
<img src="https://static.igem.org/mediawiki/2012/b/b8/UCalgary2012_ThreeBoxTeam.png"></img>
+
-
<h2>Team</h2>
+
-
<p>Who are we? What did we do? Where is this Calgary place, anyway? Click here to read our team profiles!</p>
+
-
</div>
+
-
</a>
+
-
<a id="greybox2" href="https://2012.igem.org/Team:Calgary/Project/DataPage">
+
-
<div>
+
-
<img src="https://static.igem.org/mediawiki/2012/9/92/UCalgary2012_ThreeBoxData.png"></img>
+
-
<h2>Data Page</h2>
+
-
<p>Click here to see a summary of all our data collected so far! Details on FRED and OSCAR can be found above.</p>
+
-
</div>
+
-
</a>
+
-
<a id="greybox3" href="https://2012.igem.org/Team:Calgary/Notebook">
+
-
<div>
+
-
<img src="https://static.igem.org/mediawiki/2012/1/1b/UCalgary2012_ThreeBoxNotebook.png"></img>
+
-
<h2>Notebook</h2>
+
-
<p>Here is a record of our summer's work. We also want to thank everybody who helped us along the way!</p>
+
-
</div>
+
-
</a>
+
</div>
</div>
 +
    </div>
 +
    <div class="clearfix pinned-colelem" id="u6171"><!-- column -->
 +
    <div class="position_content" id="u6171_position_content">
 +
      <a class="nonblock nontext anim_swing pinned-colelem" id="u6165" href="index.html#top"><!-- rasterized frame --><img id="u6165_img" src="https://static.igem.org/mediawiki/2014hs/2/27/To_top_icon-u6165.png" alt="" width="71" height="71"/></a>
 +
      <a class="nonblock nontext anim_swing clearfix pinned-colelem" id="u5182-4" href="index.html#top"><!-- content --><p><font color="black">Top</font></p></a>
 +
    </div>
 +
    </div>
 +
    <div class="verticalspacer"></div>
 +
    <div class="clearfix colelem" id="pu2040-3"><!-- group -->
 +
    <div class="clearfix browser_width grpelem" id="u2040-3"><!-- content -->
 +
      <p>&nbsp;</p>
 +
    </div>
 +
    <a class="nonblock nontext clip_frame grpelem" id="u1692" href="http://www.bertec.com.tw/"><!-- image --><img class="block" id="u1692_img" src="https://static.igem.org/mediawiki/2014hs/b/bf/Bertec_logo-u1692.png" alt="" width="94" height="63"/></a>
 +
    <div class="clearfix grpelem" id="u1698-4"><!-- content -->
 +
      <p>Sponsored by:</p>
 +
    </div>
 +
    <div class="clearfix grpelem" id="u1702-6"><!-- content -->
 +
      <p><a class="nonblock" href="team.html#sponsors">and more</a></p>
 +
    </div>
 +
    <div class="clearfix grpelem" id="u6138-4"><!-- content -->
 +
      <p>Website best viewed with a 1920px wide screen with chrome</p>
 +
    </div>
 +
    </div>
 +
  </div>
 +
  </div>
 +
  <div class="preload_images">
 +
  <img class="preload" src="https://static.igem.org/mediawiki/2014hs/7/7f/U4857-r.png" alt=""/>
 +
  <img class="preload" src="https://static.igem.org/mediawiki/2014hs/3/36/U4852-r.png" alt=""/>
 +
  </div>
 +
  <!-- JS includes -->
 +
  <script type="text/javascript">
 +
  if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
 +
</script>
 +
  <script type="text/javascript">
 +
  window.jQuery || document.write('\x3Cscript src="scripts/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
 +
</script>
 +
  <script src="https://2014hs.igem.org/Mingdao_JS_museutils?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <script src="https://2014hs.igem.org/Mingdao_JS_jquery.tobrowserwidth?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <script src="https://2014hs.igem.org/Mingdao_JS_jquery.musemenu?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <script src="https://2014hs.igem.org/Mingdao_JS_webpro?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <script src="https://2014hs.igem.org/Mingdao_JS_musewpdisclosure?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <script src="https://2014hs.igem.org/Mingdao_JS_jquery.watch?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <!-- Other scripts -->
 +
  <script type="text/javascript">
 +
  $(document).ready(function() { try {
 +
Muse.Utils.transformMarkupToFixBrowserProblemsPreInit();/* body */
 +
$('.browser_width').toBrowserWidth();/* browser width elements */
 +
Muse.Utils.prepHyperlinks(true);/* body */
 +
Muse.Utils.initWidget('.MenuBar', function(elem) { return $(elem).museMenu(); });/* unifiedNavBar */
 +
Muse.Utils.initWidget('#tab-panelu4297', function(elem) { return new WebPro.Widget.TabbedPanels(elem, {event:'mouseover',defaultIndex:0}); });/* #tab-panelu4297 */
 +
Muse.Utils.fullPage('#page');/* 100% height page */
 +
Muse.Utils.showWidgetsWhenReady();/* body */
 +
Muse.Utils.transformMarkupToFixBrowserProblems();/* body */
 +
} catch(e) { Muse.Assert.fail('Error calling selector function:' + e); }});
 +
</script>
 +
 
 +
  <!--HTML Widget code-->
 +
 
 +
<script type="text/javascript">
 +
      window.___gcfg = {
 +
        lang: 'en-US'
 +
      };
 +
      (function() {
 +
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
 +
        po.src = 'https://apis.google.com/js/plusone.js';
 +
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
 +
      })();
 +
</script>
-
 
+
  </body>
-
 
+
-
 
+
-
<div id="sponsorsbox">
+
-
<h2>Thanks to Our Sponsors!</h2>
+
-
<table>
+
-
<tr>
+
-
<td><a href="http://www.ucalgary.ca/bhsc/node/16" target="_blank"><img style="width: 284px;" src="https://static.igem.org/mediawiki/2012/d/d6/UCalgary2012_Logo_O%27Brien_Centre.png"></img></a></td>
+
-
<td><a href="http://www.ucalgary.ca" target="_blank"><img style="width: 166px;" src="https://static.igem.org/mediawiki/2012/4/46/UCalgary2012_Logo_U_of_C_Vertical.png"></img></a></td>
+
-
<td><a href="http://www.albertatechfutures.ca" target="_blank"><img style="width: 234px;" src="https://static.igem.org/mediawiki/2012/7/7f/UCalgary2012_Logo_AITF.png"></img></a></td>
+
-
</tr>
+
-
</table>
+
-
<table>
+
-
<tr>
+
-
<td><a href="http://bio.ucalgary.ca/" target="_blank"><img style="width: 290px;" src="https://static.igem.org/mediawiki/2012/4/45/UCalgary2012_BioSci_Logo.png"></img></a></td>
+
-
<td><a href="http://enel.ucalgary.ca/" target="_blank"><img style="width: 290px;" src="https://static.igem.org/mediawiki/2012/9/9c/UCalgary2012_Schulich_Electric_Computer_Logo.png"></img></a></td>
+
-
<td><a href="http://www.ucalgary.ca/bme/about/CBRE" target="_blank"><img style="width: 220px;" src="https://static.igem.org/mediawiki/2012/5/56/UCalgary2012_CBREhz_Cropped.jpg"></img></a></td>
+
-
</tr>
+
-
</table>
+
-
<table>
+
-
<tr>
+
-
<td><a href="http://www.osli.ca" target="_blank"><img style="width: 891px;" src="https://static.igem.org/mediawiki/2012/9/98/UCalgary2012_Logo_OSLI.png"></img></a></td>
+
-
</tr>
+
-
</table>
+
-
<table>
+
-
<tr>
+
-
<td><a href="http://www.osrin.ualberta.ca" target="_blank"><img style="width: 204px;" src="https://static.igem.org/mediawiki/2012/0/04/UCalgary2012_OSRIN.png"></img></a></td>
+
-
<td><a href="http://www.mhc.ab.ca/" target="_blank"><img style="width: 250px;" src="https://static.igem.org/mediawiki/2012/7/78/UCalgary2011_Medicine_Hat_College_Logo.png"></img></a></td>
+
-
 
+
-
<td><a href="http://www.eurofinsdna.com" target="_blank"><img style="width: 290px;" src="https://static.igem.org/mediawiki/2012/a/a4/UCalgary2012_Logo_Eurofins.png"></img></a></td>
+
-
 
+
-
</tr>
+
-
<tr>
+
-
<td><a href="http://www.autodesk.com" target="_blank"><img style="width: 274px;" src="https://static.igem.org/mediawiki/2012/0/0b/UCalgary2012-Autodesk-Logo.png"></img></a></td>
+
-
<td><a href="http://www.hyperionlab.ca/" target="_blank"><img style="width: 250px;" src="https://static.igem.org/mediawiki/2012/8/89/UCalgary2012_Hyperion_Research_Logo.png"></img></a></td>
+
-
<td><a href="http://www.idtdna.com/site" target="_blank"><img style="width: 228px;" src="https://static.igem.org/mediawiki/2012/1/15/UCalgary2012_Logo_IDT.png"></img></a></img></a></td>
+
-
</tr>
+
-
<tr>
+
-
<td><a href="http://www.sarstedt.com/php/main.php" target="_blank"><img style="width: 274px;" src="https://static.igem.org/mediawiki/2012/f/f6/UCalgary2012_Logo_Sarstedt.png"></img></a></td>
+
-
<td><a href="http://www.teamlab.com" target="_blank"><img style="width: 160px;" src="https://static.igem.org/mediawiki/2012/b/be/UCalgary2012_Logo_TeamLab.png"></img></a></td>
+
-
<td><a href="http://www.vwr.com" target="_blank"><img style="width: 279px;" src="https://static.igem.org/mediawiki/2012/1/11/UCalgary2012_Logo_VWR.png"></img></a></td>
+
-
</tr>
+
-
<tr>
+
-
<table><tr>
+
-
<td><a href="http://genomealberta.ca" target="_blank"><img style="width: 203px;" src="https://static.igem.org/mediawiki/2012/6/68/UCalgary2012_Logo_Genome_Alberta.png"></td>
+
-
<td><a href="http://www.neb.com/nebecomm/default.asp" target="_blank"><img style="width: 281px;" src="https://static.igem.org/mediawiki/2012/2/24/UCalgary2012_Logo_NEB.png"></img></a></td>
+
-
<td><a href="http://www.sparkscience.ca" target="_blank"><img style="width: 261px;" src="https://static.igem.org/mediawiki/2012/6/6f/UCalgary2012_Logo_Telus_Spark.png"></img></a></td>
+
-
 
+
-
</tr></table>
+
-
</tr>
+
-
</table>
+
-
</div>
+
-
 
+
-
</body>
+
</html>
</html>

Latest revision as of 06:52, 20 June 2014

<!DOCTYPE html> google-site-verification: google5ae61348d13c6d42.html iGEM Team Mingdao