Difference between revisions of "Team:WPI-Worcester/Safety"
(Prototype team page) |
Cllajeunesse (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | + | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> | |
− | <html> | + | <head> |
− | < | + | |
− | < | + | <body> |
− | < | + | <style> |
+ | a{ | ||
+ | color:#ffaac6; | ||
+ | } | ||
− | + | a:hover { | |
+ | color:#ffaac6; | ||
+ | } | ||
− | + | a:visited | |
+ | color:#ffaac6 | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | H10 { | |
+ | font-family: Century Gothic; | ||
+ | text-transform: none; | ||
+ | text-decoration: none; | ||
+ | text-align: left; | ||
+ | color: #000000; | ||
+ | font-size: 10pt; | ||
+ | } | ||
− | + | H2 { | |
+ | font-family: Cambria; | ||
+ | text-transform: uppercase; | ||
+ | text-decoration: none; | ||
+ | text-align: center; | ||
+ | color: #ffaac6; | ||
+ | font-size: 20pt; | ||
+ | font-weight: bold; | ||
+ | } | ||
− | |||
− | + | H3 { | |
+ | font-family: Cambria; | ||
+ | text-transform: none; | ||
+ | text-decoration: none; | ||
+ | text-align: left; | ||
+ | color: #bd93db; | ||
+ | font-size: 16pt; | ||
+ | } | ||
+ | H4 { | ||
+ | font-family: Cambria; | ||
+ | text-transform: none; | ||
+ | text-decoration: none; | ||
+ | text-align: left; | ||
+ | color: #A9b0b7; | ||
+ | font-size: 16pt; | ||
+ | } | ||
+ | H5 { | ||
+ | font-family: Century Gothic; | ||
+ | text-transform: none; | ||
+ | text-decoration: none; | ||
+ | text-align: left; | ||
+ | color: #000000; | ||
+ | font-size: 11pt; | ||
+ | margin: 0px | ||
+ | padding-left: 0px; | ||
+ | padding-right: 0px | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | body { | ||
+ | background-image: url("https://static.igem.org/mediawiki/2015/3/37/WPI_background.jpg"); | ||
+ | background-color: #ffffff; | ||
+ | font-family: Century Gothic; | ||
+ | font-size: 10pt; | ||
+ | |||
+ | } | ||
+ | |||
+ | .double-border { | ||
+ | background-color: #ccc; | ||
+ | border: 4px solid #fff; | ||
+ | padding: 2em; | ||
+ | width: 16em; | ||
+ | height: 16em; | ||
+ | position: relative; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | .double-border:before { | ||
+ | background: none; | ||
+ | border: 4px solid #fff; | ||
+ | content: ""; | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | top: 4px; | ||
+ | left: 4px; | ||
+ | right: 4px; | ||
+ | bottom: 4px; | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | |||
+ | #tracking_nav | ||
+ | { | ||
+ | margin: 0px 0px 0px 1000px; | ||
+ | position: fixed; | ||
+ | color:#bababa; | ||
+ | border: /*1px solid #ffaac6;*/ | ||
+ | background:#ffaac6; | ||
+ | font-size: 16pt; | ||
+ | padding: 0px; | ||
+ | line-height: 100%; | ||
+ | } | ||
+ | |||
+ | #tracking_nav a { color:#555555; text-transform: lowercase;font-size: 16pt;} | ||
+ | #tracking_nav a:hover {background:#ffffff;} | ||
+ | |||
+ | #nav li { | ||
+ | color: #555555; | ||
+ | background-color:#ffffff; | ||
+ | margin: 50px 50px; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | list-style: none; | ||
+ | text-transform: none; | ||
+ | font-size: 12pt; | ||
+ | } | ||
+ | |||
+ | /* main level link */ | ||
+ | #nav a { | ||
+ | font-weight: bold; | ||
+ | color: #555555; | ||
+ | text-decoration: none; | ||
+ | /* border-radius: 10px; | ||
+ | border-left-style: solid; | ||
+ | border-right-style: solid; | ||
+ | border-color: #000000; | ||
+ | border-width: 1px;*/ | ||
+ | |||
+ | display: block; | ||
+ | padding: 4px 16px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | #nav a:hover { | ||
+ | background-color: #ffffff; | ||
+ | color: #555555; | ||
+ | } | ||
+ | |||
+ | /* main level link hover */ | ||
+ | #nav .current a, #nav li:hover > a { | ||
+ | color: #555555; | ||
+ | background-color: #ffaac6; | ||
+ | } | ||
+ | |||
+ | /* sub levels link hover */ | ||
+ | #nav ul li:hover a, #nav li:hover li a { | ||
+ | /*border: solid; | ||
+ | border-color: #000000; | ||
+ | border-width: 1px;*/ | ||
+ | background-color: #ffaac6; | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | #nav ul a:hover { | ||
+ | background: #aac6ff url(img/gradient.png) repeat-x 0 -100px !important; | ||
+ | color: #ffaac6 !important; | ||
+ | text-shadow: 0 1px 1px rgba(0,0,0, .1); | ||
+ | font-size: 12pt; | ||
+ | } | ||
+ | |||
+ | /* dropdown */ | ||
+ | #nav li:hover > ul { | ||
+ | display: block; | ||
+ | background-color: #aac6ff; | ||
+ | } | ||
+ | |||
+ | /* level 2 list */ | ||
+ | #nav ul { | ||
+ | display: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | width: 205px; | ||
+ | position: absolute; | ||
+ | top: 100px; | ||
+ | left: 0; | ||
+ | } | ||
+ | |||
+ | #nav ul li { | ||
+ | float: none; | ||
+ | margin: 0px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #nav ul a { | ||
+ | font-weight: normal; | ||
+ | text-shadow: 0 1px 0 #555555; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #nav { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | /*hide default igem banner and reformat style into blank slate*/ | ||
+ | #globalWrapper {width: 100%;} | ||
+ | #top-section {width: 100%; height:5px; border:none;} | ||
+ | #p-logo {display:none;} | ||
+ | #search-controls {display:none;} | ||
+ | #menubar a {color:#ffffff;} | ||
+ | #menubar a:hover{text-decoration:none; color:#52749C;} | ||
+ | .left-menu {background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:0;} | ||
+ | .left-menu ul {background-color:#FFFFFF; margin:0; padding:0;} | ||
+ | .right-menu ul li a {background-color:#FFFFFF;} | ||
+ | .printfooter {display:none;} | ||
+ | #footer-box {border:none;} | ||
+ | #catlinks {display:none;} | ||
+ | .firstHeading {display:none;} | ||
+ | #content {width: 100%; border:none; padding:0px 50px 0px 50px} | ||
+ | #bodyContent {border:none;} | ||
+ | |||
+ | /*actual content styles*/ | ||
+ | body {width: 1000px; margin:auto;} | ||
+ | <div id="centered"> | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | .navbar li {color: #555555;} | ||
+ | .navbar li a {color: #555555;} | ||
+ | .navbar li a:hover {background:#69d01d; color: #555555;} | ||
+ | |||
+ | /*only use for current page content header*/ | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | <style type="text/css"> | ||
+ | /* MAIN STYLE DEFINITIONS */ | ||
+ | a{ | ||
+ | color:#ffaac6; | ||
+ | } | ||
+ | |||
+ | a:hover { | ||
+ | color:#ffaac6; | ||
+ | } | ||
+ | |||
+ | a:visited{ | ||
+ | color:#ffaac6; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | body { | ||
+ | background-image: url("https://static.igem.org/mediawiki/2015/3/37/WPI_background.jpg"); | ||
+ | background-color: #FFFFFF; | ||
+ | font-family: Century Gothic; | ||
+ | font-size: 10pt; | ||
+ | } | ||
+ | |||
+ | |||
+ | #nav li { | ||
+ | color: #555555; | ||
+ | background-color:#ffffff; | ||
+ | margin: 0 0px; | ||
+ | position: relative; | ||
+ | list-style: none; | ||
+ | float: left; | ||
+ | text-transform:none; | ||
+ | font-size: 14pt; | ||
+ | font-family: Century Gothic; | ||
+ | } | ||
+ | |||
+ | /* main level link */ | ||
+ | #nav a { | ||
+ | font-weight: bold; | ||
+ | color: #555555; | ||
+ | text-decoration: none; | ||
+ | /*border-left-style: solid; | ||
+ | border-right-style: solid; | ||
+ | border-color: #000000; | ||
+ | border-width: 1px;*/ | ||
+ | |||
+ | display: block; | ||
+ | padding: 4px 16px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | #nav a:hover { | ||
+ | background-color: #ffffff; | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | /* main level link hover */ | ||
+ | #nav .current a, #nav li:hover > a { | ||
+ | color: #ffffff; | ||
+ | background-color: #ffaac6; | ||
+ | } | ||
+ | |||
+ | /* sub levels link hover */ | ||
+ | #nav ul li:hover a, #nav li:hover li a { | ||
+ | /*border: solid; | ||
+ | border-color: #000000; | ||
+ | border-width: 1px; | ||
+ | background-color: #ffaac6; | ||
+ | color: #ffffff;*/ | ||
+ | } | ||
+ | |||
+ | #nav ul a:hover { | ||
+ | background: #fff url(img/gradient.png) repeat-x 0 -100px !important; | ||
+ | color: #ffaac6 !important; | ||
+ | text-shadow: 0 1px 1px rgba(0,0,0, .1); | ||
+ | } | ||
+ | |||
+ | /* dropdown */ | ||
+ | #nav li:hover > ul { | ||
+ | display: block; | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | |||
+ | /* level 2 list */ | ||
+ | #nav ul { | ||
+ | display: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 1px | ||
+ | width: 205px; | ||
+ | position: absolute; | ||
+ | top: 46px; | ||
+ | left: 0; | ||
+ | } | ||
+ | |||
+ | #nav ul li { | ||
+ | float: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #nav ul a { | ||
+ | font-weight: normal; | ||
+ | text-shadow: 0 1px 0 #fff; | ||
+ | font-size: 12pt; | ||
+ | } | ||
+ | |||
+ | /* clearfix */ | ||
+ | #nav:after { | ||
+ | content: "."; | ||
+ | display: block; | ||
+ | clear: both; | ||
+ | visibility: hidden; | ||
+ | line-height: 0; | ||
+ | height: 0; | ||
+ | } | ||
+ | |||
+ | #nav { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | |||
+ | |||
+ | <div id="igemlogo"> | ||
+ | <a href="https://2015.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2015/2/2b/WPI_iGEMlogo.png" alt="iGEM 2015 main page" style="position: absolute; top: 50px; right: 20px;"width="125"></a> | ||
+ | </div> | ||
+ | |||
+ | <p style="text-align:center;"><a href="https://2015.igem.org/Team:WPI-Worcester"><img src="https://static.igem.org/mediawiki/2015/1/14/2015_temp_header.png" width="900px" length="200px"></a></p> | ||
+ | |||
+ | |||
+ | <div id="wpilogo"> | ||
+ | <a href="https://2015.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2015/thumb/b/be/WPI_Teamlogo.png/380px-WPI_Teamlogo.png" alt="iGEM 2015 main page" style="position: absolute; top: 20px; left: 20px;"width="100"></a> | ||
+ | </div> | ||
+ | |||
+ | <ul id="nav"> | ||
+ | <li> <a href="https://2015.igem.org/Team:WPI-Worcester/Team"><center></center><p>Team</p></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Gallery">Gallery</a></li> | ||
+ | <li><a href="https://igem.org/Team.cgi?id=1423">Official Page</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Medal-Fulfillment"><center></center><p>Medal Fulfillment</p></a> | ||
+ | |||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Project"><center></center><p>Project</p></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Background">Background</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Results">Results</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Future-Applications">Future Applications</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Parts"><center></center><p>Parts</p></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Our-Construct">Our Construct</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Proof-of-Principle">Proof of Principle</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Filler">Characterization</a></li> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Notebook"></center><p>Notebook</p></a> | ||
+ | <ul> | ||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Protocols">Protocols</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Practices"></center><p>Practices</p></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Outreach">Outreach</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Interlab">Interlab Study</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Beyond-the-Bench">Beyond the Bench</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Safety">Safety</a></li> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | <li> <a href="https://2015.igem.org/Team:WPI-Worcester/Collaborations"><center></center><p>Collaborations</p></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Filler">Filler</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Filler">Filler</a></li> | ||
+ | </ul> | ||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Attributions"><center></center><p>Attributions</p></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Sponsors">Sponsors</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </body> | ||
+ | |||
+ | </br> | ||
+ | <div class=”myStyleClass” style=”padding-left:40px;”> | ||
+ | |||
+ | <blockquote> | ||
+ | |||
+ | <h2>Safety</h2> | ||
+ | <p style="text-indent: 2em;"><h10>Before our team gathered in Worcester for our summer lab work, each member of the team took an online lab safety course courtesy of our university to ensure that we were trained in the handling and disposal of biohazardous materials. The course consisted of a series of informational videos followed by quizzes that gauged how much we retained from the online training. All of WPI’s laboratory safety requirements and materials can be found <a href="http://www.wpi.edu/offices/safety/laboratory.html">here</a>. | ||
+ | </h10></p> | ||
+ | |||
+ | </blockquote> | ||
+ | </br> | ||
+ | </br> | ||
+ | </br> | ||
+ | |||
</html> | </html> |
Revision as of 17:37, 3 September 2015
Notebook
Practices
Collaborations
Attributions
Safety
Before our team gathered in Worcester for our summer lab work, each member of the team took an online lab safety course courtesy of our university to ensure that we were trained in the handling and disposal of biohazardous materials. The course consisted of a series of informational videos followed by quizzes that gauged how much we retained from the online training. All of WPI’s laboratory safety requirements and materials can be found here.