(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <head> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=Edge"/> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <style type="text/css"> | ||
− | |||
− | + | /*GOOGLE FONTS*/ | |
− | + | ||
− | + | /* latin */ | |
+ | @font-face { | ||
+ | font-family: 'Dosis'; | ||
+ | font-style: normal; | ||
+ | font-weight: 400; | ||
+ | src: local('Dosis Regular'), local('Dosis-Regular'), url(https://static.igem.org/mediawiki/2018/4/4d/T--MIT--dosis2.woff) format('woff'); | ||
+ | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; | ||
+ | } | ||
− | + | /* latin */ | |
+ | @font-face { | ||
+ | font-family: 'Raleway'; | ||
+ | font-style: normal; | ||
+ | font-weight: 400; | ||
+ | src: local('Raleway'), local('Raleway-Regular'), url(https://static.igem.org/mediawiki/2018/5/59/T--MIT--raleway2.woff) format('woff'); | ||
+ | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; | ||
+ | } | ||
+ | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, #sideMenu, #menubar, .logo_2017, .printfooter, .firstHeading,.visualClear { | ||
+ | display: none; | ||
+ | } /*-- hides default wiki settings --*/ | ||
− | + | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | |
− | + | border: 0 none; | |
+ | height: 3vw; | ||
+ | z-index: 100; | ||
+ | top: 0; | ||
+ | position: fixed; | ||
+ | width: 975px; | ||
+ | left: 50%; | ||
+ | margin-left: -487px; | ||
+ | } | ||
− | + | #top_title, #top { | |
+ | display: none; | ||
+ | z-index: -1000; | ||
+ | } | ||
− | + | .logo_2018 { | |
− | + | display: none; | |
− | + | z-index: -1000; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | #globalWrapper, #content { /*-- changes default wiki settings --*/ | |
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: none; | ||
+ | background-color: black; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | letter-spacing: normal; | ||
+ | |||
+ | font-weight: light; | ||
+ | } | ||
− | + | html, body, .wrapper { /*-- changes default wiki settings --*/ | |
− | + | width: 100%; | |
+ | height: 100%; | ||
+ | background-color: black; | ||
+ | } | ||
− | + | .menu { | |
+ | list-style-type: none; | ||
+ | margin: 0vw; | ||
+ | padding: .3vw; | ||
+ | /*overflow: hidden;*/ | ||
+ | background-color: #333; | ||
+ | position: fixed; | ||
+ | width: 100%; | ||
+ | height: 4.5vw; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px #2c2c2c; | ||
+ | -moz-box-shadow: 0 8px 6px -6px #2c2c2c; | ||
+ | box-shadow: 0 8px 6px -6px #2c2c2c; | ||
+ | top: 1.1vw; | ||
+ | z-index: 20; | ||
+ | } | ||
+ | .sub { | ||
+ | font-family: 'Dosis', sans-serif;; | ||
+ | font-size: 1.5vw; | ||
+ | float: left; | ||
+ | height: 4.5vw; | ||
+ | |||
+ | } | ||
− | + | .sub a { | |
+ | display: block; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | padding: 1vw 1.5vw; | ||
+ | text-decoration: none; | ||
+ | } | ||
− | + | .sub a:hover { | |
− | + | background-color: #410081; | |
+ | } | ||
+ | .active { | ||
+ | background-color: #9055ff; | ||
+ | } | ||
− | </ | + | .dropdown { |
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .dropdown-content { | ||
+ | font-family: 'Raleway', sans-serif;; | ||
+ | font-size: 1.2vw; | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | top: 4vw; | ||
+ | background-color: #2c2c2c; | ||
+ | min-width: 10vw; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .dropdown-content a { | ||
+ | color: white; | ||
+ | padding: .6vw .9vw; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .dropdown-content a:hover {background-color: #474747;} | ||
+ | |||
+ | .dropdown:hover .dropdown-content {display: block;} | ||
+ | |||
+ | body{ | ||
+ | margin:0; | ||
+ | } | ||
+ | .h{ | ||
+ | color: #410081; | ||
+ | font-family: 'Dosis', sans-serif;; | ||
+ | font-size: 3.7vw; | ||
+ | position: absolute; | ||
+ | line-height: 2.8vw; | ||
+ | } | ||
+ | |||
+ | .p{ | ||
+ | color: white; | ||
+ | font-family: 'Raleway', sans-serif;; | ||
+ | font-size: 1.8vw; | ||
+ | line-height: 2.8vw; | ||
+ | z-index: 5; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body > | ||
+ | |||
+ | <img class="bg" src="https://static.igem.org/mediawiki/2018/f/f8/T--MIT--MITHomeBG.png" style="width:100%;"> | ||
+ | <div class="menu"> | ||
+ | <div class="sub"><a class="active" href="#home">Home</a></div> | ||
+ | <div class="dropdown"> | ||
+ | <div class="sub"><a href="https://2018.igem.org/Team:MIT/Team">Team</a></div> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:MIT/Team">Team Members</a> | ||
+ | <a href="#">Collaborations</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <div class="sub"><a href="https://2018.igem.org/Team:MIT/Description">Project</a></div> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="#">Sensing</a> | ||
+ | <a href="#">Output</a> | ||
+ | <a href="#">Biofilm Assays</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <div class="sub"><a href="#project">Parts</a></div> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="#">Basic Parts</a> | ||
+ | <a href="#">Composite Parts</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="sub"><a href="#safety">Safety</a></div> | ||
+ | <div class="dropdown"> | ||
+ | <div class="sub"><a href="#project">Human Practices</a></div> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:MIT/Human_Practices">Integrated Human Practices</a> | ||
+ | <a href="#">Public Engagement</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="sub"><a href="#awards">Awards</a></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="h"style="position: absolute; top: 2vw; left: 2vw;"> | ||
+ | Safety | ||
+ | </div> | ||
+ | |||
+ | <div class="p" style="position: absolute; top: 4vw; left: 2vw;"> | ||
+ | In our project we are using HEK293 Cells which are a well documented line of cells that the team has been trained to handle properly. We are also using Streptococcus Mutans UA159, which is a strain of bacteria that is commonly found in the mouth. This strain of bacteria poses little to no threat to those that it could come in contact with unless they are immunocompromised. We also are not changing the S.Mutans’ DNA in any way to give them antibiotic resistance due to the chance that it could get out of the lab and cause harm to the environment. | ||
+ | </div> | ||
+ | <div class="p" style="position: absolute; top: 8vw; left: 2vw;"> | ||
+ | In our lab we consistently used proper PPE depending on what materials we were working with. Every team member was also required to go through lab specific trainings to be allowed to work with anything in the lab, and some of the team members were trained separately to deal with the s.mutans in the lab. While using the S.mutans we had a different set of procedures due to the bacteria’s vulnerability to contamination. This made it so that we used multiple sets of gloves during our experiments and also used a bunsen burner to decrease the likelihood of contamination. | ||
+ | </div> |
Revision as of 02:55, 14 October 2018
Safety
In our project we are using HEK293 Cells which are a well documented line of cells that the team has been trained to handle properly. We are also using Streptococcus Mutans UA159, which is a strain of bacteria that is commonly found in the mouth. This strain of bacteria poses little to no threat to those that it could come in contact with unless they are immunocompromised. We also are not changing the S.Mutans’ DNA in any way to give them antibiotic resistance due to the chance that it could get out of the lab and cause harm to the environment.
In our lab we consistently used proper PPE depending on what materials we were working with. Every team member was also required to go through lab specific trainings to be allowed to work with anything in the lab, and some of the team members were trained separately to deal with the s.mutans in the lab. While using the S.mutans we had a different set of procedures due to the bacteria’s vulnerability to contamination. This made it so that we used multiple sets of gloves during our experiments and also used a bunsen burner to decrease the likelihood of contamination.