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

 
(44 intermediate revisions by 2 users not shown)
Line 7: Line 7:
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" >
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" >
 
<link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
−
   
+
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 +
<link href="https://fonts.googleapis.com/css?family=Lato:900" rel="stylesheet">
 +
 
 
<meta name="viewport" content="width=device-width, initial-scale=1">     
 
<meta name="viewport" content="width=device-width, initial-scale=1">     
 
<style>
 
<style>
Line 18: Line 20:
 
}
 
}
  
−
.bgimg-1, .bgimg-2, .bgimg-3 {
+
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
 
   position: relative;
 
   position: relative;
 
   opacity: 0.65;
 
   opacity: 0.65;
Line 28: Line 30:
 
}
 
}
 
.bgimg-1 {
 
.bgimg-1 {
−
   background-image: url("https://static.igem.org/mediawiki/2018/0/00/T--IIT_Delhi--midwall.jpeg");
+
   background-image: url("https://static.igem.org/mediawiki/2018/6/65/T--IIT_Delhi--Finally.png");
 
   min-height: 800px;
 
   min-height: 800px;
 
}
 
}
  
 
.bgimg-2 {
 
.bgimg-2 {
−
   background-image: url("https://static.igem.org/mediawiki/2018/3/38/T--IIT_Delhi--temp2.png");
+
   background-image: url("https://static.igem.org/mediawiki/2018/2/2a/T--IIT_Delhi--Temp-1.png");
−
   min-height: 400px;
+
   min-height: 600px;
 
}
 
}
  
 
.bgimg-3 {
 
.bgimg-3 {
−
   background-image: url("https://static.igem.org/mediawiki/2018/0/00/T--IIT_Delhi--midwall.jpeg");
+
   background-image: url("https://static.igem.org/mediawiki/2018/7/72/T--IIT_Delhi--B5.png");
−
   min-height: 400px;
+
   min-height: 600px;
 +
}
 +
 
 +
.bgimg-4{
 +
background-image: url("https://static.igem.org/mediawiki/2018/9/90/T--IIT_Delhi--Dark2.png");
 +
  min-height: 600px;
 +
 
 
}
 
}
  
Line 68: Line 76:
 
/* Turn off parallax scrolling for tablets and phones */
 
/* Turn off parallax scrolling for tablets and phones */
 
@media only screen and (max-device-width: 1024px) {
 
@media only screen and (max-device-width: 1024px) {
−
     .bgimg-1, .bgimg-2, .bgimg-3 {
+
     .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
 
         background-attachment: scroll;
 
         background-attachment: scroll;
 
     }
 
     }
Line 145: Line 153:
  
 
#banner {
 
#banner {
−
background: url("https://static.igem.org/mediawiki/2018/a/a7/T--IIT_Delhi--safety.png") ;
+
background: url("https://static.igem.org/mediawiki/2018/2/27/T--IIT_Delhi--yellocre.png") ;
  
 
background-position: center;
 
background-position: center;
Line 511: Line 519:
 
   z-index: 0;
 
   z-index: 0;
 
}
 
}
 +
 
 
    
 
    
−
@media screen and (max-width: 880px){
 
  
−
  .navaman a{display: none;}
+
@media screen and (max-width: 850px) {
 +
        .navaman a{display: none;}
 
         .RespIcon {display: block;}
 
         .RespIcon {display: block;}
 
         .NameClass{display: none;}
 
         .NameClass{display: none;}
Line 521: Line 530:
 
             display: block;
 
             display: block;
 
         }
 
         }
−
     
+
       
−
 
+
        body, html, #globalWrapperdivi, #bodyContent, #HQ_page {
−
    body, html, #globalWrapperdivi, #bodyContent, #HQ_page {
+
 
   
 
   
−
         margin-top: -10px;
+
         margin-top: -17px;
 
         }
 
         }
−
 
+
    }   
−
   }
+
    
−
    
+
−
 
+
   @media screen and (max-width: 1000px) and (min-width: 850px) {
−
  @media screen and (max-width: 1020px) and (min-width: 880px){
+
        .navaman a{display: none;}
−
 
+
−
  .navaman a{display: none;}
+
 
         .RespIcon {display: block;}
 
         .RespIcon {display: block;}
 
         .NameClass{display: none;}
 
         .NameClass{display: none;}
Line 540: Line 546:
 
             display: block;
 
             display: block;
 
         }
 
         }
−
     
+
       
 +
        body, html, #globalWrapperdivi, #bodyContent, #HQ_page {
 +
 +
        margin-top: -15px;
 +
        }
 +
    }   
 +
 
  
−
    body, html, #globalWrapperdivi, #bodyContent, #HQ_page {
+
  @media screen and (max-width: 1200px) and (min-width: 1000px) {
 +
        .navaman a{display: none;}
 +
        .RespIcon {display: block;}
 +
        .NameClass{display: none;}
 +
        .RespIcon .icon {
 +
            float:  right;
 +
            display: block;
 +
        }
 +
       
 +
        body, html, #globalWrapperdivi, #bodyContent, #HQ_page {
 
   
 
   
 
         margin-top: -10px;
 
         margin-top: -10px;
 
         }
 
         }
 +
    }   
 +
 
  
−
  }
 
−
     
 
  
−
 
+
     @media screen and (max-width: 1300px) and (min-width: 1200px) {
−
     @media screen and (max-width: 1300px) and (min-width: 900px){
+
 
         .navaman a{display: none;}
 
         .navaman a{display: none;}
−
         .RespIcon {displa333y: block;}
+
         .RespIcon {display: block;}
 
         .NameClass{display: none;}
 
         .NameClass{display: none;}
 
         .RespIcon .icon {
 
         .RespIcon .icon {
Line 562: Line 582:
 
         body, html, #globalWrapperdivi, #bodyContent, #HQ_page {
 
         body, html, #globalWrapperdivi, #bodyContent, #HQ_page {
 
   
 
   
−
         margin-top: -10px;
+
         margin-top: -8px;
 
         }
 
         }
 
     }     
 
     }     
Line 690: 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;"><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: 10px;">
+
         <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:inline; margin-top: 40px;"> </a>
 
              
 
              
−
       
 
 
         </div>
 
         </div>
 
        
 
        
 
       <div class="RespIcon"  style="background-color: white;">
 
       <div class="RespIcon"  style="background-color: white;">
−
      <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="https://2018.igem.org/Team:IIT_Delhi" style="height: 150px; width: 150px; margin-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 713: Line 735:
 
          
 
          
 
     </div>
 
     </div>
−
     <div class="dropdownsakks-content"  style="margin-top: 62px;">
+
     <div class="dropdownsakks-content"  style="margin-top: 66px;">
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Notebook">Lab Records</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Notebook">Lab Records</a>
−
      <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations">Protocol</a>
 
−
              <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations">Recipes</a>
 
 
                       <a href="https://igem.org/2018_Judging_Form?team=IIT_Delhi">Medal Criteria</a>
 
                       <a href="https://igem.org/2018_Judging_Form?team=IIT_Delhi">Medal Criteria</a>
 
         </div>
 
         </div>
Line 729: Line 749:
 
          
 
          
 
     </div>
 
     </div>
−
     <div class="dropdownsakks-content"  style="margin-top: 62px;">
+
     <div class="dropdownsakks-content"  style="margin-top: 66px;">
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Team">Members</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Team">Members</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Attributions">Attributions</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Attributions">Attributions</a>
Line 745: Line 765:
 
           <a href="javascript:void(0)"> Human Practices </a>
 
           <a href="javascript:void(0)"> Human Practices </a>
 
           </div>
 
           </div>
−
     <div class="dropdownsakks-content"  style="margin-top: 62px;">
+
     <div class="dropdownsakks-content"  style="margin-top: 66px;">
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Human_Practices">Human Practices</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Human_Practices">Human Practices</a>
 
      
 
      
Line 763: Line 783:
 
     <a href="javascript:void(0)"> Parts </a>
 
     <a href="javascript:void(0)"> Parts </a>
 
         </div>
 
         </div>
−
     <div class="dropdownsakks-content" style="margin-top: 62px;">
+
     <div class="dropdownsakks-content" style="margin-top: 66px;">
  
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Basic_Part">Basic Parts</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Basic_Part">Basic Parts</a>
Line 771: 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 787: Line 815:
 
             <a href="javascript:void(0)"> Project </a>
 
             <a href="javascript:void(0)"> Project </a>
 
           </div>
 
           </div>
−
     <div class="dropdownsakks-content"  style="margin-top: 62px;">
+
     <div class="dropdownsakks-content"  style="margin-top: 66px;">
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Description">Overview</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Description">Overview</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Design">Design</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Design">Design</a>
Line 829: 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 838: 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 873: Line 910:
 
     <div class="dropdownsakks-container" id="mydropdownsakks5" style= "font-style: italic;">
 
     <div class="dropdownsakks-container" id="mydropdownsakks5" style= "font-style: italic;">
 
     <a href="https://2018.igem.org/Team:IIT_Delhi/Notebook" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 0px; " >Lab Records</a>
 
     <a href="https://2018.igem.org/Team:IIT_Delhi/Notebook" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 0px; " >Lab Records</a>
−
    <a href="#" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 5px;" >Protocol</a>
 
−
            <a href="#" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 5px;" >Recipes</a>
 
 
             <a href="https://igem.org/2018_Judging_Form?team=IIT_Delhi" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 5px;" >Medal Criteria</a>
 
             <a href="https://igem.org/2018_Judging_Form?team=IIT_Delhi" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 5px;" >Medal Criteria</a>
 
            
 
            
Line 884: Line 919:
 
 
  
−
     
 
 
 
 
<!-- Banner -->
 
<!-- Banner -->
Line 893: Line 927:
  
 
 
−
<div class="bgimg-1">
 
−
<div class="caption">
 
−
    <span class="border" style="border-style: double">Safety Form</span>
 
−
  </div>
 
−
</div>
 
  
−
<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>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>
−
       <br>
+
       </p>
−
       About lab safety and training:</p>
+
       <p style="font-size:20px;">About lab safety and training:</p>
−
       <ul>
+
   
−
       <li>Lab access and rules (including appropriate clothing, eating and drinking, etc.).</li>
+
       <ul style="font-size:20px;">
−
       <li>Responsible individuals (such as lab or departmental specialist or institutional biosafety officer).</li>
+
       <li style="font-family: 'Lato', sans-serif;font-weight:400;">Lab access and rules (including appropriate clothing, eating and drinking, etc.).</li>
−
       <li>Differences between biosafety levels.</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>Biosafety equipment (such as biosafety cabinets).</li>
+
       <li style="font-family: 'Lato', sans-serif;font-weight:400;">Differences between biosafety levels.</li>
−
     <li>Good microbial technique (such as lab practices).</li>
+
       <li style="font-family: 'Lato', sans-serif;font-weight:400;">Biosafety equipment (such as biosafety cabinets).</li>
−
     <li>Disinfection and sterilization.</li>
+
     <li style="font-family: 'Lato', sans-serif;font-weight:400;">Good microbial technique (such as lab practices).</li>
−
       <li>Emergency procedures.</li>
+
     <li style="font-family: 'Lato', sans-serif;font-weight:400;">Disinfection and sterilization.</li>
−
           <li>Chemicals, fire and electrical safety.</li>
+
       <li style="font-family: 'Lato', sans-serif;font-weight:400;">Emergency procedures.</li>
 +
           <li style="font-family: 'Lato', sans-serif;font-weight:400;">Chemicals, fire and electrical safety.</li>
 
     </ul>
 
     </ul>
  
Line 919: Line 949:
 
</div>
 
</div>
  
−
<div class="bgimg-2">
+
<div class="bgimg-1">
 
   <div class="caption">
 
   <div class="caption">
−
     <span class="border" style="background-color:transparent;font-size:25px;color: #f7f7f7;">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:#ddd;background-color:#282E34;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;">
−
    <p style="font-size: 19px">iGEM IIT Delhi has always been following all biosafety rules of our institution and concerned biosafety laws of our country.<br>
+
  <ul style="font-size:20px;">
−
EHLSU (Environmental Health and Lab Safety Unit) is responsible for holding up all the safety guidelines in all the labs (including ours) at the institution. The guidelines can be found on the link -<br>
+
<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>
−
         <a href="#">http://dbtbiosafety.nic.in/guideline/pdf/guidelines_94.pdf</a> <br>
+
<li style="font-family: 'Lato', sans-serif;font-weight:400;">EHLSU (Environmental Health and Lab Safety Unit) is responsible for holding up all the safety guidelines in all the labs (including ours) at the institution. The guidelines can be found on the link -<br>
−
The safety guidelines for all the labs in our region (North India) are declared and monitored by EHLSU, whose rules can be found on the following link - <br>
+
         <a href="http://www.dbtindia.nic.in/wp-content/uploads/Draft-Biosafety-Regulations-and-Biocontainment-Guidelines-2017-FF.pdf">http://www.dbtindia.nic.in/wp-content/uploads/Draft-Biosafety-Regulations-and-Biocontainment-Guidelines-2017-FF.pdf</a> </li>
−
         <a href="#">http://dbtbiosafety.nic.in/guideline/pdf/guidelines_94.pdf</a><br>
+
<li style="font-family: 'Lato', sans-serif;font-weight:400;">The safety guidelines for all the labs in our region (North India) are declared and monitored by EHLSU, whose rules can be found on the following link - <br>
−
iGEM IIT Delhi did not conduct any experiment with human subjects (including non-invasive experiments, such as surveys), for the surveys conducted we have followed the rules of our institution.<br>
+
         <a href="http://www.dbtindia.nic.in/wp-content/uploads/Draft-Biosafety-Regulations-and-Biocontainment-Guidelines-2017-FF.pdf">http://www.dbtindia.nic.in/wp-content/uploads/Draft-Biosafety-Regulations-and-Biocontainment-Guidelines-2017-FF.pdf</a> </li>
−
</p>
+
<li style="font-family: 'Lato', sans-serif;font-weight:400;">iGEM IIT Delhi did not conduct any experiment with human subjects (including non-invasive experiments, such as surveys), for the surveys conducted we have followed the rules of our institution. </li>
 +
  </ul>
 +
 
 +
 
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 939: Line 972:
 
<div class="bgimg-3">
 
<div class="bgimg-3">
 
   <div class="caption">
 
   <div class="caption">
−
     <span class="border" style="background-color:transparent;font-size:25px;color: #f7f7f7;">General Safety Rules of the lab</span>
+
     <span class="border">General Safety Rules of the lab</span>
 
   </div>
 
   </div>
 
</div>
 
</div>
  
−
<div style="position:relative;">
+
<div style="margin: auto;position:relative;width: 90%;background-color: white;">
−
   <div style="color:#ddd;background-color:#282E34;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: 19px">     
+
     <ul style="font-size:20px;">     
−
         <li>Instructions are strictly followed</li>
+
         <li style="font-family: 'Lato', sans-serif;font-weight:400;">Instructions are strictly followed</li>
−
         <li>Personal protection equipment is must and hair should be tied</li>
+
         <li style="font-family: 'Lato', sans-serif;font-weight:400;">Personal protection equipment is must and hair should be tied</li>
−
         <li>Working areas and common work areas are kept tidy and regularly wiped with cleansing agents like ethanol</li>
+
         <li style="font-family: 'Lato', sans-serif;font-weight:400;">Working areas and common work areas are kept tidy and regularly wiped with cleansing agents like ethanol</li>
−
         <li>Pipette tips, media, eppendorf tubes are autoclaved and Glassware; tools are cleaned with ethanol before usage</li>
+
         <li style="font-family: 'Lato', sans-serif;font-weight:400;">Pipette tips, media, eppendorf tubes are autoclaved and Glassware; tools are cleaned with ethanol before usage</li>
−
         <li>Handwash is a must after entering and before leaving the lab.</li>
+
         <li style="font-family: 'Lato', sans-serif;font-weight:400;">Handwash is a must after entering and before leaving the lab.</li>
−
         <li>Gloves are used while handling carcinogenic agents like EtBr and high temperature objects. </li>
+
         <li style="font-family: 'Lato', sans-serif;font-weight:400;">Gloves are used while handling carcinogenic agents like EtBr and high temperature objects. </li>
−
         <li>There is a separate work bench for experiments in which toxic chemicals (e.g. Electrophoresis, Etbr).</li>  
+
         <li style="font-family: 'Lato', sans-serif;font-weight:400;">There is a separate work bench for experiments in which toxic chemicals (e.g. Electrophoresis, Etbr).</li>  
−
         <li>Eating or drinking is prohibited in the lab.</li>
+
         <li style="font-family: 'Lato', sans-serif;font-weight:400;">Eating or drinking is prohibited in the lab.</li>
−
         <li>Spills are immediately cleaned.</li>
+
         <li style="font-family: 'Lato', sans-serif;font-weight:400;">Spills are immediately cleaned.</li>
−
         <li>Lab is equipped with safety equipment and everyone is aware of its location (E.g. Fire extinguishers and first aid supplies).</li>
+
         <li style="font-family: 'Lato', sans-serif;font-weight:400;">Lab is equipped with safety equipment and everyone is aware of its location (E.g. Fire extinguishers and first aid supplies).</li>
−
         <li>Appropriate protection is used while working with UV light(eye protection, gloves, lab coat).</li>
+
         <li style="font-family: 'Lato', sans-serif;font-weight:400;">Appropriate protection is used while working with UV light(eye protection, gloves, lab coat).</li>
−
         <li>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).</li>
+
         <li style="font-family: 'Lato', sans-serif;font-weight:400;">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).</li>
 
       </ul>
 
       </ul>
 
   </div>
 
   </div>
 
</div>
 
</div>
  
−
<div class="bgimg-1">
+
 
−
  <div class="caption">
+
−
    <span class="border">COOL!</span>
+
−
  </div>
+
−
</div>
+
 
     <!--/**/-->
 
     <!--/**/-->
  
 
          
 
          
 
<div style="background-color: white">
 
<div style="background-color: white">
−
         <div  style="background-color: dimgray;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,017: Line 1,046:
 
}
 
}
  
−
           
 
−
           
 
 
              
 
              
 
function myFunction1() {
 
function myFunction1() {
Line 1,024: 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,044: 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,068: 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,092: 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,113: 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,122: 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

Notebook
Lab Records Medal Criteria
Team
Members Attributions
Collaboration
Human Practices
Human Practices Safety Public Engagement
Modelling
Parts
Basic Parts Composite Parts
Results
Demonstrate Interlab
Project
Overview Design

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