Team:Warsaw/Safety
From 2012.igem.org
Ejankowska (Talk | contribs) |
|||
Line 1: | Line 1: | ||
- | <html> | + | <!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> --> |
+ | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <title>Warsaw Team</title> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
<style> | <style> | ||
- | + | html{font-family:Tahoma, Geneva, sans-serif} | |
- | #menu{position:absolute | + | #menu{position:absolute} |
- | #menu ul{list-style:none | + | #menu ul{list-style:none} |
- | #menu ul li{display: block;float:left; | + | #menu ul li {overflow:hidden;margin-left:1px;display:block;background:#222;height:30px;width:155px;text-align:center;float:left;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;} |
- | #menu ul li:hover{ | + | #menu ul li:hover {background:#666;} |
- | #menu ul li a{color: #fff; display: table-cell; vertical-align: middle; text-align: center; width: | + | #menu ul li a{color:#fff;text-decoration:none;display:table-cell;vertical-align:middle;text-align:center;height:30px;width:290px;} |
- | -o-transition: all 0.3s ease-in-out; | + | #menu ul li ul{margin-left:-1px !important;padding:0px !important} |
- | #menu ul li | + | #menu .hover{overflow:visible !important;} |
- | #menu ul li | + | |
- | #menu ul li | + | #left-menu{clear:both;float:left;} |
- | # | + | #left-menu ul{list-style:none;margin:0px !important} |
- | + | #left-menu ul li {overflow:hidden;margin-left:1px;display:block;background:#ddd;height:30px;width:152px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;} | |
+ | #left-menu ul li:hover {background:#666;} | ||
+ | #left-menu ul li a{color:#222;text-decoration:none;display:table-cell;vertical-align:middle;text-align:center;height:30px;width:122px;} | ||
+ | #left-menu ul li a:hover{color:#fff} | ||
+ | #main-content{float:left;background-color:#fff;width:775px;height:775px;margin-left:10px} | ||
+ | #main-content div{display:none;} | ||
+ | #main-content div#tab1{display:inline} | ||
</style> | </style> | ||
+ | <script src="http://code.jquery.com/jquery-latest.min.js"type="text/javascript"></script> | ||
+ | <script> | ||
+ | $(function(){ | ||
+ | $("#menu li").hover( | ||
+ | function () { | ||
+ | a=$(this).find("ul"); | ||
+ | b=$(this); | ||
+ | a.stop(true,false).animate({opacity:1}, 200,function(){b.addClass("hover");}); | ||
+ | }, | ||
+ | function () { | ||
+ | a=$(this).find("ul"); | ||
+ | b=$(this); | ||
+ | a.delay(1000).animate({opacity:0}, 300,function(){b.removeClass("hover");}); | ||
+ | } | ||
+ | ); | ||
+ | $("#left-menu li").click(function(){ | ||
+ | rel=$(this).attr("rel"); | ||
+ | $("#main-content div").stop(true,false).animate({opacity:0}, 200,function(){ | ||
+ | $("#main-content div").css("display","none"); | ||
+ | $("#"+rel).css("display","inline"); | ||
+ | $("#"+rel).stop(true,false).animate({opacity:1}, 200); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $("#menu ul li ul li").click(function(){ | ||
+ | rel=$(this).attr("rel"); | ||
+ | if(rel!="") | ||
+ | { | ||
+ | $("#main-content div").stop(true,false).animate({opacity:0}, 200,function(){ | ||
+ | $("#main-content div").css("display","none"); | ||
+ | $("#"+rel).css("display","inline"); | ||
+ | $("#"+rel).stop(true,false).animate({opacity:1}, 200); | ||
+ | }); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | <noscript> | ||
+ | <style> | ||
+ | #menu ul li:hover {overflow:visible} <!-- alternatywna tresc strony, ktora zostanie wyswietlona w sytuacji, gdy skrypt nie zostanie uruchomiony --> | ||
+ | </style> | ||
+ | </noscript> | ||
<div id="menu"> | <div id="menu"> | ||
- | <ul> | + | <ul> |
- | <li><a href="https:// | + | <li><a href="https://2012.igem.org/Team:Warsaw/Project">PROJECT</a> |
- | + | ||
- | + | </li> | |
- | + | <li><a href="https://2012.igem.org/Team:Warsaw/Wetlab">WETLAB</a> | |
- | + | ||
- | + | </li> | |
- | <li><a href="https://2012.igem.org/Team:Warsaw/ | + | <li><a href="#">SAFETY</a></li> |
- | + | <li><a href="https://2012.igem.org/Team:Warsaw/Team">TEAM</a> | |
- | + | </li> | |
- | + | <li><a href="https://2012.igem.org/Team:Warsaw/Notebook">NOTEBOOK</a></li> | |
- | </li> | + | <li><a href="https://2012.igem.org/Team:Warsaw/Attributions">ATTRIBUTIONS</a></li> |
- | + | <!-- Home,Team,Official Team Profile, Project, Parts Submitted to the Registry, Modelling, Notebook, Safety, Attributions --> | |
- | <li><a href=" | + | </ul> |
- | <li><a href="https:// | + | |
- | + | ||
- | <li><a href="https://2012.igem.org/Team:Warsaw/ | + | |
- | <li><a href="https:// | + | |
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ul> | + | |
</div> | </div> | ||
+ | </body> | ||
</html> | </html> | ||
Line 92: | Line 137: | ||
</div> | </div> | ||
+ | <br clear="all" /><br clear="all" /><br clear="all" /><br clear="all" /><br clear="all" /> |
Revision as of 15:23, 14 September 2012
1. Would any of your project ideas raise safety issues in terms of: researcher safety, public safety, or environmental safety? Laboratory strains of E. coli and B. subtilis are not pathogenic, thus
not hazardous. Bacillus strain carrying a plasmid with listeriolysin
might be hazardous, so great care must be taken. But even if one does
become infected, these bacteria are unable to replicate and survive inside mammalian cells for long. They are also incapable of spreading from
cell to cell, meaning that infection could not spread.
2. Do any of the new BioBrick parts (or devices) that you made this year raise any safety issues? 3. Is there a local biosafety group, committee, or review board at your institution? 4. Do you have any other ideas how to deal with safety issues that could be useful for future iGEM competitions? How could parts, devices and systems be made even safer through biosafety engineering?
|