JimmyChung (Talk | contribs) |
|||
Line 8: | Line 8: | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
+ | } | ||
+ | * {box-sizing: border-box;} | ||
+ | |||
+ | .myFirstSlides { | ||
+ | display: none | ||
+ | } | ||
+ | |||
+ | .mySecondSlides { | ||
+ | display: none | ||
+ | } | ||
+ | |||
+ | img { | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | /* Slideshow container */ | ||
+ | .first-slideshow-container, .second-slideshow-container { | ||
+ | max-width: 1000px; | ||
+ | position: relative; | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | /* Next & previous buttons */ | ||
+ | .prev, .next { | ||
+ | cursor: pointer; | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | width: auto; | ||
+ | padding: 16px; | ||
+ | margin-top: -22px; | ||
+ | color: white; | ||
+ | font-weight: bold; | ||
+ | font-size: 18px; | ||
+ | transition: 0.6s ease; | ||
+ | border-radius: 0 3px 3px 0; | ||
+ | } | ||
+ | |||
+ | /* Position the "next button" to the right */ | ||
+ | .next { | ||
+ | right: 0; | ||
+ | border-radius: 3px 0 0 3px; | ||
+ | } | ||
+ | |||
+ | /* On hover, add a black background color with a little bit see-through */ | ||
+ | .prev:hover, .next:hover { | ||
+ | background-color: rgba(0,0,0,0.8); | ||
+ | } | ||
+ | |||
+ | /* Caption text */ | ||
+ | .text { | ||
+ | color: #727272; | ||
+ | font-size: 20px; | ||
+ | padding: 8px 12px; | ||
+ | position: relative; | ||
+ | bottom: 0px; | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | /* Number text (1/3 etc) */ | ||
+ | .numbertext { | ||
+ | color: #f2f2f2; | ||
+ | font-size: 22px; | ||
+ | padding: 8px 12px; | ||
+ | position: relative; | ||
+ | top: 40px; | ||
+ | } | ||
+ | |||
+ | /* The dots/bullets/indicators */ | ||
+ | .dot1, .dot2 { | ||
+ | cursor: pointer; | ||
+ | height: 15px; | ||
+ | width: 15px; | ||
+ | margin: 0 2px; | ||
+ | background-color: #bbb; | ||
+ | border-radius: 50%; | ||
+ | display: inline-block; | ||
+ | transition: background-color 0.6s ease; | ||
+ | } | ||
+ | |||
+ | .active, .dot1:hover, .dot2:hover { | ||
+ | background-color: #717171; | ||
+ | } | ||
+ | |||
+ | /* On smaller screens, decrease text size */ | ||
+ | @media only screen and (max-width: 300px) { | ||
+ | .prev, .next,.text {font-size: 11px} | ||
} | } | ||
</style> | </style> | ||
Line 30: | Line 117: | ||
<p>All of our work is done under the direct supervision of Dr. Martin Petkovich, Dr. Donald Cameron, Dr. Virginia Walker or Kristy Moniz to ensure lab equipment and materials are being utilized in a safe and effective manner.</p> | <p>All of our work is done under the direct supervision of Dr. Martin Petkovich, Dr. Donald Cameron, Dr. Virginia Walker or Kristy Moniz to ensure lab equipment and materials are being utilized in a safe and effective manner.</p> | ||
</div> | </div> | ||
+ | |||
+ | <div class="first-slideshow-container" style="width:70%;margin-left:24%"> | ||
+ | |||
+ | <div class="myFirstSlides"> | ||
+ | <div class="numbertext">1 / 3</div> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/a/a5/T--Queens_Canada--ScienceRendezvous1.jpeg" style="width=100%"/> | ||
+ | <div class="text">Young children and their parents were both very intrigued by the fruit fly cross-sections prepared by our volunteer.</div> | ||
+ | </div> | ||
+ | |||
+ | <div class="myFirstSlides"> | ||
+ | <div class="numbertext">2 / 3</div> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/f/f2/T--Queens_Canada--ScienceRendezvous2.jpeg" style="width=100%"/> | ||
+ | <div class="text">Children of all ages are lining up for the microscope station. Here, you can also see samples of kiwi DNA extractions on disply with handouts | ||
+ | showing components of a cell.</div> | ||
+ | </div> | ||
+ | |||
+ | <div class="myFirstSlides"> | ||
+ | <div class="numbertext">3 / 3</div> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/e/e8/T--Queens_Canada--ScienceRendezvous3.jpeg" style="width=100%"/> | ||
+ | <div class="text">Our outreach volunteer Ruben Warkentin was very delighted that children and parents enjoyed the Virtual Reality headset and it gave him the | ||
+ | perfect opportunity to explain the components of a cell.</div> | ||
+ | </div> | ||
+ | |||
+ | <a class="prev" onclick="plusFirstSlides(-1)">❮</a> | ||
+ | <a class="next" onclick="plusFirstSlides(1)">❯</a> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
<footer style="background-color: #212121;height:90px "> | <footer style="background-color: #212121;height:90px "> | ||
<div class="container"> | <div class="container"> | ||
Line 104: | Line 220: | ||
</div> | </div> | ||
</footer> | </footer> | ||
+ | |||
+ | <script> | ||
+ | var firstSlideIndex = 1; | ||
+ | showFirstSlides(firstSlideIndex); | ||
+ | |||
+ | function plusFirstSlides(n) { | ||
+ | showFirstSlides(firstSlideIndex += n); | ||
+ | } | ||
+ | |||
+ | function currentFirstSlide(n) { | ||
+ | showFirstSlides(firstSlideIndex = n); | ||
+ | } | ||
+ | |||
+ | function showFirstSlides(n) { | ||
+ | var i; | ||
+ | var slides = document.getElementsByClassName("myFirstSlides"); | ||
+ | var dots = document.getElementsByClassName("dot1"); | ||
+ | if (n > slides.length) {firstSlideIndex = 1} | ||
+ | if (n < 1) {firstSlideIndex = slides.length} | ||
+ | for (i = 0; i < slides.length; i++) { | ||
+ | slides[i].style.display = "none"; | ||
+ | } | ||
+ | for (i = 0; i < dots.length; i++) { | ||
+ | dots[i].className = dots[i].className.replace(" active", ""); | ||
+ | } | ||
+ | slides[firstSlideIndex-1].style.display = "block"; | ||
+ | dots[firstSlideIndex-1].className += " active"; | ||
+ | } | ||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 04:40, 14 October 2018
Safety
By ensuring all of our QGEM team members have undergone the necessary laboratory safety training, Workplace Hazardous Materials Information System (WHMIS) training and Biosafety Level 1 training, we are creating a safe and informed workplace.
Prior to any experiments, the required SDS are read to ensure all relevant safety information, personal protective equipment (PPE) is worn and all necessary precautions are taken to avoid any harm to lab workers and the environment.
Lab safety training includes the following:
- Location and use of fire alarms, exits, and extinguishers
- Location and use of eyewash stations, safety showers, first aid kits, chemical spill kits and response cards, laboratory gas shut off valves
- Standard laboratory safety rules, including proper lab wear, protective gear, use of hazardous equipment
- Proper method of disposal and spill response for biohazardous materials, sharps, chemicals, radioactive material, ethidium bromide gels
- Proper use and handling of autoclaves (undergone with the department's designated trainer)
Risk Group 1 (non-pathogenic organisms) Escherichia coli DH5-a strain in regulation with the Canadian Biosafety Standards was used for plasmid housing, has no 'natural' environment or habitat as it does not exist in nature. The primary strain of E. coli used for expression was BL21 and it does not pose any threat to laboratory workers, the general public, or the environment. Standard lab biosafety regulations were followed to ensure that any modified strains were not introduced to people or the environment outside of the lab.
All of our work is done under the direct supervision of Dr. Martin Petkovich, Dr. Donald Cameron, Dr. Virginia Walker or Kristy Moniz to ensure lab equipment and materials are being utilized in a safe and effective manner.