Difference between revisions of "Team:LambertGA/Safety"
JackdHarris (Talk | contribs) |
JackdHarris (Talk | contribs) |
||
| Line 6: | Line 6: | ||
| − | + | #mainContainer{ | |
| + | background-color: white; | ||
| + | width: 100%; | ||
| + | } | ||
| + | #main{ | ||
| + | width: 100%; | ||
| + | margin: auto; | ||
| + | padding: 0px; | ||
| + | background-color: white; | ||
| + | } | ||
| + | body { background-color: white; margin: auto; padding: 0px; width: 100%;} | ||
#content { | #content { | ||
| − | margin | + | margin: 0px auto; |
| − | background-color: | + | background-color: white; |
| + | width: 100%; | ||
| + | padding: 0px; | ||
| + | } | ||
| Line 17: | Line 30: | ||
| − | .column full_size {width: | + | .column full_size {width: 100%; |
height: 700px; | height: 700px; | ||
position: center; } | position: center; } | ||
| + | p { | ||
| + | margin: auto; | ||
| + | width: 50%; | ||
| + | } | ||
#firstHeading { | #firstHeading { | ||
| Line 27: | Line 44: | ||
color: #9D0EC8;} | color: #9D0EC8;} | ||
| + | a { | ||
| + | opacity: 1.0; | ||
| + | } | ||
| + | |||
| + | a:visited { | ||
| + | color: #D49AE6; | ||
| + | } | ||
a.HeaderLinks { | a.HeaderLinks { | ||
| + | height: 70px; | ||
position: center; | position: center; | ||
| − | |||
border: none; | border: none; | ||
| − | color: | + | color: #D49AE6; |
| − | + | ||
text-align: center; | text-align: center; | ||
text-decoration: none; | text-decoration: none; | ||
| Line 46: | Line 69: | ||
#MainTitle { | #MainTitle { | ||
| − | padding: | + | padding: 60px; |
font-size: 60px; } | font-size: 60px; } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| Line 79: | Line 89: | ||
#headerLinks { | #headerLinks { | ||
| + | position: fixed; | ||
text-decoration: none; | text-decoration: none; | ||
color: #b8975e; | color: #b8975e; | ||
| − | |||
| − | |||
width: 100%; | width: 100%; | ||
| − | + | height: 70px; | |
| − | + | line-height: 70px; | |
| − | + | background-color: lavender; | |
| + | margin: auto; | ||
text-align:center; | text-align:center; | ||
| + | opacity: 0.9; | ||
} | } | ||
.header{ | .header{ | ||
| − | width: | + | width: 100%; |
padding: 0; | padding: 0; | ||
margin: 0 auto; | margin: 0 auto; | ||
| Line 102: | Line 113: | ||
#text{ | #text{ | ||
width: 900px; | width: 900px; | ||
| − | padding: | + | padding: 0px; |
display: block; | display: block; | ||
| − | margin: | + | margin: 0px auto; |
} | } | ||
| − | |||
#space{ | #space{ | ||
| Line 114: | Line 124: | ||
#sponsors-bottom{ | #sponsors-bottom{ | ||
| − | width: | + | width: 100%; |
| − | margin: | + | margin: 0px auto; |
text-align: center; | text-align: center; | ||
display: block; | display: block; | ||
| Line 122: | Line 132: | ||
#sponsors-bottom a{ | #sponsors-bottom a{ | ||
| + | margin: auto; | ||
| + | width: 50% | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
| Line 134: | Line 146: | ||
opacity: 0.4; | opacity: 0.4; | ||
filter: alpha(opacity=40); /* For IE8 and earlier */ | filter: alpha(opacity=40); /* For IE8 and earlier */ | ||
| + | transition: opacity 0.5s ease-in-out; | ||
} | } | ||
| Line 164: | Line 177: | ||
display: block; | display: block; | ||
} | } | ||
| − | |||
#globalWrapper{ | #globalWrapper{ | ||
background-color: white; | background-color: white; | ||
| − | padding: | + | padding: 0px; |
| + | |||
} | } | ||
| + | |||
/* Dropdown Button */ | /* Dropdown Button */ | ||
.dropbtn { | .dropbtn { | ||
| + | margin: auto; | ||
position: left; | position: left; | ||
| − | background-color: | + | height: 100%; |
| − | color: | + | width: 100%; |
| − | padding: | + | background-color: lavender; |
| − | font-size: | + | color: #D49AE6; |
| + | padding: 24px; | ||
| + | font-size: 20px; | ||
text-align: left; | text-align: left; | ||
border: none; | border: none; | ||
cursor: pointer; | cursor: pointer; | ||
| + | transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; | ||
} | } | ||
| Line 193: | Line 211: | ||
.dropdown-content { | .dropdown-content { | ||
display: none; | display: none; | ||
| + | opacity: 0.0; | ||
position: absolute; | position: absolute; | ||
background-color: #D49AE6; | background-color: #D49AE6; | ||
| Line 198: | Line 217: | ||
text-align: left; | text-align: left; | ||
box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.2); | box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.2); | ||
| + | transition: opacity 0.5s ease-in-out; | ||
} | } | ||
/* Links inside the dropdown */ | /* Links inside the dropdown */ | ||
.dropdown-content a { | .dropdown-content a { | ||
| − | color: | + | color: white; |
| − | padding: | + | opacity: 0.0; |
| − | font-size: | + | padding: 0px 10px; |
| + | font-size: 20px; | ||
text-decoration: none; | text-decoration: none; | ||
| − | |||
display: block; | display: block; | ||
| + | transition: opacity 0.5s ease-in-out; | ||
} | } | ||
| Line 216: | Line 237: | ||
.dropdown:hover .dropdown-content { | .dropdown:hover .dropdown-content { | ||
display: block; | display: block; | ||
| + | opacity: 1.0; | ||
| + | } | ||
| + | |||
| + | .dropdown:hover .dropdown-content a { | ||
| + | opacity: 1.0; | ||
} | } | ||
| − | /* Change the background color of the dropdown button when the dropdown content is shown */ | + | /* Change the background color of the dropdown button when the dropdown content is shown*/ |
| − | . | + | .dropbtn:hover { |
background-color: #D49AE6; | background-color: #D49AE6; | ||
| + | color: white; | ||
} | } | ||
| + | #mainbanner{ | ||
| + | text-align: center; | ||
| + | } | ||
| − | + | #mainbanner{ | |
| − | + | display: block; | |
| + | margin: auto;; | ||
| + | } | ||
</style> | </style> | ||
| Line 236: | Line 268: | ||
<body> | <body> | ||
| − | |||
| − | |||
<header> | <header> | ||
<div id="headerLinks"> | <div id="headerLinks"> | ||
| − | + | <a href="https://2016.igem.org/Team:LambertGA" class="dropbtn">Home</a><!-- | |
| − | <a href="https://2016.igem.org/Team:LambertGA" class="dropbtn">Home</a> | + | --><li class="dropdown"> |
| − | <!-- | + | |
| − | + | ||
<a href="https://2016.igem.org/Team:LambertGA/Description" class="dropbtn">Project</a> | <a href="https://2016.igem.org/Team:LambertGA/Description" class="dropbtn">Project</a> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
| − | |||
<a href="https://2016.igem.org/Team:LambertGA/Description">Description</a> | <a href="https://2016.igem.org/Team:LambertGA/Description">Description</a> | ||
| + | <a href="https://2016.igem.org/Team:LambertGA/Design">Design</a> | ||
<a href="https://2016.igem.org/Team:LambertGA/Experiments">Experiments</a> | <a href="https://2016.igem.org/Team:LambertGA/Experiments">Experiments</a> | ||
<a href="https://2016.igem.org/Team:LambertGA/Proof">Proof of Concept</a> | <a href="https://2016.igem.org/Team:LambertGA/Proof">Proof of Concept</a> | ||
<a href="https://2016.igem.org/Team:LambertGA/Demonstrate">Demonstrate</a> | <a href="https://2016.igem.org/Team:LambertGA/Demonstrate">Demonstrate</a> | ||
</div> | </div> | ||
| − | </li> | + | </li><!-- |
| − | <!-- | + | --><li class="dropdown" > |
| − | + | ||
<a href="https://2016.igem.org/Team:LambertGA/Parts" class="dropbtn">Parts</a> | <a href="https://2016.igem.org/Team:LambertGA/Parts" class="dropbtn">Parts</a> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
| Line 262: | Line 289: | ||
<a href="https://2016.igem.org/Team:LambertGA/Part_Collection">Part Collection</a> | <a href="https://2016.igem.org/Team:LambertGA/Part_Collection">Part Collection</a> | ||
</div> | </div> | ||
| − | </li> | + | </li><!-- |
| − | <!-- | + | --><li class="dropdown" > |
| − | + | ||
<a href="https://2016.igem.org/Team:LambertGA/Team" class="dropbtn">Team</a> | <a href="https://2016.igem.org/Team:LambertGA/Team" class="dropbtn">Team</a> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
<a href="https://2016.igem.org/Team:LambertGA/Collaborations">Collaborations</a> | <a href="https://2016.igem.org/Team:LambertGA/Collaborations">Collaborations</a> | ||
</div> | </div> | ||
| − | </li> | + | </li><!-- |
| − | < | + | --><a href="https://2016.igem.org/Team:LambertGA/Attributions"class="dropbtn">Attributions</a><!-- |
| − | <a href="https://2016.igem.org/Team:LambertGA/Attributions"class="dropbtn">Attributions</a> | + | --><a href="https://2016.igem.org/Team:LambertGA/Safety"class="dropbtn">Safety</a><!-- |
| − | <a href="https://2016.igem.org/Team:LambertGA/Safety"class="dropbtn">Safety</a> | + | --><li class="dropdown" > |
| − | <!-- | + | |
| − | + | ||
<a href="https://2016.igem.org/Team:LambertGA/Human_Practices" class="dropbtn">Human Practices</a> | <a href="https://2016.igem.org/Team:LambertGA/Human_Practices" class="dropbtn">Human Practices</a> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
| Line 282: | Line 306: | ||
<a href="https://2016.igem.org/Team:LambertGA/HP/Engagements">Engagements</a> | <a href="https://2016.igem.org/Team:LambertGA/HP/Engagements">Engagements</a> | ||
</div> | </div> | ||
| − | </li> | + | </li><!-- |
| − | + | --><li class="dropdown" > | |
<a href="https://2016.igem.org/Team:LambertGA/Awards" class="dropbtn">Awards</a> | <a href="https://2016.igem.org/Team:LambertGA/Awards" class="dropbtn">Awards</a> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
| Line 293: | Line 317: | ||
</div> | </div> | ||
</li> | </li> | ||
| − | |||
</div> | </div> | ||
Revision as of 13:38, 8 October 2016
Safety
Team Safety
All team members involved in lab procedures were required to adhere to certain lab guidelines as outlined by our advisors. The lab safety rules include but are not limited to:
- Wash in, wash out
- Protect eyes, mucous membranes, open cuts and wounds from contact with biohazard material
- Do not eat or drink when in the lab area
- Always use gloves and splash-proof goggles
- Tie back loose hair
- Disinfect all surfaces with 70% ethanol prior to working
- Disinfect all disposable tips, glassware, tubes by soaking in 10% bleach solution for 20 minutes and then disposing in normal waste
- Dispose of growth plates by disposing into a biohazard container which get autoclaved
- Check all equipment for good working order, no chips, torn cords, cracks. Report any issues to an instructor immediately
- When pipetting, don’t touch tip to side of container
- Don’t lay caps of tubes upside down. Use masking tape to hold to bottom of cabinets
- Clean work area with 70% ethanol after working
- Clean up all glassware and labware before leaving lab
- Place all backpacks and stools to the side of the lab to keep walkways clear
- Always know the correct procedure for disposal of lab materials
Public Safety
We took certain measures to ensure that our project did not pose a threat to public safety. All E. coli strains handled were non-pathogenic, and are unlikely to survive in the wild even if released. All biomaterials were disposed of properly and all relevant lab equipment was autoclaved after use. Team members were not allowed outside of the lab while wearing gloves and refrained from touching doorknobs or any surfaces that would come in contact with the public. We cleaned all lab surfaces after use to ensure that others did not come in contact with our biomaterials.
Environmental Safety
To ensure that our project did not propose a hazard to the environment, we used only transformation strains that were purchased through New England Biolabs. Our project aim is to further characterize the degradation strength of two degradation tags, DAS and LAA, and as such our cell lines will never leave the lab They would not pose a threat to the environment being as they are non pathogenic and contained in a laboratory environment.
iGEM In The Lab
pictures will go here
