(26 intermediate revisions by 3 users not shown) | |||
Line 6: | Line 6: | ||
<title>About Us</title> | <title>About Us</title> | ||
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
<style type='text/css'> | <style type='text/css'> | ||
#top_title, | #top_title, | ||
Line 41: | Line 36: | ||
<div class="yellow"> | <div class="yellow"> | ||
<div class="box right"> | <div class="box right"> | ||
− | <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Background | + | <div class="box2 right project" href="https://2017.igem.org/Team:TAS_Taipei/Background"> |
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/0/00/T--TAS_Taipei--Project_C.png" id="dna"> |
+ | <h6 class="navCap">Project</h6> | ||
</div> | </div> | ||
− | <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary | + | <div class="box2 right experiment" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary"> |
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/b/b0/T--TAS_Taipei--Exp_C.png" id="dna"> |
+ | <h6 class="navCap">Experiments</h6> | ||
</div> | </div> | ||
− | <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Model | + | <div class="box2 right modeling" href="https://2017.igem.org/Team:TAS_Taipei/Model"> |
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/b/be/T--TAS_Taipei--Modeling_C.png" id="dna"> |
+ | <h6 class="navCap">Modeling</h6> | ||
</div> | </div> | ||
− | <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/ | + | <div class="box2 right prototype" href="https://2017.igem.org/Team:TAS_Taipei/Applied_Design"> |
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/2/2e/T--TAS_Taipei--Prototype_C.png" id="dna"> |
+ | <h6 class="navCap">Prototype</h6> | ||
</div> | </div> | ||
− | <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices | + | <div class="box2 right policy" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices"> |
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/4/42/T--TAS_Taipei--HP2_C.png" id="dna"> |
+ | <h6 class="navCap">Human Practices</h6> | ||
</div> | </div> | ||
− | <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Safety | + | <div class="box2 right biosafety" href="https://2017.igem.org/Team:TAS_Taipei/Safety"> |
− | <img src="https://static.igem.org/mediawiki/2017/b/ | + | <img src="https://static.igem.org/mediawiki/2017/b/b8/T--TAS_Taipei--Biosafety_C.png" id="dna"> |
+ | <h6 class="navCap">Safety</h6> | ||
</div> | </div> | ||
− | <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Team | + | <div class="box2 right about" href="https://2017.igem.org/Team:TAS_Taipei/Team"> |
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/1/1a/T--TAS_Taipei--About_Us_C.png" id="dna"> |
+ | <h6 class="navCap">About Us</h6> | ||
</div> | </div> | ||
− | <div class="box2 right" href="https://2017.igem.org/Team:TAS_Taipei/Attributions | + | <div class="box2 right acknowledgments" href="https://2017.igem.org/Team:TAS_Taipei/Attributions"> |
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/5/52/T--TAS_Taipei--Attributions_C.png" id="dna"> |
+ | <h6 class="navCap">Attributions</h6> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="blue"> | <div class="blue"> | ||
− | <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Background | + | <div class="box3 left project" href="https://2017.igem.org/Team:TAS_Taipei/Background"> |
<h1>Project</h1> | <h1>Project</h1> | ||
</div> | </div> | ||
− | <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary | + | <div class="box3 left experiment" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary"> |
<h1>Experiment</h1> | <h1>Experiment</h1> | ||
</div> | </div> | ||
− | <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Model | + | <div class="box3 left modeling" href="https://2017.igem.org/Team:TAS_Taipei/Model"> |
<h1>Modeling</h1> | <h1>Modeling</h1> | ||
</div> | </div> | ||
− | <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/ | + | <div class="box3 left prototype" href="https://2017.igem.org/Team:TAS_Taipei/Applied_Design"> |
<h1>Prototype</h1> | <h1>Prototype</h1> | ||
</div> | </div> | ||
− | <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices | + | <div class="box3 left policy" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices"> |
<h1>Human Practice</h1> | <h1>Human Practice</h1> | ||
</div> | </div> | ||
− | <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Safety | + | <div class="box3 left biosafety" href="https://2017.igem.org/Team:TAS_Taipei/Safety"> |
− | <h1> | + | <h1>Safety</h1> |
</div> | </div> | ||
− | <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Team | + | <div class="box3 left about" href="https://2017.igem.org/Team:TAS_Taipei/Team"> |
<h1>About Us</h1> | <h1>About Us</h1> | ||
</div> | </div> | ||
− | <div class="box3 left" href="https://2017.igem.org/Team:TAS_Taipei/Attributions | + | <div class="box3 left acknowledgments" href="https://2017.igem.org/Team:TAS_Taipei/Attributions"> |
<h1>Attributions</h1> | <h1>Attributions</h1> | ||
</div> | </div> | ||
Line 97: | Line 100: | ||
</box> | </box> | ||
<!--全版面大型看板開始--> | <!--全版面大型看板開始--> | ||
− | <div class="jumbotron"> | + | <div class="jumbotron" id="safety-jumbo"> |
<div class="container"> | <div class="container"> | ||
− | <h1> | + | <h1>Safety</h1> |
− | <h4> | + | <h4>Safety first--especially in the lab.</h4> |
</div> | </div> | ||
+ | <a href="#cv"><img src="https://static.igem.org/mediawiki/2017/4/4a/T--TAS_Taipei--Chevron_500px_200ppi.png" alt="test" id="chevron"></a> | ||
</div> | </div> | ||
<!--全版面大型看板結尾--> | <!--全版面大型看板結尾--> | ||
− | + | <div class="cv" id="cv"> | |
− | < | + | <div class="row"> |
− | + | <nav class="pageNav col-lg-1"> | |
− | + | <ul class="nav"> | |
− | + | <li> | |
− | + | <a href="#safe" class="pageNavBig">SAFETY</a> | |
− | + | </li> | |
− | </div> | + | <li> |
+ | <a href="#specific" class="pageNavBig">PROJECT SPECIFIC BIOSAFETY</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#np" class="pageNavSm">Nanoparticles</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#pro" class="pageNavSm">Prototype</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#ref" class="pageNavBig">REFERENCES</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | <div class="white col-lg-2"> | ||
+ | hi | ||
</div> | </div> | ||
− | + | <div class="col-lg-10"> | |
− | + | <!-- header --> | |
− | + | <header> | |
− | + | <div class="row" id=""> | |
− | + | <h1 class="name col-lg-12" id="safe">SAFETY</h1> | |
− | + | </div> | |
− | < | + | <div class="row this_border"></div> |
− | + | </header> | |
− | + | <section class="main"> | |
− | </ | + | <div class="row"> |
− | < | + | <h4 class="para col-lg-12"> Our lab at TAS is classified as Biosafety Level 1, which means the lab uses microbes that pose little to no risk to healthy individuals. Hazardous chemicals and solutions are used at a minimal level and in well ventilated areas such as fume hoods in the TAS research lab. For instance, we do not use EtBr for gel electrophoresis. Instead, we use a safer nucleic acid stain called Seeing Safe DNA Dye. Nevertheless, all chemicals and solutions are still treated with all due respect, care, and caution. MSDS are stored on our lab computers and in a folder on the lab technician's desk. |
− | < | + | </h4> |
− | + | </div> | |
− | + | <div class="row"> | |
− | + | <h4 class="para col-lg-12"> We work with a safe and common lab strain, <i>E. coli</i> K-12 (DH5alpha), and follow safety rules set by our lab instructor. We have our own biosafety committee, which consists of three research teachers Dr. Teresa Chiang, Mr. Jude Clapper, and Mr. Alex Dezieck. They oversee proper work area conditions by checking on disposal of Petri dishes and liquid wastes, sanitation, and teaching proper laboratory techniques. Our guidelines, taken from National Yang-Ming University's Center of Environmental Protection and Safety, cover many safety rules and procedures ranging from lab specific rules to behaviour. For example, we prohibit food, open-toed shoes and drinks in the lab. We also have a thorough clean up procedure. For example, we have waste bins for used tips, which are autoclaved before disposal, and liquid wastes are bleached. Nanoparticle (NP) waste is carefully packaged and then sent to a disposal facility to ensure no hazardous materials are mismanaged. | |
− | + | </h4> | |
− | + | </div> | |
− | + | <div class="row"> | |
− | + | <div class="image_container col-lg-8 col-lg-offset-2"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/0/01/T--TAS_Taipei--Safety_1-min.jpg" alt="test" id="group"> | |
− | + | </div> | |
− | + | </div><br> | |
− | <div class=" | + | <div class="row"> |
− | + | <h4 class="para col-lg-12"> In Taiwan, there are many laws and regulations regarding biosafety in research labs. These can be found in the National Yang-Ming University's Center of Environmental Protection and Safety and Health page linked <a href="http://ces-e.web.ym.edu.tw/bin/home.php">here</a>. Guidelines can be found <a href="http://ces.web.ym.edu.tw/files/11-1151-5.php?Lang=zh-tw">here</a>. | |
− | + | </h4> | |
− | + | </div> | |
− | + | <div class="row" id="specific"> | |
− | + | <h1 class="title2 col-lg-12">PROJECT-SPECIFIC BIOSAFETY</h1> | |
− | <div class=" | + | </div> |
− | + | <div class="row" id="np"> | |
− | + | <h1 class="section-title col-lg-12">Nanoparticles</h1> | |
− | + | </div> | |
− | + | <div class="row"> | |
− | + | <h4 class="para col-lg-12"> | |
− | + | Upon seeing the increased usage of NPs in medical, industrial, and consumer products, our team looked into rules and regulations regarding disposal of NPs. Since we were going to be using NPs in our research, we needed to make sure that we were disposing our waste properly. We discovered there are few regulations on NPs, but we found a local company (THEPS LIMITED) to pick up our own NP waste products, which are then transported to Cheng Gong University for incineration. | |
− | + | </h4> | |
− | + | </div> | |
− | + | <div class="row" id="pro"> | |
− | + | <h1 class="section-title col-lg-12">Prototype</h1> | |
− | + | </div> | |
− | + | <div class="row"> | |
− | + | <h4 class="para col-lg-12"> | |
− | <h4 class="para"> | + | We have chosen to <b>use a safe and common lab strain of <i>E. coli</i>, K-12, as our chassis</b> (Environmental Protection Agency 1977). In both approaches, our constructs do not express proteins associated with virulence. PR is a membrane protein that commonly exists in marine bacteria. As for biofilm production, we were careful to avoid known virulence factors such as alpha hemolysins (<i>Fattahi et al.</i> 2015). However, biofilms are sometimes associated with health problems, so we plan to only use our biofilm in wastewater treatment plants (WWTPs). <b>Biosafety is built into WWTPs</b>; before treated effluent is released back into the environment, it must go through a final disinfection step, where chlorine, ozone, or UV radiation are used to kill microbes still present in the wastewater (Pescod 1992). |
− | + | </h4> | |
− | + | </div> | |
− | + | <div class="row" id="ref"> | |
− | + | <h1 class="title2 col-lg-12">REFERENCES</h1> | |
− | + | </div> | |
− | <h4 class="para"> | + | <div class="row"> |
− | + | <h4 class="para col-lg-12"> | |
− | + | Environmental Protection Agency. (1977). Final Risk Assessment of Escherichia Coli K-12 Derivatives . EPA. Retrieved from https://www.epa.gov/sites/production/files/2015-09/documents/fra004.pdf. | |
− | + | <br><br> | |
− | + | Fattahi, S., Kafil, H. S., Nahai, M. R., Asgharzadeh, M., Nori, R., & Aghazadeh, M. (2015). Relationship of biofilm formation and different virulence genes in uropathogenic Escherichia coli isolates from Northwest Iran. GMS Hygiene and Infection Control, 10, Doc11. http://doi.org/10.3205/dgkh000254 | |
− | + | <br><br> | |
− | <h4 class="para"> | + | Pescod, M. (1992). Wastewater treatment and use in agriculture (Vol. 47). Rome: United Nations. |
− | + | ||
− | + | ||
− | + | </h4> | |
+ | </div> | ||
+ | </section> | ||
</div> | </div> | ||
− | </ | + | </div> |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
<script> | <script> | ||
+ | $("a").on('click', function(event) { | ||
+ | if (this.hash !== "") { | ||
+ | event.preventDefault(); | ||
+ | var hash = this.hash; | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $(hash).offset().top | ||
+ | }, 300, function() { | ||
+ | // Add hash (#) to URL when done scrolling (default click behavior) | ||
+ | window.location.hash = hash; | ||
+ | }); | ||
+ | } | ||
+ | }); | ||
$(function() { | $(function() { | ||
$('.yellow').removeClass('active'); | $('.yellow').removeClass('active'); | ||
Line 273: | Line 217: | ||
$('.yellow').addClass('active'); | $('.yellow').addClass('active'); | ||
} | } | ||
+ | $('.navCap').addClass('deactive'); | ||
}); | }); | ||
Line 281: | Line 226: | ||
$('.yellow').removeClass('active'); | $('.yellow').removeClass('active'); | ||
} | } | ||
+ | $('.navCap').removeClass('deactive'); | ||
}); | }); | ||
− | |||
$('.box2').click(function() { | $('.box2').click(function() { | ||
Line 328: | Line 273: | ||
$('.home').removeClass('deactive'); | $('.home').removeClass('deactive'); | ||
}) | }) | ||
− | |||
+ | $('.jumbotron').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.cv').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.project').mouseenter(function() { | ||
+ | $('.project').addClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.experiment').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').addClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.modeling').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').addClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.prototype').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').addClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.biosafety').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').addClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.about').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').addClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.policy').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').addClass('active'); | ||
+ | $('.acknowledgments').removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $('.acknowledgments').mouseenter(function() { | ||
+ | $('.project').removeClass('active'); | ||
+ | $('.experiment').removeClass('active'); | ||
+ | $('.modeling').removeClass('active'); | ||
+ | $('.prototype').removeClass('active'); | ||
+ | $('.biosafety').removeClass('active'); | ||
+ | $('.about').removeClass('active'); | ||
+ | $('.policy').removeClass('active'); | ||
+ | $('.acknowledgments').addClass('active'); | ||
+ | }); | ||
+ | }) | ||
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 09:28, 1 November 2017
X
Project
Experiments
Modeling
Prototype
Human Practices
Safety
About Us
Attributions
Project
Experiment
Modeling
Prototype
Human Practice
Safety
About Us
Attributions
hi