|
|
| Line 1: |
Line 1: |
| − | <html>
| |
| − | <title>W3.CSS</title>
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
| − | <link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
| |
| − | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
| |
| − | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
| |
| − | <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
| |
| − | <style>
| |
| − | body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif}
| |
| − | .w3-navbar,h1,button {font-family: "Montserrat", sans-serif}
| |
| − | .fa {font-size:200px}
| |
| − | </style>
| |
| − | <body>
| |
| − |
| |
| − | <head>
| |
| − |
| |
| − | <style type="text/css">
| |
| − |
| |
| − | #contentSub, #footer-box, #catlinks, #search-controls,
| |
| − | #p-logo, .printfooter, .firstHeading, .visualClear {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | #top-section {
| |
| − | border: 0 none;
| |
| − | height: 14px;
| |
| − | z-index: 100;
| |
| − | top: 0;
| |
| − | position: fixed;
| |
| − | width: 975px;
| |
| − | left: 50%;
| |
| − | margin-left: -487px;
| |
| − | }
| |
| − |
| |
| − | #globalWrapper, #content {
| |
| − | width: 80%;
| |
| − | height: 100%;
| |
| − | border: 0px;
| |
| − | background-color: transparent;
| |
| − | margin: 0px;
| |
| − | padding: 0px;
| |
| − | font-size: 80%;
| |
| − | }
| |
| − |
| |
| − | html, body, .wrapper {
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | background-color: transparent;
| |
| − | }
| |
| − |
| |
| − | .navbar {
| |
| − | margin: 0 auto;
| |
| − | margin-top: 1em;
| |
| − | padding: 1em;
| |
| − | border-radius: 10px;
| |
| − | }
| |
| − | /* Style The Dropdown Button */
| |
| − | .dropbtn {
| |
| − | background-color: transparent;
| |
| − | color: green;
| |
| − | padding: 16px;
| |
| − | font-size: 16px;
| |
| − | border: none;
| |
| − | cursor: pointer;
| |
| − | }
| |
| − |
| |
| − | /* The container <div> - needed to position the dropdown content */
| |
| − | .dropdown {
| |
| − | position: relative;
| |
| − | display: inline-block;
| |
| − | }
| |
| − |
| |
| − | /* Dropdown Content (Hidden by Default) */
| |
| − | .dropdown-content {
| |
| − | display: none;
| |
| − | position: absolute;
| |
| − | background-color: #f9f9f9;
| |
| − | min-width: 160px;
| |
| − | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
| |
| − | }
| |
| − |
| |
| − | /* Links inside the dropdown */
| |
| − | .dropdown-content a {
| |
| − | color: black;
| |
| − | padding: 12px 16px;
| |
| − | text-decoration: none;
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | /* Change color of dropdown links on hover */
| |
| − | .dropdown-content a:hover {background-color: #f1f1f1}
| |
| − |
| |
| − | /* Show the dropdown menu on hover */
| |
| − | .dropdown:hover .dropdown-content {
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | /* Change the background color of the dropdown button when the dropdown content is shown */
| |
| − | .dropdown:hover .dropbtn {
| |
| − | background-color: #3e8e41;
| |
| − | }
| |
| − |
| |
| − | /* Footer logo */
| |
| − | img.w3-logo {
| |
| − | width: 368px;
| |
| − | height: 40px;
| |
| − | }
| |
| − |
| |
| − | /* Background example */
| |
| − | .w3-background-1 {
| |
| − | background: url(http://capacityofmind.com/wp-content/uploads/2015/05/Sometimes-All-a-Students-Needs-is-a-Single-Motivational-Quote1.jpg) center;
| |
| − | background-size: cover;
| |
| − | color: white;
| |
| − | }
| |
| − |
| |
| − | .w3-background-1 .fa {
| |
| − | color: white!important;
| |
| − | }
| |
| − |
| |
| − | .w3-background-2 {
| |
| − | background: url(http://learneveryday.net/wp-content/uploads/2016/04/60c403f7.jpg) center;
| |
| − | background-size: cover;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | <link rel="stylesheet" href="https://2014.igem.org/Team:Aalto-Helsinki/bootstrap.min.css?action=raw&ctype=text/css" type="text/css">
| |
| − | <link rel="stylesheet" href="https://2014.igem.org/Team:Aalto-Helsinki/stylesheet.css?action=raw&ctype=text/css" type="text/css">
| |
| − | <meta name= "viewport" content = "initial-scale=1.0, width= device-width" />
| |
| − | </head>
| |
| − |
| |
| − | <header>
| |
| − | <div class= "navbar navbar-default navbar-fixed-top">
| |
| − | <div class="text-center col-sm-12" id="navigation">
| |
| − | <nav>
| |
| − | <a href="https://2016.igem.org/Team:Alverno_CA">Main</a>
| |
| − | <div class="dropdown menu">
| |
| − | <button class="dropbtn">Team</button>
| |
| − | <div class="dropdown-content">
| |
| − | <a href="https://2016.igem.org/Team:Alverno_CA/Team">Team</a>
| |
| − | <a href="https://2016.igem.org/Team:Alverno_CA/Collaboration">Collaboration</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="dropdown menu">
| |
| − | <button class="dropbtn">Project</button>
| |
| − | <div class="dropdown-content">
| |
| − | <a href="https://2016.igem.org/Team:Alverno_CA/Description">Description</a>
| |
| − | <a href="https://2016.igem.org/Team:Alverno_CA/Design">Design</a>
| |
| − | <a href="https://2016.igem.org/Team:Alverno_CA/Experiment">Experiment</a>
| |
| − | <a href="https://2016.igem.org/Team:Alverno_CA/Interlab_Study">Interlab Study</a>
| |
| − | <a href="https://2016.igem.org/Team:Alverno_CA/Proof_of_Concept">Proof of Concept</a>
| |
| − | <a href="https://2016.igem.org/Team:Alverno_CA/Demonstrate">Demonstrate</a>
| |
| − | <a href="https://2016.igem.org/Team:Alverno_CA/Result">Result</a>
| |
| − | <a href="https://2016.igem.org/Team:Alverno_CA/Notebook">Notebook</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="dropdown menu">
| |
| − | <button class="dropbtn">Parts</button>
| |
| − | <div class="dropdown-content">
| |
| − | <a href="https://2016.igem.org/Team:Alverno_CA/Parts">Parts</a>
| |
| − | <a href="https://2016.igem.org/Team:Alverno_CA/Basic_Parts">Basic Parts</a>
| |
| − | <a href="https://2016.igem.org/Team:Alverno_CA/Composite_Parts">Composite_Parts</a>
| |
| − | <a href="https://2016.igem.org/Team:Alverno_CA/Part_Collection">Part Collection</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <a href="https://2016.igem.org/Team:Alverno_CA/Safety">Safety</a>
| |
| − | <a href="https://2016.igem.org/Team:Alverno_CA/Attribution">Attribution</a>
| |
| − | <a href="https://2016.igem.org/Team:Alverno_CA/Human_Practices">Human Practice</a>
| |
| − | </nav>
| |
| − | </div>
| |
| − | </div>
| |
| − | </header>
| |
| − |
| |
| | {{Alverno_CA}} | | {{Alverno_CA}} |
| | <html> | | <html> |
| Line 184: |
Line 10: |
| | <h1><center>Alverno iGEM 2016</center></h1> | | <h1><center>Alverno iGEM 2016</center></h1> |
| | <center><img src="https://s-media-cache-ak0.pinimg.com/originals/86/08/18/860818cfc65e5ff04725bb0f0c05a8af.png" alt="Alverno iGEM Logo" style="width:300px;"></center> | | <center><img src="https://s-media-cache-ak0.pinimg.com/originals/86/08/18/860818cfc65e5ff04725bb0f0c05a8af.png" alt="Alverno iGEM Logo" style="width:300px;"></center> |
| − | <h1><center>Human Practice</center></h1> | + | <h1><center>Safety</center></h1> |
| − | <p> Four team members (Amanda, Katie, Asia, and Brianna) visited a local middle school and taught 60 seventh graders the basics of DNA and synthetic biology. They were able to extract DNA from strawberries using common household products. After this activity, the iGEM team members explained the results and answered the students’ questions. From this discussion period, the group was able to observe the students’ understanding of the project and their varying opinions. The four members asked the students what their thoughts were on the ethics and morals involved in synthetic biology. For a short period, contemporary advances of synthetic biology were discussed, comprising the future growth and possibilities of the rapidly proliferating field of study. Attached are links to our powerpoint and lab instructions. </p> | + | <p> As a high school team, safety is paramount, and following safety rules are essential in any lab environment. In addition to standard protocols, we must be diligent in safety, as our workspace doubles as a lab and a classroom. We must follow the standard rules to protect both us and our samples as well as to guarantee the safety of teammates and peers alike. This signifies that every individual, regardless of concurrence or participation is the team, must comply and practice the safety procedures.</p> |
| − | <p>You can access our presentations on our <a href="https://docs.google.com/presentation/d/1DYs7q12PZZ3Jug5VrKs8EqZGM1uXrStn94NE3lFkCfQ/">DNA Workshop</a> and our <a href="https://docs.google.com/document/d/1Tfw_q7kj8St8BuUgmUDvBmHijjkLieYJ0IemVXWbd4Q/">Lab Instructions</a> here.</p> | + | <p>To eliminate any unnecessary risk factors in relations to public safety, we made sure that all of our organisms are non-pathogenic. We created designated waste disposals for any biohazards, which are separated from the rest of the student body and are properly autoclaved. We also created separate disposal sites for our pipette tips, due to a previous issue of ripping trash bags and spilling around the campus. Through these measures we have managed to make our project reliably safe, eliminating any concerns and possible hazards.</p> |
| − | <p> Prospective students visited our school and we hosted a pipetting and synthetic biology workshop. We did this in order to inform the prospective students about our science department and our iGEM project and lab practices. Each middle school student was equipped with a P20 micropipette, lab coats, gloves, and mock-gels. After a demonstration by one of our teammates, and a brief explanation of how micropipettes are used in the lab, the students then practiced pipetting various volumes of red dye into the practice gels. This practice session was followed with a more in depth presentation of our iGEM project and the importance of synthetic biology. </p> | + | <p>Some of the lab safety protocols that we follow include:</p> |
| | | | |
| | + | <ul> |
| | + | <li>Wearing proper protective gear such as lab coats, goggles, and closed toed shoes. If we are using an autoclave, we take the extra precaution of a face shield. </li> |
| | + | <li>Eating and drinking in designated areas and keeping food from the lab space. </li> |
| | + | <li>Wearing gloves while dealing with anything that is sensitive or possibly contaminated. </li> |
| | + | <li>Keeping our hair back and tied up while in the lab. </li> |
| | + | <li>Keeping a meticulously clean lab space through organization and disinfection with 70% isopropyl alcohol. </li> |
| | + | <li>Clearly labeling everything. </li> |
| | + | <li>Washing hands before and after labs. </li> |
| | + | </ul> |
| | | | |
| | </body> | | </body> |
| | </html> | | </html> |
As a high school team, safety is paramount, and following safety rules are essential in any lab environment. In addition to standard protocols, we must be diligent in safety, as our workspace doubles as a lab and a classroom. We must follow the standard rules to protect both us and our samples as well as to guarantee the safety of teammates and peers alike. This signifies that every individual, regardless of concurrence or participation is the team, must comply and practice the safety procedures.
To eliminate any unnecessary risk factors in relations to public safety, we made sure that all of our organisms are non-pathogenic. We created designated waste disposals for any biohazards, which are separated from the rest of the student body and are properly autoclaved. We also created separate disposal sites for our pipette tips, due to a previous issue of ripping trash bags and spilling around the campus. Through these measures we have managed to make our project reliably safe, eliminating any concerns and possible hazards.
