Difference between revisions of "Team:IIT Delhi/Safety"

 
(7 intermediate revisions by 2 users not shown)
Line 710: Line 710:
  
 
     <body>
 
     <body>
  <div id="globalWrapperdivi" style="margin-top: -6.5%;z-index: 1">           
+
 +
    <div id="globalWrapperdivi" style="margin-top: -6.5%;z-index: 1;background-color: white">           
 
          
 
          
 
    
 
    
  
 
         <div class= "NameClass" style="background-color:white;">
 
         <div class= "NameClass" style="background-color:white;">
 
+
<a style="height: 150px; width: 150px;margin-left: 34%;margin-top: 0px; padding-top: 35px;" href="https://2018.igem.org/Team:IIT_Delhi">
<img src="https://static.igem.org/mediawiki/2018/d/de/T--IIT_Delhi--whitelogo.png" style="height: 150px; width: 150px;display:block; padding-left: 34%;margin-top: 0px; padding-top: 35px;">
+
<img src="https://static.igem.org/mediawiki/2018/d/de/T--IIT_Delhi--whitelogo.png" style="height: 150px; width: 150px;display:inline; margin-top: 40px;"> </a>
 
              
 
              
 
         </div>
 
         </div>
 
        
 
        
 
       <div class="RespIcon"  style="background-color: white;">
 
       <div class="RespIcon"  style="background-color: white;">
 
+
<a href="https://2018.igem.org/Team:IIT_Delhi" style="height: 150px; width: 150px; margin-left: 5%;margin-top: 0px; padding-top: 14px;">
       <img src="https://static.igem.org/mediawiki/2018/d/de/T--IIT_Delhi--whitelogo.png" style="height: 150px; width: 160px; display:block; padding-left: 5%;margin-top: 0px; padding-top: 14px;">         <a href="javascript:void(0);" style="Background-color: white;" class="icon" onclick="openNav()"> <i class="fa fa-bars"></i> </a>
+
       <img src="https://static.igem.org/mediawiki/2018/d/de/T--IIT_Delhi--whitelogo.png" style="height: 150px; width: 150px; display:inline; padding-top: 15px;">   </a>      <a href="javascript:void(0);" style="Background-color: white;" class="icon" onclick="openNav()"> <i class="fa fa-bars" style="padding-top: 100px"></i> </a>
 
       </div>
 
       </div>
 
          
 
          
Line 790: Line 791:
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
+
<div class="dropdownsakks">
 
         <div class= "borderYtoX">
 
         <div class= "borderYtoX">
   <a href="https://2018.igem.org/Team:IIT_Delhi/Results" >Results</a>
+
   <a href="javascript:void(0)" >Results</a>
 
     </div>
 
     </div>
  
          
+
  <div class="dropdownsakks-content"  style="margin-top: 66px;">
 +
      <a href="https://2018.igem.org/Team:IIT_Delhi/Demonstrate">Demonstrate</a>
 +
      <a href="https://2018.igem.org/Team:IIT_Delhi/InterLab">Interlab</a>
 +
     
 +
    </div>
 +
 
 +
 
 +
 
 +
         </div>
 
          
 
          
 
          
 
          
Line 848: Line 857:
 
     </div>
 
     </div>
 
      
 
      
        <a href="https://2018.igem.org/Team:IIT_Delhi/Results" style="padding-bottom: 15px;padding-top: 15px;" >Results</a>
 
       
 
 
     <button class="overlayved-btn" onclick="myFunction2()" style="padding-bottom: 15px;">Parts
 
     <button class="overlayved-btn" onclick="myFunction2()" style="padding-bottom: 15px;">Parts
 
       <i class="fa fa-caret-right"></i>   
 
       <i class="fa fa-caret-right"></i>   
Line 857: Line 864:
 
     <a href="https://2018.igem.org/Team:IIT_Delhi/Basic_Part" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 3px;" >Basic Parts</a>
 
     <a href="https://2018.igem.org/Team:IIT_Delhi/Basic_Part" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 3px;" >Basic Parts</a>
 
     <a href="https://2018.igem.org/Team:IIT_Delhi/Composite_Part" style="font-size: 15px;font-size: 15px; padding: 10px; padding-bottom: 5px; padding-top: 5px;" >Composite Parts</a>
 
     <a href="https://2018.igem.org/Team:IIT_Delhi/Composite_Part" style="font-size: 15px;font-size: 15px; padding: 10px; padding-bottom: 5px; padding-top: 5px;" >Composite Parts</a>
 +
         
 +
    </div>
 +
 
 +
       
 +
    <button class="overlayved-btn" onclick="myFunction6()" style="padding-bottom: 15px;">Results
 +
      <i class="fa fa-caret-right"></i> 
 +
    </button>
 +
   
 +
    <div class="dropdownsakks-container" id="mydropdownsakks6" style= "font-style: italic;">
 +
    <a href="https://2018.igem.org/Team:IIT_Delhi/Demonstrate" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 3px;" >Demonstrate</a>
 +
    <a href="https://2018.igem.org/Team:IIT_Delhi/InterLab" style="font-size: 15px;font-size: 15px; padding: 10px; padding-bottom: 5px; padding-top: 5px;" >Interlab</a>
 
            
 
            
 
     </div>
 
     </div>
Line 901: Line 919:
 
 
  
     
 
 
 
 
<!-- Banner -->
 
<!-- Banner -->
Line 911: Line 928:
 
 
  
<div style="color: #777;background-color:white;text-align:center;padding:50px 80px;text-align: justify;">
+
<div style="width: 75%;color: black;background-color:white;text-align:center;padding:50px 80px;text-align: justify;margin: auto;">
 
   <!--<h3 style="text-align:center;text-decoration:hotpink double underline">Safety Form</h3>-->
 
   <!--<h3 style="text-align:center;text-decoration:hotpink double underline">Safety Form</h3>-->
   <p style="font-size: 27px; font-family: 'Roboto', sans-serif;font-weight:550;">We at iGEM understand the necessity of working in a safe environment. A safe environment ensures a non-hesitant mind that designs more efficient biological devices.
+
   <p style="margin: auto;font-size: 27px;font-family: 'Roboto', sans-serif;font-weight:550;width: 100%;">We at iGEM understand the necessity of working in a safe environment. A safe environment ensures a non-hesitant mind that designs more efficient biological devices.
 
     <br>
 
     <br>
 
       </p>
 
       </p>
 
       <p style="font-size:20px;">About lab safety and training:</p>
 
       <p style="font-size:20px;">About lab safety and training:</p>
 
      
 
      
       <ul style="font-size:20px;" >
+
       <ul style="font-size:20px;">
 
       <li style="font-family: 'Lato', sans-serif;font-weight:400;">Lab access and rules (including appropriate clothing, eating and drinking, etc.).</li>
 
       <li style="font-family: 'Lato', sans-serif;font-weight:400;">Lab access and rules (including appropriate clothing, eating and drinking, etc.).</li>
 
       <li style="font-family: 'Lato', sans-serif;font-weight:400;">Responsible individuals (such as lab or departmental specialist or institutional biosafety officer).</li>
 
       <li style="font-family: 'Lato', sans-serif;font-weight:400;">Responsible individuals (such as lab or departmental specialist or institutional biosafety officer).</li>
Line 934: Line 951:
 
<div class="bgimg-1">
 
<div class="bgimg-1">
 
   <div class="caption">
 
   <div class="caption">
     <span class="border" >Bio-safety Rules and Regulations</span>
+
     <span class="border">Bio-safety Rules and Regulations</span>
 
   </div>
 
   </div>
 
</div>
 
</div>
  
 
<div style="position:relative;">
 
<div style="position:relative;">
   <div style="color: #777;background-color:white;text-align:center;padding:50px 80px;text-align: justify;">
+
   <div style="width: 75%;color: black;background-color:white;text-align:center;padding:50px 80px;text-align: justify;margin: auto;">
 
   <ul style="font-size:20px;">
 
   <ul style="font-size:20px;">
 
<li style="font-family: 'Lato', sans-serif;font-weight:400;"> iGEM IIT Delhi has always been following all biosafety rules of our institution and concerned biosafety laws of our country. </li>
 
<li style="font-family: 'Lato', sans-serif;font-weight:400;"> iGEM IIT Delhi has always been following all biosafety rules of our institution and concerned biosafety laws of our country. </li>
Line 959: Line 976:
 
</div>
 
</div>
  
<div style="position:relative;">
+
<div style="margin: auto;position:relative;width: 90%;background-color: white;">
   <div style="color: #777;background-color:white;text-align:center;padding:50px 80px;text-align: justify;">
+
   <div style="color: black;background-color:white;text-align:center;padding:50px 80px;text-align: justify;">
 
     <ul style="font-size:20px;">     
 
     <ul style="font-size:20px;">     
 
         <li style="font-family: 'Lato', sans-serif;font-weight:400;">Instructions are strictly followed</li>
 
         <li style="font-family: 'Lato', sans-serif;font-weight:400;">Instructions are strictly followed</li>
Line 977: Line 994:
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
  
 
     <!--/**/-->
 
     <!--/**/-->
Line 982: Line 1,000:
 
          
 
          
 
<div style="background-color: white">
 
<div style="background-color: white">
         <div  style="background-color: #555;font-size: 35px;text-align: center;font-family: sans-serif;"><h4 style="color: white">Contact us</h4></div>
+
         <div  style="background-color: #555;color:black;font-size: 35px;text-align: center;font-family: sans-serif;"><h4 style="color: white">Contact us</h4></div>
             <div style="text-align: center;margin-bottom: -136px;"><h4 style="font-size: 50px;"><u class="fx" style="cursor: pointer;text-align: center">Address</u></h4><p style="text-align: center;margin-bottom: 16px">Undergraduate Laboratory<br>
+
             <div style="text-align: center;margin-bottom: -136px;"><h4 style="color:black;font-size: 50px;"><u class="fx" style="cursor: pointer;text-align: center">Address</u></h4><p style="text-align: center;margin-bottom: 16px">Undergraduate Laboratory<br>
 
Department of Biotechnology and Biochemical Engineering, IIT Delhi</p>  
 
Department of Biotechnology and Biochemical Engineering, IIT Delhi</p>  
 
             </div>
 
             </div>
         <div style="margin-left: 75%;height: auto;max-height: inherit;width: auto;max-width: inherit;margin-bottom: 8px;"><i class="fa fa-facebook-official fx" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></div>
+
         <div style="margin-left: 75%;height: auto;max-height: inherit;width: auto;max-width: inherit;margin-bottom: 8px;"><a href="https://www.facebook.com/igemiitdelhi/" style="color:black;"><i class="fa fa-facebook-official fx" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></a></div>
         <div style="height: auto;max-height: inherit;width: auto;max-width: inherit; margin-left: 20%;margin-top: -125.5px;display: block;"><i class="fa fa-linkedin fxln" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></div>
+
         <div style="height: auto;max-height: inherit;width: auto;max-width: inherit; margin-left: 20%;margin-top: -125.5px;display: block;"><a href="https://twitter.com/igem_iit_delhi?lang=en" style="color:black;"><i class="fa fa-twitter fxln" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></a></div>
 
              
 
              
         <div style="margin-left: 90%;margin-top: -120px;display: block;height: auto;max-height: inherit;width: auto;max-width: inherit;"><i class="fa fa-instagram fx1" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></div>
+
         <div style="margin-left: 90%;margin-top: -120px;display: block;height: auto;max-height: inherit;width: auto;max-width: inherit;"><a href="https://www.instagram.com/igemiitd/" style="color:black;"><i class="fa fa-instagram fx1" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></a></div>
         <div style="margin-left: 4.5%;margin-top: -120px;display: block;height: auto;max-height: inherit;width: auto;max-width: inherit;"><i class="fa fa-envelope fxm" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></div>
+
         <div style="margin-left: 4.5%;margin-top: -120px;display: block;height: auto;max-height: inherit;width: auto;max-width: inherit;"><a href="iitd.igem@gmail.com" style="color:black;"><i class="fa fa-envelope fxm" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></a></div>
 
     </div>
 
     </div>
 
         </div>
 
         </div>
Line 1,028: Line 1,046:
 
}
 
}
  
           
 
           
 
 
              
 
              
 
function myFunction1() {
 
function myFunction1() {
Line 1,035: Line 1,051:
 
      
 
      
 
    
 
    
 +
   
 +
var prev21 = document.getElementById("mydropdownsakks6");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.classList.remove("show");
 
        
 
        
 
     var prev2 = document.getElementById("mydropdownsakks2");
 
     var prev2 = document.getElementById("mydropdownsakks2");
Line 1,055: Line 1,075:
 
function myFunction2() {
 
function myFunction2() {
 
     document.getElementById("mydropdownsakks2").classList.toggle("show");
 
     document.getElementById("mydropdownsakks2").classList.toggle("show");
 +
 +
var prev21 = document.getElementById("mydropdownsakks6");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.classList.remove("show");
 +
 
      
 
      
 
     var prev1 = document.getElementById("mydropdownsakks1");
 
     var prev1 = document.getElementById("mydropdownsakks1");
Line 1,079: Line 1,104:
 
     if (prev2.classList.contains("show"))  
 
     if (prev2.classList.contains("show"))  
 
       prev2.classList.remove("show");
 
       prev2.classList.remove("show");
 +
 +
var prev21 = document.getElementById("mydropdownsakks6");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.classList.remove("show");
 +
 
        
 
        
 
     var prev1 = document.getElementById("mydropdownsakks1");
 
     var prev1 = document.getElementById("mydropdownsakks1");
Line 1,103: Line 1,133:
 
     if (prev3.classList.contains("show"))  
 
     if (prev3.classList.contains("show"))  
 
       prev3.classList.remove("show");
 
       prev3.classList.remove("show");
 +
 +
var prev21 = document.getElementById("mydropdownsakks6");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.classList.remove("show");
 +
 
        
 
        
 
     var prev1 = document.getElementById("mydropdownsakks1");
 
     var prev1 = document.getElementById("mydropdownsakks1");
Line 1,124: Line 1,159:
 
       prev3.classList.remove("show");
 
       prev3.classList.remove("show");
 
        
 
        
 +
var prev21 = document.getElementById("mydropdownsakks6");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.classList.remove("show");
 +
6
 
     var prev4 = document.getElementById("mydropdownsakks4");
 
     var prev4 = document.getElementById("mydropdownsakks4");
 
     if (prev4.classList.contains("show"))  
 
     if (prev4.classList.contains("show"))  
Line 1,133: Line 1,172:
 
}
 
}
  
 +
function myFunction6() {
 +
    document.getElementById("mydropdownsakks6").classList.toggle("show");
 +
   
 +
    var prev2 = document.getElementById("mydropdownsakks2");
 +
    if (prev2.classList.contains("show"))
 +
      prev2.classList.remove("show");
 +
     
 +
    var prev3 = document.getElementById("mydropdownsakks3");
 +
    if (prev3.classList.contains("show"))
 +
      prev3.classList.remove("show");
 +
     
 +
var prev21 = document.getElementById("mydropdownsakks1");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.classList.remove("show");
  
 +
 +
    var prev4 = document.getElementById("mydropdownsakks4");
 +
    if (prev4.classList.contains("show"))
 +
      prev4.classList.remove("show");
 +
     
 +
        var prev1 = document.getElementById("mydropdownsakks1");
 +
    if (prev1.classList.contains("show"))
 +
      prev1.classList.remove("show");
 +
}
 +
 +
 +
           
 +
           
 
</script>
 
</script>
 
          
 
          

Latest revision as of 00:02, 18 October 2018

iGEM IIT Delhi

We at iGEM understand the necessity of working in a safe environment. A safe environment ensures a non-hesitant mind that designs more efficient biological devices.

About lab safety and training:

  • Lab access and rules (including appropriate clothing, eating and drinking, etc.).
  • Responsible individuals (such as lab or departmental specialist or institutional biosafety officer).
  • Differences between biosafety levels.
  • Biosafety equipment (such as biosafety cabinets).
  • Good microbial technique (such as lab practices).
  • Disinfection and sterilization.
  • Emergency procedures.
  • Chemicals, fire and electrical safety.
Bio-safety Rules and Regulations
General Safety Rules of the lab
  • Instructions are strictly followed
  • Personal protection equipment is must and hair should be tied
  • Working areas and common work areas are kept tidy and regularly wiped with cleansing agents like ethanol
  • Pipette tips, media, eppendorf tubes are autoclaved and Glassware; tools are cleaned with ethanol before usage
  • Handwash is a must after entering and before leaving the lab.
  • Gloves are used while handling carcinogenic agents like EtBr and high temperature objects.
  • There is a separate work bench for experiments in which toxic chemicals (e.g. Electrophoresis, Etbr).
  • Eating or drinking is prohibited in the lab.
  • Spills are immediately cleaned.
  • Lab is equipped with safety equipment and everyone is aware of its location (E.g. Fire extinguishers and first aid supplies).
  • Appropriate protection is used while working with UV light(eye protection, gloves, lab coat).
  • Lab waste is properly disposed (E.g. Biological cultures are disposed after addition of ethanol to kill microorganisms; Solids are kept out of the sink; Agarose gel, gloves, the hazardous wastes are disposed separately in the biohazard coloured bin).

Contact us

Address

Undergraduate Laboratory
Department of Biotechnology and Biochemical Engineering, IIT Delhi