|
|
(36 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
− | {{NAIT_Edmonton/CSS2}} | + | {{NAIT_Edmonton/CSS6}} |
− | | + | |
| <html> | | <html> |
| | | |
| <head> | | <head> |
| | | |
| + | |
| + | <title>Team NAIT 2015</title> |
| | | |
| <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'> | | <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'> |
| + | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> |
| + | <script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/jquery.flexslider-min?action=raw&ctype=text/javascript"></script> |
| | | |
| <script type="text/javascript"> | | <script type="text/javascript"> |
Line 36: |
Line 39: |
| | | |
| </script> | | </script> |
| + | |
| + | |
| + | <!-----------https://static.igem.org/mediawiki/2015/d/d8/El_Capitan_.ttf-------------------> |
| + | |
| | | |
| </head> | | </head> |
Line 41: |
Line 48: |
| <body> | | <body> |
| | | |
| + | <div class="header"> |
| + | <div class="header_c"> |
| + | <a href="https://2015.igem.org/Team:NAIT_Edmonton"><img style="margin-top:15px;" src="https://static.igem.org/mediawiki/2015/2/2f/NAIT_Imagine.png" height="95px"></a> |
| + | </div> |
| + | </div> |
| | | |
| | | |
| + | <div class="nav"> |
| | | |
− | <div id="header"> | + | <div tabindex="0" class="onclick-menu"> |
− | <div class="header"> | + | <ul class="onclick-menu-content" style="list-style:none;"> |
| + | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton">home</a></li> |
| + | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a></li> |
| + | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a></li> |
| + | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a></li> |
| + | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a></li> |
| + | </ul> |
| + | </div> |
| + | |
| + | <div class="navigation"> |
| + | <ul> |
| + | |
| + | |
| + | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton"><img |
| + | src="https://static.igem.org/mediawiki/2015/a/a9/NAIT_home.png" width="25px"></a></li> |
| | | |
− | <div class="logo"><a href="https://2015.igem.org/Team:NAIT_Edmonton">
| |
− | <img style="padding-left:6px" src="https://static.igem.org/mediawiki/2015/c/c7/NAIT_IGEM_Separated.png" height="185px"></a>
| |
− | </div>
| |
− | <div class="header_left">
| |
− | <ul>
| |
− |
| |
| <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a> | | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a> |
| <ul> | | <ul> |
| <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Bios">bios</a></li> | | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Bios">bios</a></li> |
| <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Attributions">attributions</a></li> | | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Attributions">attributions</a></li> |
− | <li><a href="https://igem.org/Team.cgi">official team profile</a> | + | <li><a href="https://igem.org/Team.cgi?id=1787">official team profile</a> |
| </ul> | | </ul> |
| </li> | | </li> |
| + | |
| <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a> | | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a> |
| <ul> | | <ul> |
Line 68: |
Line 90: |
| </ul> | | </ul> |
| </li> | | </li> |
− | </ul>
| + | |
− | </div>
| + | |
− | <div class="header_right">
| + | |
− | <ul>
| + | |
| <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a> | | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a> |
| <ul> | | <ul> |
Line 77: |
Line 96: |
| <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Practices">policy and practices</a></li> | | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Practices">policy and practices</a></li> |
| <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Collaborations">collaborations</a></li> | | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Collaborations">collaborations</a></li> |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Entrepreneurship">entrepreneurship</a></li> | + | |
| </ul> | | </ul> |
| </li> | | </li> |
| + | |
| <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a> | | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a> |
| <ul> | | <ul> |
Line 87: |
Line 107: |
| </ul> | | </ul> |
| </li> | | </li> |
− | </ul>
| |
− | </div>
| |
− | </div>
| |
| | | |
− | <div id="wrap"> | + | </ul> |
| | | |
| + | </div> |
| | | |
| + | </div> |
| | | |
− | <style type="text/css">
| |
| | | |
− | .header_mobile {
| |
− | display:none;
| |
− | position: absolute;
| |
− | background-color:transparent;
| |
− | width:65px;
| |
− | top: 90px;
| |
− | left:50px;
| |
− | height:65px;
| |
− | z-index:999;
| |
− | position:fixed;}
| |
| | | |
− | .header_mobile ul {list-style:none; position:absolute;float:right;margin:0;padding-right:125px}
| + | </style> |
− | .header_mobile ul * {margin:0; padding:0;}
| + | |
− | .header_mobile a {display:block;color:#159CD8;text-decoration:none;padding:15px 50px}
| + | <div id="wrap"> |
− | .header_mobile li {position:relative;float:left; padding:5px 5px 5px 5px}
| + | |
− | .header_mobile li a {font-family:'Source Sans Pro', sans-serif;color:#ffffff;font-size:20px;}
| + | |
− | .header_mobile li.current-menu-item {background:#5AB3E3}
| + | |
− | .header_mobile ul ul{display:none; position:absolute; top:77%; left:30%; background:#0D4D8C; padding:0 0px 0 0}
| + | |
− | .header_mobile ul ul li:hover{background:#159CD8}
| + | |
− | .header_mobile ul ul li{float:none; width:120px}
| + | |
− | .header_mobile ul ul a {line-height:100%; padding:0 20px 0 0; font-size:15px }
| + | |
− | .header_mobile ul ul ul {top:0; left:200%}
| + | |
− | .header_mobile ul li.selected a{color:#8BC5EB}
| + | |
− | .header_mobile ul li:hover > ul{display:block;}
| + | |
| | | |
| | | |
− | @media screen and (max-width:1000px){
| |
| | | |
− | .header_left{display:none;}
| + | <style type="text/css"> |
− | .header_right{display:none;}
| + | |
− | .header_mobile{display:block;}
| + | |
| | | |
− | | + | .top_slogan {text-align:center; font-family: 'Source Sans Pro', sans-serif; color:#0D4D8C; font-size:30px; padding: 40px 0px 40px 0px; font-style:strong; line-height:40px;} |
− | } | + | |
| | | |
| /*----- Accordion -----*/ | | /*----- Accordion -----*/ |
Line 137: |
Line 131: |
| -moz-box-sizing:border-box; | | -moz-box-sizing:border-box; |
| box-sizing:border-box; | | box-sizing:border-box; |
| + | |
| } | | } |
| | | |
| .accordion { | | .accordion { |
| overflow:hidden; | | overflow:hidden; |
− | box-shadow:0px 1px 3px rgba(0,0,0,0.25);
| |
− | border-radius:3px;
| |
| background:#FFFFFF; | | background:#FFFFFF; |
| } | | } |
Line 149: |
Line 142: |
| .accordion-section-title { | | .accordion-section-title { |
| width:100%; | | width:100%; |
− | padding:15px;
| |
| display:inline-block; | | display:inline-block; |
− | border-bottom:1px solid #8BC5EB;
| |
− | background:#0D4D8C;
| |
| transition:all linear 0.15s; | | transition:all linear 0.15s; |
| + | padding:15px; |
| + | margin-right:auto; |
| + | margin-left:auto; |
| + | border-bottom:8px solid #ffffff; |
| + | |
| | | |
| /* Type */ | | /* Type */ |
− | font-size:1.200em; | + | font-size:1.8000em; |
| color:#fff; | | color:#fff; |
| text-align:center; | | text-align:center; |
| font-weight: 600; | | font-weight: 600; |
− | font-family:Arial, Helvetica, sans-serif; | + | font-family:'Source Sans Pro', sans-serif; |
| } | | } |
| | | |
| .accordion-section-title.active, .accordion-section-title:hover { | | .accordion-section-title.active, .accordion-section-title:hover { |
| background:#9BD1EE; | | background:#9BD1EE; |
| + | |
| | | |
| /* Type */ | | /* Type */ |
Line 182: |
Line 178: |
| font-size:18px; | | font-size:18px; |
| } | | } |
| + | |
| + | .protocol {background-color:#6087c2; width:390px;margin:0 auto; -webkit-border-radius: 5px; |
| + | -moz-border-radius:5px; -ms-border-radius:5px; -0-border-radius:5px; |
| + | border-radius: 5px;padding:15px;} |
| + | .protocol:hover {background-color:#56aacc; width:390px;margin:0 auto; -webkit-border-radius: 5px; |
| + | -moz-border-radius:5px; -ms-border-radius:5px; -0-border-radius:5px; |
| + | border-radius: 5px;padding:15px;} |
| | | |
| </style> | | </style> |
Line 187: |
Line 190: |
| <center><div class="top_slogan">Lab Safety</div></center> | | <center><div class="top_slogan">Lab Safety</div></center> |
| | | |
− | <h2>iGEM teams follow a high standard of safe and responsible biological engineering. Because we are members of the synthetic biology community, we are responsible for living up to the trust placed in you to design, build, and share biological devices safely. </h2> <br> | + | <h2>iGEM teams follow a high standard of safe and responsible biological engineering. Because we are members of the synthetic biology community, we are responsible for living up to the trust placed in us to design, build, and share biological devices safely. </h2> <br> |
| | | |
− | <div class="main_content">
| + | <center><object width="999" height="562" data="http://www.youtube.com/embed/neQjLbdODeU" frameborder="0" allowfullscreen></object></center> |
| | | |
− | <!--------------------------MUST EDIT THIS PAGE, ALL CONTENT IS TAKEN FROM ETH ZURICH LAB SAFETY PAGE---------------->
| |
| | | |
| + | <br><br><br> |
| + | |
| + | |
| + | <div class="main_content"> |
| | | |
| <div class="accordion"> | | <div class="accordion"> |
| <div class="accordion-section"> | | <div class="accordion-section"> |
− | <a class="accordion-section-title" href="#accordion-2">Safety Training</a> | + | <a class="accordion-section-title" href="#accordion-2" style="background-color:#f96040">Safety Training</a> |
| <div id="accordion-2" class="accordion-section-content"> | | <div id="accordion-2" class="accordion-section-content"> |
| <p>Our institution is committed to providing a safe work environment. As such, the NAIT Biosafety program ensures that potentially biohazardous materials used for our research are used only by students and staff that have had appropriate training. All the NAIT laboratories are compliant to and certified by regulations for working with biohazardous materials. NAIT follows the regulations identified in the Human Pathogens and Toxins Act (HPTA).</p><br> | | <p>Our institution is committed to providing a safe work environment. As such, the NAIT Biosafety program ensures that potentially biohazardous materials used for our research are used only by students and staff that have had appropriate training. All the NAIT laboratories are compliant to and certified by regulations for working with biohazardous materials. NAIT follows the regulations identified in the Human Pathogens and Toxins Act (HPTA).</p><br> |
| | | |
− | <p>Based on the Canadian Biosafety Standards and Guidelines 1st edition, NAIT only has laboratories that can handle Risk Level Group 1 and 2 pathogens and toxins. Standard operating procedures are developed for all labs and facilities within NAIT that handles said pathogens and toxins. Additionally, all staff and students who enter appropriate labs, and handle or dispose of these pathogens undergo a biosafety training session. Appropriate training records are also maintained. | + | <p>Based on the <i>Canadian Biosafety Standards and Guidelines</i> 1st edition, NAIT only has laboratories that can handle Risk Level Group 1 and 2 pathogens and toxins. Standard operating procedures are developed for all labs and facilities within NAIT that handles said pathogens and toxins. Additionally, all staff and students who enter appropriate labs, and handle or dispose of these pathogens undergo a biosafety training session. Appropriate training records are also maintained. |
| | | |
| | | |
Line 210: |
Line 216: |
| | | |
| <div class="accordion-section"> | | <div class="accordion-section"> |
− | <a class="accordion-section-title" href="#accordion-3">Risks for our Project</a> | + | <a class="accordion-section-title" href="#accordion-3" style="background-color:#FBB252">Risks for our Project</a> |
| <div id="accordion-3" class="accordion-section-content"> | | <div id="accordion-3" class="accordion-section-content"> |
| <p><b>Risks to the Safety and Health of Team Members or Others in Lab</b></p><br> | | <p><b>Risks to the Safety and Health of Team Members or Others in Lab</b></p><br> |
| | | |
− | <p>In our lab, we use Escherichia coli as our miniature factories to produce our desired proteins. According to the Canadian Biosafety Standards and Guidelines, E. coli is classified as RG2 meaning that it is a pathogen that is very unlikely to cause human disease or pose a serious hazard to laboratory workers. However, some bacteria may be opportunistic pathogens and may cause harm to immunocompromised individuals. For E. coli there are effective treatments and preventative measures available. </p><br> | + | <p>In our lab, we use <i>Escherichia coli</i> as our miniature factories to produce our desired proteins. According to the <i>Canadian Biosafety Standards and Guidelines, E. coli</i> is classified as RG2 meaning that it is a pathogen that is very unlikely to cause human disease or pose a serious hazard to laboratory workers. However, some bacteria may be opportunistic pathogens and may cause harm to immunocompromised individuals. For E. coli there are effective treatments and preventative measures available. </p><br> |
| | | |
− | <p>During agarose gel electrophoresis, we use ethidium bromide to stain and visualize the bands of DNA. Ethidium bromide is a known mutagen and contact with skin may cause genetic defects. Additionally, in SDS PAGE, TEMED is used which is harmful if inhaled or ingested by the laboratory technician. Many of our reagents must be handled carefully as to prevent skin or eye contact. A full list of reagents and their Material Safety Data Sheets can be found here. </p><br> | + | <p>During agarose gel electrophoresis, we use ethidium bromide to stain and visualize the bands of DNA. Ethidium bromide is a known mutagen and contact with skin may cause genetic defects. Additionally, in SDS PAGE, TEMED is used which is harmful if inhaled or ingested by the laboratory technician. Many of our reagents must be handled carefully as to prevent skin or eye contact.</p><br> |
| | | |
| | | |
Line 235: |
Line 241: |
| | | |
| <div class="accordion-section"> | | <div class="accordion-section"> |
− | <a class="accordion-section-title" href="#accordion-4">Measures to Reduce Risk</a> | + | <a class="accordion-section-title" href="#accordion-4" style="background-color: #f7e133">Measures to Reduce Risk</a> |
| <div id="accordion-4" class="accordion-section-content"> | | <div id="accordion-4" class="accordion-section-content"> |
| <p> | | <p> |
Line 242: |
Line 248: |
| <p><b>Reducing Risk for Team Members</b></p><br> | | <p><b>Reducing Risk for Team Members</b></p><br> |
| | | |
− | <p>To reduce the risk of contamination or exposure to E. coli, our team works in a certified BioSafety Cabinet. Additionally, we take appropriate precautions when handling the organisms including wearing proper PPE (lab coat, safety glasses and gloves). We always wear our PPE when handling our reagents or conducting any experiments. </p><br> | + | <p>To reduce the risk of contamination or exposure to E. coli, our team works in a certified BioSafety Cabinet. Additionally, we take appropriate precautions when handling the organisms including wearing proper PPE (see figures below). We always wear our PPE when handling our reagents or conducting any experiments. </p><br> |
| + | |
| + | <style type="text/css"> |
| + | |
| + | .roundimg{width:180px;display:block;margin:auto;background-color:transparent;text-align:center; padding:0px 0 0 0;} |
| + | .roundimg img{ margin:auto; display:block;width:300px;} |
| + | h2.centered_title{ text-align:center;} |
| + | p.centered_text{ padding:40px 20px;} |
| + | |
| + | </style> |
| + | |
| + | <div class="section_one_three"> |
| + | <div class="roundimg"><img src="https://static.igem.org/mediawiki/2015/8/80/NAIT_Gloves.png" alt="" title="" /></a></div> |
| + | <p class="centered_text"> |
| + | Gloves |
| + | </p> |
| + | </div> |
| + | |
| + | <div class="section_one_three"> |
| + | <div class="roundimg"><img src="https://static.igem.org/mediawiki/2015/3/37/NAIT_SafetyGoggles.png" alt="" title="" /></a></div> |
| + | <p class="centered_text"> |
| + | Safety Glasses |
| + | </p> |
| + | </div> |
| + | |
| + | <div class="section_one_three"> |
| + | <div class="roundimg"><img src="https://static.igem.org/mediawiki/2015/2/25/NAIT_Smoc.png" alt="" title="" /></a></div> |
| + | <p class="centered_text"> |
| + | Lab Coat |
| + | </p> |
| + | </div> |
| | | |
| <p><b>Reducing Risk for the General Public and Environment</b></p><br> | | <p><b>Reducing Risk for the General Public and Environment</b></p><br> |
Line 261: |
Line 297: |
| </div><!--end .accordion--> | | </div><!--end .accordion--> |
| | | |
− |
| + | <input class="modal-state" id="reagents" type="checkbox" /> |
| + | <div class="modal"> |
| + | <label class="modal__bg" for="reagents"></label> |
| + | <div class="modal__inner"> |
| + | |
| + | <center><h1>Reagents Used</h1></center> |
| + | <p>Silver Staining</p><br> |
| + | <p>Cloning and Transforming Cells </p><br> |
| + | <p>Making Agarose and PA Gels</p><br> |
| </div> | | </div> |
| + | </div> |
| | | |
| + | |
| + | |
| + | </div> |
| | | |
| | | |
| <div class="clear"></div> | | <div class="clear"></div> |
| | | |
− |
| |
− | <div class="header_mobile">
| |
− | <ul>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/MobileMenu">menu</a>
| |
− | <ul>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a>
| |
− | </ul>
| |
− | </li>
| |
− |
| |
− | </ul>
| |
− | </div>
| |
| | | |
| </div> | | </div> |
| | | |
− | <div class="footer">
| + | |
| + | |
| + | </div> |
| + | |
| + | <div class="clear"></div> |
| + | |
| + | |
| + | |
| + | <div class="footer"> |
| <div class="footer_content"> | | <div class="footer_content"> |
| <div class="footer_left"> | | <div class="footer_left"> |
Line 305: |
Line 347: |
| </div> | | </div> |
| <div class="clear"></div> | | <div class="clear"></div> |
| + | </div> |
| + | </div> |
| | | |
− | </div>
| |
− |
| |
− | <style type="text/css">
| |
− |
| |
− | #footer {z-index:15;}
| |
− | .footer {position: relative; padding:20px 0 40px 0; margin: -25px 0 0 0; clear:both; width:100%; background-color:#0D4D8C; height:25px;}
| |
− | .footer_content {margin:auto;width:100%;}
| |
− | .footer_left { float:left; padding:0 0 0 10%;}
| |
− | .footer_right{ float:right; padding:0 10% 0 0;}
| |
− | ul.social_icons { margin:0px; padding:0px; list-style:none;}
| |
− | ul.social_icons li{ float:left;}
| |
− | ul.social_icons li a{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#ADD3F0;text-align:center;}
| |
− | ul.social_icons li a#top{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#ADD3F0;text-align:center;}
| |
− | ul.social_icons li a:hover{ background-color:#5AB3E3;}
| |
− | ul.social_icons li a img{ width:60%; display:block; margin:5px auto;}
| |
− |
| |
− | ul.footer_menu{ padding:10px 0 0 0; margin:0px; list-style:none;}
| |
− | ul.footer_menu li{ float:left; padding:0 15px 0 0;}
| |
− | ul.footer_menu li a{ background:url(https://static.igem.org/mediawiki/2015/1/17/NAIT_Bullet.png) no-repeat left; padding:0 0 0 12px;}
| |
− |
| |
− |
| |
− | </style>
| |
| | | |
| </body> | | </body> |
− |
| |
| | | |
| </html> | | </html> |