Team:TU-Eindhoven/Safety

$(document).ready(function() { //uitklap zooi van hans JW is een BITCH HANS is CRACKIE $('.spoilerbutton').click(function() { var id = "spoiler" + $(this).attr("id").match(/\d+/); if ($(this).attr("src").indexOf("Uitgeklapt") != -1) { $(this).attr("src","https://static.igem.org/mediawiki/2015/8/87/TU_Eindhoven_Ingeklapt.png"); $('#' + id).slideToggle(); } else { $(this).attr("src","https://static.igem.org/mediawiki/2015/6/65/TU_Eindhoven_Uitgeklapt.png"); $('#' + id).slideToggle(); }; var element = $(this); element.css("pointer-events","none"); setTimeout(function(){element.css("pointer-events","auto")},400); }); //Wikitour $(document).ready(function(){ var landingPageHeight = $('#landingPage').height(); var windowHeight = $(window).height(); var scrollNow = landingPageHeight - windowHeight; $('#wikiTour').hover( function(){$('#wikiTour').fadeTo(0,1);}, function(){ if ($(window).scrollTop() > 0) { $('#wikiTour').fadeTo(0, 1); } else { $('#wikiTour').fadeTo(0, 0.4); } }); //Check to see if the window is top if not then display button $(window).scroll(function(){ if ($(window).scrollTop() > 0) { $('#wikiTour').fadeTo(0, 1); } else { $('#wikiTour').fadeTo(0, 0.4); } }); }); //scroll zooi van hans $("a[href*=#]").click(function(e) { if($(this).hasClass("extern")){ return; } e.preventDefault(); var id= $(this).attr('href'); id = id.substring(id.lastIndexOf("#")); var el = $(id); //If there is no element with this id, check for name attribute if (el.length <= 0){ el = $('[name=' + id.substring(1)+ ']'); } $('html, body').animate({ scrollTop: el.offset().top - 40}, 1000); }); $(window).scroll(function(){ if( $(window).scrollTop() == 0){ $("#scrollUp").css("display","none"); } else{ $("#scrollUp").css("display","initial"); } $("#scrollUp").css("opacity", $(window).scrollTop() / 400); }); $("#scrollUp").click(function() { $('html, body').animate({ scrollTop: 0}, 1000); setTimeout(function(){$("#scrollUp").css("bottom","calc(0)");},1000); }); // Get current Page locus=$(location).attr('pathname'); submenu = 0; switch (locus) { case '/Team:TU_Eindhoven': submenu = 1; break; case '/Team:TU_Eindhoven/Team': submenu = 2; break; case '/Team:TU_Eindhoven/Team/Members': submenu = 2; break; case '/Team:TU_Eindhoven/Team/Supervisors': submenu = 2; break; case '/Team:TU_Eindhoven/Attributions': submenu = 2; break; case '/Team:TU_Eindhoven/Description': submenu = 3; break; case '/Team:TU_Eindhoven/Project/Design': submenu = 3; break; case '/Team:TU_Eindhoven/Project/Experimental_Approach': submenu = 3; break; case '/Team:TU_Eindhoven/Project/Protocols': submenu = 3; break; case '/Team:TU_Eindhoven/Project': submenu = 3; break; case '/Team:TU_Eindhoven/Notebook': submenu = 3; break; case '/Team:TU_Eindhoven/Project/Expression_System': submenu = 3; break; case '/Team:TU_Eindhoven/Measurement': submenu = 4; break; case '/Team:TU_Eindhoven/ResultsHome': submenu = 4; break; case '/Team:TU_Eindhoven/Results': submenu = 4; break; case '/Team:TU_Eindhoven/Achievements': submenu = 4; break; case '/Team:TU_Eindhoven/Parts': submenu = 4; break; case '/Team:TU_Eindhoven/Modeling': submenu = 5; break; case '/Team:TU_Eindhoven/Modeling/Approach': submenu = 5; break; case '/Team:TU_Eindhoven/Modeling/Script': submenu = 5; break; case '/Team:TU_Eindhoven/Modeling/Results': submenu = 5; break; case '/Team:TU_Eindhoven/Practices': submenu = 6; break; case '/Team:TU_Eindhoven/Policy_Practices/Regulations': submenu = 6; break; case '/Team:TU_Eindhoven/Policy_Practices/Stakeholders': submenu = 6; break; case '/Team:TU_Eindhoven/Policy_Practices/Human_Outreach': submenu = 6; break; case '/Team:TU_Eindhoven/Policy_Practices/Application_scenarios': submenu = 6; break; case '/Team:TU_Eindhoven/Collaborations': submenu = 7; break; case '/Team:TU_Eindhoven/Collaborations/CloningGuide': submenu = 7; break; case '/Team:TU_Eindhoven/Collaborations/AmoyNewsletter': submenu = 7; break; case '/Team:TU_Eindhoven/Collaborations/Collaboration_Attributions': submenu = 7; break; case '/Team:TU_Eindhoven/Collaborations/CloningGuide/FullScreen': submenu = 7; break; case '/Team:TU_Eindhoven/Team/Sponsors': submenu = 8; break; case '/Team:TU_Eindhoven/Safety/Lab': submenu = 9; break; case '/Team:TU_Eindhoven/Safety': submenu = 9; break; case '/Team:TU_Eindhoven/Safety/Project': submenu = 9; break; case '/Team:TU_Eindhoven/Safety/LabEquipment': submenu = 9; break; }; // "submenu" contains the number of the submenu to be shown by default (or 0 for none). // icon var link = document.createElement('link'); link.type = 'image/x-icon'; link.rel = 'shortcut icon'; link.href = 'https://static.igem.org/mediawiki/2015/4/4a/Logo_Eindhoven_small.png'; document.getElementsByTagName('head')[0].appendChild(link); var a = 0; var fb_twit = 0; $("#twitter_logo,#twitter").hover( function() { $("#twitter").css("z-index","11"); $("#twitter").css("display","initial"); $("#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9").css("color", "#004415"); $("#submenu").css("height","0px"); fb_twit = 1; }, function() { $("#twitter").css("z-index","-1"); $("#twitter").css("display","none"); fb_twit = 0; defaultMenu(); }); $("#facebook_logo,#facebook").hover( function() { $("#facebook").css("z-index","11"); $("#facebook").css("display","initial"); $("#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9").css("color", "#004415"); $("#submenu").css("height","0px"); fb_twit = 1; }, function() { $("#facebook").css("z-index","-1"); $("#facebook").css("display","none"); fb_twit = 0; defaultMenu(); }); $("#menu1").hover( function() { a = 1; }); $("#menu2").hover( function() { a = 2; }); $("#menu3").hover( function() { a = 3; }); $("#menu4").hover( function() { a = 4; }); $("#menu5").hover( function() { a = 5; }); $("#menu6").hover( function() { a = 6; }); $("#menu7").hover( function() { a = 7; }); $("#menu8").hover( function() { a = 8; }); $("#menu9").hover( function() { a = 9; }); subhover = 0; menuhover = 0; $("#submenuwrapper").hover( function() { subhover = 1; switch (a) { case 2: $("#menu2").css("color", "#9DC671"); $("#submenu").css("height", "60px"); break; case 3: $("#menu3").css("color", "#9DC671"); $("#submenu").css("height", "60px"); break; case 4: $("#menu4").css("color", "#9DC671"); $("#submenu").css("height", "60px"); break; case 5: $("#menu5").css("color", "#9DC671"); $("#submenu").css("height", "60px"); break; case 6: $("#menu6").css("color", "#9DC671"); $("#submenu").css("height", "60px"); break; case 7: $("#menu7").css("color", "#9DC671"); $("#submenu").css("height", "60px"); break; case 9: $("#menu9").css("color", "#9DC671"); $("#submenu").css("height", "60px"); break; } }, function() { subhover = 0; defaultMenu(); }); $("#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9").hover( function() { menuhover = 1; //reset alles en display dan alleen de juiste $("#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9").css("color", "#004415"); $("#sub2,#sub3,#sub4,#sub5,#sub6,#sub7,#sub9").css("display","none"); switch (a) { case 1: $("#menu1").css("color", "#9DC671"); $("#submenu").css("height","0px"); break; case 2: $("#menu2").css("color", "#9DC671"); $("#sub2").css("display","block"); $("#submenu").css("height", "60px"); break; case 3: $("#menu3").css("color", "#9DC671"); $("#sub3").css("display","block"); $("#submenu").css("height", "60px"); break; case 4: $("#menu4").css("color", "#9DC671"); $("#sub4").css("display","block"); $("#submenu").css("height", "60px"); break; case 5: $("#menu5").css("color", "#9DC671"); $("#sub5").css("display","block"); $("#submenu").css("height", "60px"); break; case 6: $("#menu6").css("color", "#9DC671"); $("#sub6").css("display","block"); $("#submenu").css("height", "60px"); break; case 7: $("#menu7").css("color", "#9DC671"); $("#sub7").css("display","block"); $("#submenu").css("height", "60px"); break; case 8: $("#menu8").css("color", "#9DC671"); $("#submenu").css("height", "0px"); break; case 9: $("#menu9").css("color", "#9DC671"); $("#sub9").css("display","block"); $("#submenu").css("height", "60px"); break; } }, function() { menuhover = 0; defaultMenu(); }); defaultMenu(); // Show default menu function defaultMenu() { setTimeout(function(){ if (subhover == 1 || menuhover == 1 || fb_twit == 1){ } else{ a = submenu; if (submenu == 1 || submenu == 8 ){ $("#submenu").css("height", "0"); $("#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9").css("color", "#004415"); $("#sub2,#sub3,#sub4,#sub5,#sub6,#sub7,#sub9").css("display","none"); $("#menu"+submenu.toString()).css("color", "#9DC671"); } else{ $("#sub2,#sub3,#sub4,#sub5,#sub6,#sub7,#sub9").css("display","none"); $("#submenu").css("height", "60px"); $("#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9").css("color", "#004415"); $("#sub"+submenu.toString()).css("display","block"); $("#menu"+submenu.toString()).css("color", "#9DC671"); } } },5); } ! function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + "://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } }(document, "script", "twitter-wjs"); (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&version=v2.3"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); //Content Menu $("#contentToggle").css("height",$("#infoTab").outerHeight()); $("#infoTabContent").css("height",$("#infoTabContent").outerHeight()); $("#infoTab").css("top","calc(50% - " + $("#infoTab").outerHeight()/2 + "px"); if(localStorage.getItem('contentMenu') == null){ localStorage.contentMenu = "true"; } else{ contentMenuCheck(); } $("#contentToggle").click(function(){ if(localStorage.contentMenu == "true"){ $("#infoTab").css("transition","transform 1s"); var scale = 200/$("#infoTab").outerHeight(); $("#infoTab").css("transform","translate(-80%,0) scale(1"+","+scale.toString()); $("#contentToggleImg").css("transform","rotate(180deg)"); localStorage.contentMenu = "false"; } else{ $("#infoTab").css("transition","transform 1s"); $("#infoTab").css("transform","translate(0,0) scale(1,1)"); $("#contentToggleImg").css("transform","rotate(0deg)"); localStorage.contentMenu = "true"; } }); $(".contentMenuImg").click( function(){ if($("#contentList" + $(this).attr("id").match(/\d+/)).is(":visible")){ $("#contentMenuImg" + $(this).attr("id").match(/\d+/)).css("transform","rotate(0deg)"); } else{ $("#contentMenuImg" + $(this).attr("id").match(/\d+/)).css("transform","rotate(180deg)"); } $("#contentList" + $(this).attr("id").match(/\d+/)).slideToggle(); var el = $(this); el.css("pointer-events", "none"); setTimeout(function(){el.css("pointer-events","auto")},400); } ) }); function contentMenuCheck() { if(localStorage.contentMenu == "false"){ $("#infoTab").css("transition","none"); var scale = 200/$("#infoTab").outerHeight(); $("#infoTab").css("transform","translate(-80%,0) scale(1"+","+scale.toString()); $("#contentToggleImg").css("transform","rotate(180deg)"); } }

body{ line-height: normal; /*background-color: #FCFCD5; background-image:url("https://static.igem.org/mediawiki/2015/f/ff/TU_Eindhoven_Main_Background.png"); background-attachment: fixed; background-size: 100%; background-repeat: no-repeat;*/ margin: 0 auto; } a:focus {outline: 0;} #scrollUp{ z-index:100; width:100px; position:fixed; left: calc(50% + 630px); bottom: 20px; transition: bottom 0.7s; opacity:0; transition-timing-function: linear; } h1{ font-family: Lato_Bold, Arial, sans-serif; font-size:40px; margin: 0; font-weight: normal; display: inline; } h2{ font-family: Lato_Bold_Italic, Arial, sans-serif; font-size: 25px; margin: 0; font-weight: normal; display: inline; } h3 { font-family: Lato_Italic, Arial, sans-serif; font-size:26px; margin: 0; font-weight: normal; display: inline; } h4{ font-family: Lato_Bold, Arial, sans-serif; font-size:26px; margin:0; font-weight: normal; display: inline; } h5 { font-family: Lato_Italic, Arial, sans-serif; font-size:20px; text-decoration: underline; margin: 0; font-weight: normal; display: inline; } h6{ font-family: Lato_Bold, Arial, sans-serif; font-size:20px; margin:0; font-weight: normal; display: inline; } h7 { font-family: Lato_Italic, Arial, sans-serif; font-size:20px; margin: 0; font-weight: normal; display: inline; } .buttons{ display:inline-block; } .tekst1 { font-family: Lato_Regular, Arial, sans-serif; font-size:20px; color:#000000; line-height:125%; } .tekst2 { font-family: Lato_Regular, Arial, sans-serif; font-size:16px; } .tekst2i { font-family: Lato_Light_Italic, Arial, sans-serif; font-size:20px; } .tekst1B{ font-family: Lato_Bold, Arial, sans-serif; font-size:20px; } .tekst1BI{ font-family: Lato_Bold_Italic, Arial, sans-serif; font-size:20px; } .tekst1I{ font-family: Lato_Italic, Arial, sans-serif; font-size:20px; } .centreText{ text-align:centre; } .caption{ font-family: Lato_Italic, Arial, sans-serif; font-size:16px; } .spoilerbutton { display:inline; } .spoiler { display:none; margin-top: 20px; margin-bottom:20px; overflow:hidden; background: #f5f5f5; margin-left:50px; } .spoilerimage { float: right; margin: 5px 5px 0px 30px; text-align: justify; } .spoilerimagec { display: block; margin-top:10px; margin-left: auto; margin-right: auto } #background{ height:100%; width:100%; position:fixed; /*background-image:url("https://static.igem.org/mediawiki/2015/f/ff/TU_Eindhoven_Main_Background.png"); background-size: cover;*/ top:0; left:0; } #body{ z-index:1; position:absolute; top:60px; width:100%; min-width:1460px; line-height: normal; } #container{ margin:0 auto; margin-bottom: 110px; position:relative; /*border-radius:15px 30px 30px 15px; FB/Twitter komt er nog onder vandaan*/ background-image: url("https://static.igem.org/mediawiki/2015/c/ca/TU_Eindhoven_grey_bf.png"); background-color: white; box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75); min-height:1000px; width:1200px; padding-bottom: 50px; } #containercontent{ width:80%; margin-left: 10%; } #menuigemlogo{ height:100%; width:76px; float: left; display:block; background-image: url('https://static.igem.org/mediawiki/2015/1/16/TU_Eindhoven_iGEM_Logo.png'); background-size: cover; background-repeat: no-repeat; margin-left: 30px; } #menuwrapper{ z-index:2; position:relative; height:60px; width:100%; min-width:1460px; background-color: rgba(255,255,255,0.3); } #menuTotal{ width:1460px; height:60px; display:block; position:relative; margin: 0 auto; } #FBTwit{ margin-left: 20px; float:left; } #menu{ position:relative; float:left; width:1200px; height:60px; display:block; margin-left:10px; } #submenuwrapper{ position:relative; z-index:2; width:100%; min-width:1460px; background-color: rgba(255,255,255,0.5); } #submenu{ overflow: hidden; position:relative; z-index: 2; width:1200px; height:0px; margin:0 auto; transition: height 0.2s; } #menu a:not(#menutwitter):not(#menufacebook):not(#menuigemlogo), #submenu a { width:9%; padding-left: calc(13% / 8); position:relative; font-family: Lato_Bold, Arial, sans-serif; /*font-weight: bold;*/ text-align: center; line-height: 60px; height:60px; display:block; text-decoration: none; float: left; color: #004415; } #menu1{ padding-left:0 !important; } #menu6, #menu7{ width:12% !important; } #menutwitter, #menufacebook { padding-right: 0 !important; } #sub2 > a:hover, #sub3 > a:hover, #sub4 > a:hover, #sub5 > a:hover, #sub6 > a:hover, #sub7 > a:hover, #sub8, #sub9 > a:hover{ color: #9DC671; } #sub2,#sub3,#sub4,#sub5,#sub6,#sub7,#sub8,#sub9{ width:100%; height:100%; } #sub2a{ padding-left:0 !important; } #sub3a{ padding-left:0 !important; } #sub4a{ padding-left:0 !important; margin-left:calc((9% + 13% / 8) * 1.5 ) !important; } #sub5a{ padding-left:0 !important; margin-left:calc((9% + 13% / 8) * 3) !important; } #sub6a{ padding-left:0 !important; margin-left:calc((9% + 13% / 8) * 3.5) !important; } #sub7a{ padding-left:0 !important; margin-left:calc((9% + 13% / 8) * 5.5 + 4.5%) !important; } #sub8a{ padding-left:0 !important; margin-left:0 !important; } #sub9a{ padding-left:0 !important; margin-left:calc((9% + 13% / 8) * 6.5) !important; } #sub2,#sub3,#sub4,#sub5,#sub6,#sub7,#sub8,#sub9{ display:none; } /*Twitter #facebookandtwitter{ width:calc((100% - (5 * 15%)) / 2); height:100%; float:right; background-color: red; } */ #twitter{ z-index:-1; top:0; display: none; right:-120px; position:absolute; height:500px; width:500px; } #twitter_logo{ height:60px; float:left; } /*FB*/ #facebook{ z-index:-1; top:0; display: none; right:-120px; position:absolute; height:500px; width:500px; } #facebook_logo{ height:100%; float:left; } /* Content Menu*/ .contentLink, .contentLink:visited, .contentLink:hover, .contentLink:active{ font-family: Lato_Regular, Arial, sans-serif; color:black; } .contentKop{ font-family: Lato_Regular, Arial, sans-serif; font-size:15px; } .contentList{ list-style: disc; list-syle-image: none; margin-left: 30px; margin-bottom: 0; margin-top: 0; } #infoTab{ z-index:9; margin-left: 0; position: fixed; width:350px; transition: transform 1s; } #infoTabTitle{ border-bottom: solid 1px black; float:right; width:80%; height:50px; background: rgba(255, 255, 255, 0.5); line-height:40px; text-align:center; font-size:20px; font-family: Lato_Bold, Arial, sans-serif; } #infoTabContent{ float:right; width:80%; background: rgba(230, 230, 230, 0.5); text-align:left; } .contentMenuImg{ margin-right:2px; transform: rotate(-180deg); transform-origin: 50% 50%; height:20px; } #contentToggle{ box-sizing: border-box; background: rgba(255, 255, 255, 0.5); width:20%; float:right; border-left: solid 1px black; } #contentToggleImg{ position:relative; display:block; width:25px; height:38px; margin: 0 auto; transform: rotate(0deg); top: calc((100% - 38px) / 2); } .activiteit { font-family: Lato_Regular, Arial, sans-serif; font-size:20px; align:center; } .activiteitlijst{ list-style-type: disc; list-style-image: initial; } .tourButton{ display:inline-block; position:absolute; top:10px; right:10px; } #wikiTourList { list-style-type:disc; margin-left:10px; } #wikiTour { position:fixed; left: calc(50% + 640px); top: 200px; width:230px; opacity:0.4; } #nextChapter, #previousChapter, #moreDepth { border-radius: 15px; position:relative; padding:12px; background-color: #b0c4de; margin: 5px 0px; }

Safety

Please visit the main Safety page to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.

On this page of your wiki, you should write about how you are addressing any safety issues in your project. The wiki is a place where you can go beyond the questions on the safety forms, and write about whatever safety topics are most interesting in your project. (You do not need to copy your safety forms onto this wiki page.)

Safe Project Design

Does your project include any safety features? Have you made certain decisions about the design to reduce risks? Write about them here! For example:

  • Choosing a non-pathogenic chassis
  • Choosing parts that will not harm humans / animals / plants
  • Substituting safer materials for dangerous materials in a proof-of-concept experiment
  • Including an "induced lethality" or "kill-switch" device
Safe Lab Work

What safety procedures do you use every day in the lab? Did you perform any unusual experiments, or face any unusual safety issues? Write about them here!

Safe Shipment

Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?