|
|
| (11 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| − | {{Template_All_Teams}} | + | {{Team:UMBC-Maryland/TemplateTop}} |
| − | [[File:Team_UMBC-Maryland_banner.jpg|600px]]
| + | |
| | <html> | | <html> |
| | + | <div class="divider-bar"></div> |
| | + | <h2>Safety in iGEM</h2> |
| | | | |
| − | <style type="text/css">
| + | <br> <br> |
| | + | <p> Our chassis organism was E. Coli K12. We worked under sterile conditions using a flame and ethanol to sterilize the surfaces. All our plates/tubes were kept parafilmed and stored in a dedicated lab refrigerator/freezer. We clearly labeled all samples and were stored appropriately. We worked with Ethidium Bromide when staining our gels and made sure to gfollow handling and safety protocols. We wore nitrile gloves whenever handling organisms and deposited wastes in the appropriate containers. All flasks and tubes were autoclaved and bleached when finished. We wore appropriate lab attire and made sure to adhere to other lab safety guidelines. </p> |
| | | | |
| − | /* PAGE LAYOUT */
| + | This project can be used for copper remediation in the real world. If our project was applied in the real world, some risks involved would include the possibility of disturbing the natural habitat of other organisms, as well as creating an oxygen-limiting environment. We could include a mechanism to prevent extensive growth, or we could create a method to capture the cells after sufficient copper absorption. |
| − |
| + | <br> <br> |
| − | /* page background color*/
| + | |
| − | body {
| + | |
| − | background-color: #A7A9AB;
| + | |
| − | }
| + | |
| | | | |
| − |
| |
| − | /* Creates a container that will wrap all of the content inside your wiki pages. */
| |
| − | #mainContainer {
| |
| − | width: 980px;
| |
| − | overflow: hidden;
| |
| − | float:left;
| |
| − | margin-left: 20px;
| |
| − | background-color: #EEEDEA;
| |
| − | border-bottom: 6px solid #EE3e53;
| |
| − | }
| |
| − |
| |
| − | /* Creates the container for the menu */
| |
| − | #menuContainer {
| |
| − | float:right;
| |
| − | width: 150px;
| |
| − | background-color: #0e232f;
| |
| − | height: 100%;
| |
| − | border-top: 6px solid #EE3e53;
| |
| − | font-family: "Arial", Helvetica, sans-serif;
| |
| − | }
| |
| − |
| |
| − | /* Creates the container for the content */
| |
| − | #contentContainer {
| |
| − | background-color: #EEEDEA;
| |
| − | width: 810px;
| |
| − | float: left;
| |
| − | padding: 10px;
| |
| − | border-top: 6px solid #EE3e53;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
| |
| − |
| |
| − |
| |
| − | /*Change the styling of text for everything inside main container*/
| |
| − | #mainContainer p {
| |
| − | font-family: "Arial", Helvetica, sans-serif;
| |
| − | font-size: 12px;
| |
| − | color: #0e232f;
| |
| − | }
| |
| − |
| |
| − | /*This changes the color and font family */
| |
| − | #contentContainer h1, h2, h3, h4, h5, h6 {
| |
| − | font-family: "Arial", Helvetica, sans-serif;
| |
| − | color: #0e232f;
| |
| − | border-bottom: none;
| |
| − | font-weight: bold;
| |
| − | text-transform: uppercase;
| |
| − | }
| |
| − |
| |
| − | /*Style of the links - links are different inside the menu */
| |
| − | #contentContainer a {
| |
| − | font-weight: bold;
| |
| − | color: #ee3e53;
| |
| − | }
| |
| − |
| |
| − | /* Styling links on hover- links are different inside the menu */
| |
| − | #contentContainer a:hover{
| |
| − | color: #f4b248;
| |
| − | }
| |
| − |
| |
| − | /*Change the styling of tables */
| |
| − | #contentContainer table {
| |
| − | border: 1px solid #0e232f;
| |
| − | border-collapse: collapse;
| |
| − | width: 90%
| |
| − | margin: auto;
| |
| − | margin-bottom: 15px;
| |
| − | margin-top: 15px;
| |
| − | margin-right: 10px;
| |
| − | margin-left: 10px;
| |
| − | }
| |
| − |
| |
| − | /*Change the styling of table cells*/
| |
| − | #contentContainer td {
| |
| − | padding: 10px;
| |
| − | border: 1px solid #0e232f;
| |
| − | border-collapse: collapse;
| |
| − | vertical-align: text-top;
| |
| − | background-color: #EEEDEA;
| |
| − | }
| |
| − |
| |
| − | /*Change the styling of table headers */
| |
| − | #contentContainer th {
| |
| − | padding: 10px;
| |
| − | border: 1px solid #0e232f;
| |
| − | border-collapse: collapse;
| |
| − | vertical-align: text-top;
| |
| − | background-color: #e8d5b7;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /*MENU STYLING */
| |
| − |
| |
| − | /*Styling for the links in the menu */
| |
| − | #menuContainer a {
| |
| − | color: #EEEDEA;
| |
| − | text-decoration:none;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | /* Sets the style for lists inside menuContainer */
| |
| − | #menuContainer ul {
| |
| − | width:100%;
| |
| − | list-style: none;
| |
| − | margin: auto;
| |
| − | padding-top: 10px;
| |
| − | padding-bottom: 10px;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | /*Styles the list items to become menu buttons */
| |
| − | #menuContainer ul li {
| |
| − | display: block;
| |
| − | position: relative;
| |
| − | padding: 10px;
| |
| − | margin-bottom:5px;
| |
| − | padding-left: -20px;
| |
| − | }
| |
| − |
| |
| − | #menuContainer ul li:hover {
| |
| − | background: #F4B248;
| |
| − | color: #0e232f;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /*HIde the submenus and removes the padding */
| |
| − | #menuContainer li ul {
| |
| − | display: none;
| |
| − | padding-top:15px;
| |
| − | margin-left: -9px;
| |
| − | }
| |
| − |
| |
| − | /*Shows the submenus once you hover*/
| |
| − | #menuContainer li:hover ul {
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | /*style the submenu buttons*/
| |
| − | #menuContainer li ul li {
| |
| − | background: #0E232F;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | #menuContainer li ul li:hover {
| |
| − | background: #EE3E53;
| |
| − | color: #fff;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | /*CLASSES */
| |
| − | /*Clear class for all the pages, adds spacing too*/
| |
| − | .clear{
| |
| − | clear:both;
| |
| − | height: 10px;
| |
| − | }
| |
| − |
| |
| − | /* highlight box for special messages */
| |
| − | .highlightBox {
| |
| − | width:500px;
| |
| − | margin:auto;
| |
| − | background-color: #E8D5B7;
| |
| − | margin-bottom: 15px;
| |
| − | margin-top: 15px;
| |
| − | padding: 15px;
| |
| − | padding-top: 5px;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − | <!-- End of CSS -->
| |
| − |
| |
| − |
| |
| − | <!-- Start of the template html elements. -->
| |
| − | <div id ="mainContainer"><!--This div will close on the page.-->
| |
| − |
| |
| − | <div id="bannerContainer">
| |
| − | <br> <br>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <!-- Start of menu -->
| |
| − | <div id="menuContainer">
| |
| − | <!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
| |
| − | <ul>
| |
| − | <a href="https://2015.igem.org/Team:UMBC-Maryland"><li>HOME</li></a>
| |
| − |
| |
| − | <a href="https://2015.igem.org/Team:UMBC-Maryland/Team"><li>TEAM</li></a>
| |
| − |
| |
| − |
| |
| − | <a href="#"><li>PROJECT
| |
| − | <ul>
| |
| − | <a href="https://2015.igem.org/Team:UMBC-Maryland/Description"><li>Description</li></a>
| |
| − | <a href="https://2015.igem.org/Team:UMBC-Maryland/Experiments"><li>Experiments & Protocols</li></a>
| |
| − | <a href="https://2015.igem.org/Team:UMBC-Maryland/Results"><li>Results</li></a>
| |
| − | </ul>
| |
| − | </li></a>
| |
| − |
| |
| − | <a href="#"><li>PARTS
| |
| − | <ul>
| |
| − | <a href="https://2015.igem.org/Team:UMBC-Maryland/Parts"><li>Team Parts</li></a>
| |
| − | <a href="https://2015.igem.org/Team:UMBC-Maryland/Basic_Part"><li>Basic Parts</li></a>
| |
| − | <a href="https://2015.igem.org/Team:UMBC-Maryland/Composite_Part"><li>Composite Parts</li></a>
| |
| − | <a href="https://2015.igem.org/Team:UMBC-Maryland/Part_Collection"><li>Part Collection</li></a>
| |
| − | </ul>
| |
| − | </li></a>
| |
| − |
| |
| − | <a href="https://2015.igem.org/Team:UMBC-Maryland/Notebook"><li>NOTEBOOK</li></a>
| |
| − |
| |
| − | <a href="https://2015.igem.org/Team:UMBC-Maryland/Attributions"><li>ATTRIBUTIONS</li></a>
| |
| − |
| |
| − | <a href="https://2015.igem.org/Team:UMBC-Maryland/Collaborations"><li>COLLABORATIONS</li></a>
| |
| − |
| |
| − | <a href="https://2015.igem.org/Team:UMBC-Maryland/Practices"><li>HUMAN PRACTICES</li></a>
| |
| − |
| |
| − | <a href="https://2015.igem.org/Team:UMBC-Maryland/Safety"><li>SAFETY</li></a>
| |
| − |
| |
| − |
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!-- End of menu -->
| |
| − |
| |
| − | <!-- Start of content -->
| |
| − | <div id="contentContainer"><!--This div will close on the page.-->
| |
| | </html> | | </html> |
| | + | [[File:UMBC-LabPic1.jpg|500px]] |
| | + | [[File:UMBC-LabPic2.jpg|300px]] |
| | + | [[File:UMBC-LabPic3.jpg|250px]] |
| | + | [[File:UMBC-LabPic4.jpg|250px]] |
| | + | [[File:UMBC-LabPic5.jpg|250px]] |
| | + | [[File:UMBC-LabPic6.jpg|300px]] |
| | + | [[File:UMBC-LabPic7.jpg|300px]] |
| | <html> | | <html> |
| − | <h2>Safety in iGEM</h2>
| |
| − |
| |
| − | <p>Please visit <a href="https://2015.igem.org/Safety">the main Safety page</a> to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.</p>
| |
| − |
| |
| − | <p>On this page of your wiki, you should write about how you are addressing any safety issues in your project. The wiki is a place where you can <strong>go beyond the questions on the safety forms</strong>, and write about whatever safety topics are most interesting in your project. (You do not need to copy your safety forms onto this wiki page.)</p>
| |
| − |
| |
| − |
| |
| − | <h4>Safe Project Design</h4>
| |
| − |
| |
| − | <p>Does your project include any safety features? Have you made certain decisions about the design to reduce risks? Write about them here! For example:</p>
| |
| − |
| |
| − | <ul>
| |
| − | <li>Choosing a non-pathogenic chassis</li>
| |
| − | <li>Choosing parts that will not harm humans / animals / plants</li>
| |
| − | <li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
| |
| − | <li>Including an "induced lethality" or "kill-switch" device</li>
| |
| − | </ul>
| |
| − |
| |
| − | <h4>Safe Lab Work</h4>
| |
| − |
| |
| − | <p>What safety procedures do you use every day in the lab? Did you perform any unusual experiments, or face any unusual safety issues? Write about them here!</p>
| |
| − |
| |
| − | <h4>Safe Shipment</h4>
| |
| − |
| |
| − | <p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − | </html>
| |
