Team:Shenzhen SZMS
From 2013hs.igem.org
(Difference between revisions)
(11 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <!-- * | + | <!-- saved from url=(0033)https://2012.igem.org/Team:Calgary --> |
+ | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | ||
+ | |||
+ | <meta name="generator" content="MediaWiki 1.16.0"> | ||
+ | <link rel="shortcut icon" href="https://2012.igem.org/favicon.ico"> | ||
+ | <link rel="search" type="application/opensearchdescription+xml" href="https://2012.igem.org/wiki/opensearch_desc.php" title="2012.igem.org (en)"> | ||
+ | <link title="Creative Commons" type="application/rdf+xml" href="https://2012.igem.org/wiki/index.php?title=Team:Calgary&action=creativecommons" rel="meta"> | ||
+ | <link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/"> | ||
+ | <link rel="alternate" type="application/atom+xml" title="2012.igem.org Atom feed" href="https://2012.igem.org/wiki/index.php?title=Special:RecentChanges&feed=atom"> <title>home</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="./js/commonPrint.css"> | ||
+ | <!--[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 type="text/javascript" async="" src="./js/ga.js"></script><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="https://2012.igem.org", | ||
+ | wgCanonicalNamespace="", | ||
+ | wgCanonicalSpecialPageName=false, | ||
+ | wgNamespaceNumber=0, | ||
+ | wgPageName="Team:Calgary", | ||
+ | wgTitle="Team:Calgary", | ||
+ | wgAction="view", | ||
+ | wgArticleId=1092, | ||
+ | wgIsArticle=true, | ||
+ | wgUserName=null, | ||
+ | wgUserGroups=null, | ||
+ | wgUserLanguage="en", | ||
+ | wgContentLanguage="en", | ||
+ | wgBreakFrames=false, | ||
+ | wgCurRevisionId=299478, | ||
+ | wgVersion="1.16.0", | ||
+ | wgEnableAPI=true, | ||
+ | wgEnableWriteAPI=true, | ||
+ | wgSeparatorTransformTable=["", ""], | ||
+ | wgDigitTransformTable=["", ""], | ||
+ | wgMainPageTitle="Main Page", | ||
+ | wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2012.igem.org", "5": "2012.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, "2012.igem.org": 4, "2012.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="2012.igem.org", | ||
+ | wgCategories=[], | ||
+ | wgMWSuggestTemplate="https://2012.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest", | ||
+ | wgDBname="2012_igem_org", | ||
+ | wgSearchNamespaces=[0], | ||
+ | wgMWSuggestMessages=["with suggestions", "no suggestions"], | ||
+ | wgRestrictionEdit=[], | ||
+ | wgRestrictionMove=[]; | ||
+ | </script> | ||
+ | <script type="text/javascript" src="./js/wikibits.js"><!-- wikibits js --></script> | ||
+ | <!-- Head Scripts --> | ||
+ | <script src="./01/ajax.js"></script> | ||
+ | <script src="./01/mwsuggest.js"></script> | ||
+ | <script type="text/javascript" src="./js/index.php"><!-- site js --></script> | ||
+ | <!-- jQuery Javascript --> | ||
+ | <script type="text/javascript" src="./js/jquery-latest.min.js"></script> | ||
+ | <script type="text/javascript" src="./js/jquery.tablesorter.min.js"></script> | ||
+ | <link rel="stylesheet" type="text/css" href="./js/style.css"> | ||
+ | <link rel="stylesheet" type="text/css" href="./js/table_styles.css"> | ||
+ | <link rel="stylesheet" type="text/css" href="./js/forum_styles.css"> | ||
+ | <script type="text/javascript" src="./js/forum_scripts.js"></script> | ||
+ | </head> | ||
- | < | + | <body class="mediawiki ltr ns-0 ns-subject page-Team_Calgary"> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <table width="916" border="0" align="center" cellpadding="0" cellspacing="0"> |
+ | <tr> | ||
+ | <td width="116"><a href="https://2013hs.igem.org/Team:Shenzhen_SZMS"><img src="https://static.igem.org/mediawiki/2013hs/a/a0/Title_home.jpg" width="116" height="76" / border="0"></a></td> | ||
+ | <td width="144"><a href="https://2013hs.igem.org/Project.htm"><img src="https://static.igem.org/mediawiki/2013hs/c/c2/Title-project.jpg" width="144" height="76" / border="0"></a></td> | ||
+ | <td width="112"><a href="https://2013hs.igem.org/Team.htm"><img src="https://static.igem.org/mediawiki/2013hs/e/ed/Title_team.jpg" width="112" height="76" / border="0"></a></td> | ||
+ | <td width="173"><a href="https://2013hs.igem.org/Notebook/notebook.htm"><img src="https://static.igem.org/mediawiki/2013hs/2/25/Title-notebook.jpg" width="173" height="76" / border="0"></a></td> | ||
+ | <td width="254"><a href="https://2013hs.igem.org/Human.htm"><img src="https://static.igem.org/mediawiki/2013hs/4/41/Title_human-practice.jpg" width="254" height="76" / border="0"></a></td> | ||
+ | <td width="117"><a href="https://2013hs.igem.org/Jsp/other.htm"><img src="https://static.igem.org/mediawiki/2013hs/7/7d/Title-other.jpg" width="116" height="76" / border="0"></a></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <table width="925" border="0" align="center" cellpadding="0" cellspacing="0"> | ||
+ | <tr> | ||
+ | <td width="116" height="36"> </td> | ||
+ | <td width="144"> </td> | ||
+ | <td width="112"> </td> | ||
+ | <td width="173"> </td> | ||
+ | <td width="254"> </td> | ||
+ | <td width="117"> </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <div id="globalWrapper"> | ||
+ | <!-- close top-section--> | ||
+ | <div id="content"> | ||
+ | <div id="bodyContent"> | ||
+ | <div id="contentSub"></div> | ||
+ | <p> | ||
+ | <!--CSS styles: global--> | ||
+ | <link rel="stylesheet" type="text/css" href="./js/basicpageglobal.css"> | ||
+ | <!--desktop--> | ||
+ | <link rel="stylesheet" type="text/css" href="./js/basicpagedesktop.css"> | ||
- | + | <script type="text/javascript"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | jQuery(document).ready(function($){ | |
- | + | //eliminate jsnotice | |
- | + | $('#jsnotice').hide(); | |
- | + | ||
- | = | + | //prepend menu icon |
- | + | $('#nav-wrap').prepend('<div id="menu-icon">Menu</div>'); | |
+ | |||
+ | //toggle nav | ||
+ | $("#menu-icon").click(function(){ | ||
+ | $("#nav").slideToggle('fast'); | ||
+ | $(this).toggleClass("active"); | ||
+ | }); | ||
+ | |||
+ | //hide url bar | ||
+ | window.scrollTo(0, 1); | ||
+ | |||
- | + | }); | |
- | + | </script> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <!--switching function: thanks to http://www.digital-web.com/articles/strategies_for_css_switching/--> | ||
- | = | + | <script type="text/javascript"> |
- | + | ||
+ | var _gaq = _gaq || []; | ||
+ | _gaq.push(['_setAccount', 'UA-32774032-1']); | ||
+ | _gaq.push(['_trackPageview']); | ||
- | === | + | (function() { |
- | + | var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; | |
+ | ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; | ||
+ | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); | ||
+ | })(); | ||
+ | </script> | ||
- | |||
- | |||
- | |||
- | |||
- | + | </p><header> | |
- | + | <!-- | |
+ | <a id="css-full" href="#default">Full View</a> | ||
+ | <a id="css-mobi" href="#mobile">Mobile View</a> | ||
+ | --> | ||
+ | |||
+ | </div> | ||
- | < | + | <p> |
+ | |||
+ | <!--CSS styles: global--> | ||
+ | <link rel="stylesheet" type="text/css" href="./js/basicpageglobal.css"> | ||
+ | |||
+ | <style> | ||
+ | /*====== | ||
+ | Desktop Styling | ||
+ | ======*/ | ||
+ | |||
+ | /***Body styling***/ | ||
+ | h1{ | ||
+ | font-size: 2.5em; | ||
+ | } | ||
+ | h2{ | ||
+ | font-size: 1.8em; | ||
+ | } | ||
+ | |||
+ | #box1{ | ||
+ | width: 400px; | ||
+ | margin-top: -8px; | ||
+ | background: threedface; | ||
+ | float: left; | ||
+ | padding-bottom: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | #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: 400px; | ||
+ | background: #C68DD8; | ||
+ | float: left; | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | #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: 393px; | ||
+ | height: 418px; | ||
+ | } | ||
+ | #boximgcontainer div{ | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | } | ||
+ | #orangebox{ | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | #orangebox .imgbox{ | ||
+ | width: 393px; | ||
+ | height: 0px; | ||
+ | top: -5px; | ||
+ | left: 0px; | ||
+ | background: #F6A82D; | ||
+ | margin-bottom: 4px; | ||
+ | } | ||
+ | |||
+ | #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: 197px; | ||
+ | height: 0px; | ||
+ | background: #000000; | ||
+ | margin-top:45px; | ||
+ | left:0px; | ||
+ | } | ||
+ | |||
+ | #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: 0px; | ||
+ | left: 184px; | ||
+ | } | ||
+ | #bluebox .imgbox{ | ||
+ | width: 196px; | ||
+ | height: 0px; | ||
+ | background: #5BB5E8; | ||
+ | margin-left: 13px; | ||
+ | } | ||
+ | |||
+ | #bluebox .iconcontainer{ | ||
+ | position: relative; | ||
+ | margin-top: 54px; | ||
+ | left: -999em; | ||
+ | z-index: 0; | ||
+ | } | ||
+ | a.bbox1 div{ | ||
+ | background: #E5E5E5; | ||
+ | } | ||
+ | a.bbox2 div{ | ||
+ | background: #E5E5E5; | ||
+ | } | ||
+ | a.bbox3 div{ | ||
+ | background: #E5E5E5; | ||
+ | } | ||
+ | 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: #E5E5E5; | ||
+ | z-index: 99; /*hovers are not overridden by FRED boxes*/ | ||
+ | } | ||
+ | #bluebox:hover .bblank, .bblank:hover{ | ||
+ | display: none; | ||
+ | } | ||
+ | #bluebox:hover .iconcontainer{ | ||
+ | left: -183px; | ||
+ | background: transparent; | ||
+ | } | ||
+ | |||
+ | #boxinfo{ | ||
+ | float: right; | ||
+ | position: relative; | ||
+ | width: 376px; | ||
+ | left: -13px; | ||
+ | background: #F7F7F7; | ||
+ | height: 280px; | ||
+ | margin-bottom: 0px; | ||
+ | margin-top: -270px; | ||
+ | } | ||
+ | #boxinfo h2{ | ||
+ | color: black; | ||
+ | padding: 20px 20px 0px; | ||
+ | margin-top: -15px; | ||
+ | } | ||
+ | #boxinfo p{ | ||
+ | color: black; | ||
+ | padding: 10px 20px 20px; | ||
+ | font-size: 1.2em; | ||
+ | margin-top: -25px; | ||
+ | } | ||
+ | /*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: 0px; | ||
+ | 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: 313px; | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | .threeboxes a, .threeboxes a div{ | ||
+ | width: 320px; | ||
+ | height: 155px; | ||
+ | float: left; | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | .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: 313px; | ||
+ | margin: 4px 0px; | ||
+ | background: #EEEEEE; | ||
+ | } | ||
+ | #sponsorsbox h2{ | ||
+ | padding: 20px 20px 0px 20px; | ||
+ | } | ||
+ | #sponsorsbox p{ | ||
+ | padding: 0px 20px; | ||
+ | } | ||
+ | #sponsorsbox table{ | ||
+ | width: 313px; | ||
+ | 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> | ||
+ | |||
+ | <script> | ||
+ | jQuery(document).ready(function($){ | ||
+ | |||
+ | //eliminate jsnotice | ||
+ | $('#jsnotice').hide(); | ||
+ | |||
+ | |||
+ | /*epic box info functionality*/ | ||
+ | //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> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </p> | ||
+ | |||
+ | |||
+ | <table width="916" border="0" align="center" cellpadding="0" cellspacing="0"> | ||
+ | <tr> | ||
+ | <td width="510" height="556" valign="top" bgcolor="#E5E5E5"><table width="100%" border="0" cellspacing="0" cellpadding="0"> | ||
+ | <tr> | ||
+ | <td><img src="https://static.igem.org/mediawiki/2013hs/e/e9/Project_01.jpg"width="510" height="124" /></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <table width="100%" height="107" border="0" cellpadding="0" cellspacing="0"> | ||
+ | <tr> | ||
+ | <td width="20"> </td> | ||
+ | <td width="472"><span class="STYLE6">N</span><span class="STYLE1">itrate (NO3-) and nitrite (NO2-) are chemical roots of nitric acid (HNO3) and nitrous acid (HNO2) respectively. They exist in the aquatic environment, the living organisms and artificial products, as pollutants, which can cause food poisoning, cancers or even death. It's important to detect and eliminate such chemicals with the efficient methods. Currently, several detection methods have already been in use but all are not entirely harmless. For example, granular Cd grains are recommended for the NO3- determination for fruits and vegetables because they are easy to make and recover, and can be used repeatedly. However, Cd cannot be recycled easily, and may cause additional pollution. So the goal of our project is to provide an efficient and a more environment friendly method of detecting nitrates/nitrites and we strive to design biosensors to avoid the disadvantages of traditional methods. </span> | ||
+ | <p class="STYLE1">Our team is going to develop novel modular biosensors that enable cost-effective and on-site detection of nitrates/nitrites by using an Escherichia</p></td> | ||
+ | <td width="20"> </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <br /> | ||
+ | <table width="100%" border="0" cellspacing="0" cellpadding="0"> | ||
+ | <tr> | ||
+ | <td width="84%"><img src="https://static.igem.org/mediawiki/2013hs/b/be/Project_02.jpg" width="426" height="47" /></td> | ||
+ | <td width="16%"><img src="https://static.igem.org/mediawiki/2013hs/4/4b/Project_03.jpg" width="84" height="47" /></td> | ||
+ | </tr> | ||
+ | </table></td> | ||
+ | <td width="13"></td> | ||
+ | <td width="393" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> | ||
+ | <tr> | ||
+ | <td height="45"> </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | |||
+ | |||
+ | |||
+ | <table width="100%" border="0" cellspacing="0" cellpadding="0"> | ||
+ | <tr> | ||
+ | <td bgcolor="#f7f7f7" valign="top"> | ||
+ | <!--特效--start--> | ||
+ | <table width="100%" border="0" cellspacing="0" cellpadding="0"> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <!--start--> | ||
+ | <div id="epicbox"> | ||
+ | |||
+ | |||
+ | <div id="boximgcontainer"> | ||
+ | <!--human--start--> | ||
+ | <div id="orangebox"> | ||
+ | <a href="https://2013hs.igem.org/Human.htm"> | ||
+ | <div class="imgbox"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013hs/1/17/Human-practice.jpg" border="0"> | ||
+ | </div> | ||
+ | <div class="oblank"></div> | ||
+ | |||
+ | </a> | ||
+ | <div class="iconcontainer"><a href="https://2013hs.igem.org/Human.htm"></a> | ||
+ | <a class="obox1 iconbox" ></a> | ||
+ | <a class="obox2 iconbox" ></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--human--end--> | ||
+ | <!--team--start--> | ||
+ | <div id="greenbox"> | ||
+ | <a href="https://2013hs.igem.org/Team.htm"> | ||
+ | <div class="imgbox"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013hs/2/2e/Team_01.jpg" border="0"> | ||
+ | </div> | ||
+ | <div class="gblank" style="display: block;"> | ||
+ | </div> | ||
+ | </a> | ||
+ | <div class="iconcontainer"> | ||
+ | <a href="https://2013hs.igem.org/Team.htm"></a> | ||
+ | |||
+ | <a class="gbox1 iconbox" href="https://2013hs.igem.org/Team.htm"></a> | ||
+ | <a class="gbox2 iconbox" href="https://2013hs.igem.org/Team.htm"></a> | ||
+ | <a class="gbox3 iconbox" href="https://2013hs.igem.org/Team.htm"></a> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <!--human--end--> | ||
+ | |||
+ | <!--project--start--> | ||
+ | <div id="bluebox"> | ||
+ | <a href="https://2013hs.igem.org/Jsp/other.htm"> | ||
+ | <div class="imgbox"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013hs/3/34/Other.jpg" border="0"> | ||
+ | </div> | ||
+ | <div class="bblank" style="display: block;"> | ||
+ | </div> | ||
+ | </a> | ||
+ | <div class="iconcontainer"> | ||
+ | <a href="https://2013hs.igem.org/Jsp/other.htm"></a> | ||
+ | <a class="bbox1 iconbox" > | ||
+ | <div align="center" style="color:#CF900F;background:969696;height:35px;width:126px "> | ||
+ | <b>OVERVIEW</b> | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a class="bbox2 iconbox" > | ||
+ | <div align="center" style="color:#CF900F;background:969696;height:35px;width:126px "> | ||
+ | <b>OUTREACH</b> | ||
+ | </div> | ||
+ | </a> | ||
+ | <a class="bbox3 iconbox" > | ||
+ | <div align="center" style="color:#CF900F;background:969696;height:35px;width:126px "> | ||
+ | <b>PICTURE</b> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <!--project--end--> | ||
+ | </div> | ||
+ | |||
+ | <!--文字--start--> | ||
+ | <div id="boxinfo"> | ||
+ | <div id="boxinfo_default" style="display: block;"> | ||
+ | <h2>Human Practices</h2> | ||
+ | <p>In order to make people know more about synthetic biology and IGEM,we use extracurricular to publicity our competition project.We also organize some activity to let people know it............</p> | ||
+ | </div> | ||
+ | <div class="orangebox" style="display: none;"> | ||
+ | <h2>Human Practices</h2> | ||
+ | <p>In order to make people know more about synthetic biology and IGEM,we use extracurricular to publicity our competition project.We also organize some activity to let people know it............</p> | ||
+ | </div> | ||
+ | <div class="obox1" style="display: none;"> | ||
+ | <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" style="display: none;"> | ||
+ | <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" style="display: none;"> | ||
+ | <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" style="display: none;"> | ||
+ | <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" style="display: none;"> | ||
+ | <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" style="display: none;"> | ||
+ | <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" style="display: none;"> | ||
+ | <h2>TEAM</h2> | ||
+ | <p> It contains the team member and our directive teacher.Also our school’s introduction and the method of contacting us..................</p> | ||
+ | </div> | ||
+ | <div class="gbox1" style="display: none;"> | ||
+ | <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" style="display: none;"> | ||
+ | <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" style="display: none;"> | ||
+ | <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" style="display: none;"> | ||
+ | <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" style="display: none;"> | ||
+ | <h2>OTHER</h2> | ||
+ | <p>There are the other part of project,including supporter and safety questions.........</p> | ||
+ | </div> | ||
+ | <div class="bbox1" style="display: none;"> | ||
+ | <h2>Overview</h2> | ||
+ | <p>Our team is going to develop novel modular biosensors that enable cost-effective and on-site detection of nitrates/nitrites by using an Escherichia coli (E.coli) chassis. To introduce the whole process of our project, we split our works into 3 parts......</p> | ||
+ | </div> | ||
+ | <div class="bbox2" style="display: none;"> | ||
+ | <h2>Outreach</h2> | ||
+ | <p><img src="https://static.igem.org/mediawiki/2013hs/0/09/Outreach_pic.jpg" /></p> | ||
+ | </div> | ||
+ | <div class="bbox3" style="display: none;"> | ||
+ | <h2>PICTURE</h2> | ||
+ | <p><img src="https://static.igem.org/mediawiki/2013hs/3/39/Picture_content.jpg" /></p> | ||
+ | </div> | ||
+ | <div class="bbox4" style="display: none;"> | ||
+ | <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" style="display: none;"> | ||
+ | <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> | ||
+ | |||
+ | <!--文字--end--> | ||
+ | </div> | ||
+ | |||
+ | <!--end--> | ||
+ | |||
+ | |||
+ | |||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | |||
+ | <!--特效--end--> | ||
+ | |||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <table width="100%" border="0" cellspacing="0" cellpadding="0"> | ||
+ | <tr> | ||
+ | <td ><img src="https://static.igem.org/mediawiki/2013hs/8/8b/Right.jpg" width="393" height="46" /></td> | ||
+ | |||
+ | </tr> | ||
+ | </table> | ||
+ | <table width="100%" border="0" cellspacing="0" cellpadding="0"> | ||
+ | <tr> | ||
+ | <td><img src="https://static.igem.org/mediawiki/2013hs/3/31/Logo_01.jpg" width="393" height="131" /></td> | ||
+ | </tr> | ||
+ | </table></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <!--ZE EPIC BOX--> | ||
+ | |||
+ | |||
+ | <div id="catlinks"><div id="catlinks" class="catlinks catlinks-allhidden"></div></div> <!-- end content --> | ||
+ | <div class="visualClear"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE -- RDR --> | ||
+ | |||
+ | |||
+ | <script>if (window.runOnloadHook) runOnloadHook();</script> | ||
+ | </div> | ||
+ | <!-- Served in 0.173 secs. --> | ||
+ | <br /><br /> | ||
+ | <table width="949" border="0" cellspacing="0" cellpadding="0" align="center"> | ||
+ | <tr> | ||
+ | <td width="245"><img src="https://static.igem.org/mediawiki/2013hs/c/c7/Buttom_01.jpg" width="245" height="166" /></td> | ||
+ | <td background="https://static.igem.org/mediawiki/2013hs/5/52/Buttom_02.jpg" > | ||
+ | <table border="0" align="center" cellpadding="0" cellspacing="0"> | ||
+ | <tr> | ||
+ | <td><img src="https://static.igem.org/mediawiki/2013hs/4/4e/Buttom_03.jpg" /></td> | ||
+ | </tr> | ||
+ | </table></td> | ||
+ | <td width="330"><img src="https://static.igem.org/mediawiki/2013hs/3/3e/Buttom_04.jpg" /></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | |||
+ | </body></html> |
Latest revision as of 19:11, 21 June 2013
|
|
|