|
|
(22 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 37: |
Line 40: |
| </script> | | </script> |
| | | |
− | </head>
| |
| | | |
− | <body> | + | <!-----------https://static.igem.org/mediawiki/2015/d/d8/El_Capitan_.ttf-------------------> |
| | | |
− | <style type="text/css">
| |
| | | |
− | /* Modal */ | + | </head> |
− | .modal {opacity: 0;visibility: hidden;position: fixed;top: 0;right: 0;bottom: 0;left: 0;text-align: left;background: rgba(0,0,0, .9);transition: opacity .25s ease;z-index:999;}
| + | |
− | .modal__bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;}
| + | |
− | .modal-state { display: none;}
| + | |
− | .modal-state:checked + .modal {opacity: 1;visibility: visible;}
| + | |
− | .modal-state:checked + .modal .modal__inner {top: 0;}
| + | |
− | .modal__inner {transition: top .25s ease;position: absolute;top: -20%; right: 0;bottom: 0;left: 0;width: 750px;margin: auto;overflow: auto;background:#FFFFFF;border-radius: 0px;padding: 1em 2em;height: 458px;}
| + | |
− | .modal__close {position: absolute;right: 1em;top: 1em;width: 1.1em;height: 1.1em;cursor: pointer;}
| + | |
− | .modal__close:after,
| + | |
− | .modal__close:before {content: '';position: absolute;width: 2px;height: 1.5em;background: #ccc;display: block;transform: rotate(45deg);left: 50%;margin: -3px 0 0 -1px;top: 0;}
| + | |
− | .modal__close:hover:after,
| + | |
− | .modal__close:hover:before {background: #aaa;}
| + | |
− | .modal__close:before {transform: rotate(-45deg);}
| + | |
| | | |
− | @media screen and (max-width: 750px) {
| + | <body> |
− |
| + | |
− | .modal__inner {width: 90%;height: 90%;box-sizing: border-box;}
| + | |
− | }
| + | |
| | | |
| + | <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> |
| | | |
− | /* Modal Mobile */
| |
| | | |
− | .btn {cursor: pointer;background: none;display: inline-block;padding: none;color:none; border-radius: none;}
| + | <div class="nav"> |
− | .btn:hover,
| + | |
− | .btn:focus {background: none;}
| + | |
− | .btn:active {background: none;}
| + | |
− | p img {max-width: 200px;height: auto;float: left;margin: 0 1em 1em 0;}
| + | |
| | | |
− | </style> | + | <div tabindex="0" class="onclick-menu"> |
| + | <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 id="header">
| |
− | <div class="header">
| |
− |
| |
− | <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 101: |
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 110: |
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 120: |
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 170: |
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 182: |
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 215: |
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 220: |
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> |
Line 243: |
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> |
Line 249: |
Line 222: |
| <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>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 <label class="btn" for="reagents"><font style="color:#5AB3E3">here</font>.</label> </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 268: |
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 275: |
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"> | | <style type="text/css"> |
Line 283: |
Line 256: |
| h2.centered_title{ text-align:center;} | | h2.centered_title{ text-align:center;} |
| p.centered_text{ padding:40px 20px;} | | p.centered_text{ padding:40px 20px;} |
− | .roundimg2{width:180px;height:150px;display:block;border-radius:90px;-moz-border-radius:90px;-webkit-border-radius:90px;-khtml-border-radius:90px;margin:auto;background:none;text-align:center; padding:30px 0 0 0;}
| |
| | | |
| </style> | | </style> |
Line 297: |
Line 269: |
| <div class="roundimg"><img src="https://static.igem.org/mediawiki/2015/3/37/NAIT_SafetyGoggles.png" alt="" title="" /></a></div> | | <div class="roundimg"><img src="https://static.igem.org/mediawiki/2015/3/37/NAIT_SafetyGoggles.png" alt="" title="" /></a></div> |
| <p class="centered_text"> | | <p class="centered_text"> |
− | Goggles
| + | Safety Glasses |
| </p> | | </p> |
| </div> | | </div> |
Line 304: |
Line 276: |
| <div class="roundimg"><img src="https://static.igem.org/mediawiki/2015/2/25/NAIT_Smoc.png" alt="" title="" /></a></div> | | <div class="roundimg"><img src="https://static.igem.org/mediawiki/2015/2/25/NAIT_Smoc.png" alt="" title="" /></a></div> |
| <p class="centered_text"> | | <p class="centered_text"> |
− | Smock
| + | Lab Coat |
| </p> | | </p> |
| </div> | | </div> |
Line 337: |
Line 309: |
| </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 381: |
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> |