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

Line 20: Line 20:
 
}
 
}
  
−
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
+
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-5, .bgimg-4 {
 
   position: relative;
 
   position: relative;
−
   opacity: 0.65;
+
   opacity: 1;
 
   background-attachment: fixed;
 
   background-attachment: fixed;
 
   background-position: center;
 
   background-position: center;
−
   background-repeat: no-repeat;
+
   background-repeat: no-repeat;F
 
   background-size: cover;
 
   background-size: cover;
  
 
}
 
}
 
.bgimg-1 {
 
.bgimg-1 {
−
   background-image: url("https://static.igem.org/mediawiki/2018/6/65/T--IIT_Delhi--Finally.png");
+
   background-image: url("https://static.igem.org/mediawiki/2018/f/ff/T--IIT_Delhi--white.jpeg");
−
   min-height: 800px;
+
   min-height: 100px;
 
}
 
}
  
 
.bgimg-2 {
 
.bgimg-2 {
−
   background-image: url("https://static.igem.org/mediawiki/2018/2/2a/T--IIT_Delhi--Temp-1.png");
+
   background-image: url("https://static.igem.org/mediawiki/2018/f/ff/T--IIT_Delhi--white.jpeg");
−
   min-height: 600px;
+
   min-height: 100px;
 
}
 
}
  
 
.bgimg-3 {
 
.bgimg-3 {
−
   background-image: url("https://static.igem.org/mediawiki/2018/7/72/T--IIT_Delhi--B5.png");
+
   background-image: url("https://static.igem.org/mediawiki/2018/f/ff/T--IIT_Delhi--white.jpeg");
−
   min-height: 600px;
+
   min-height: 100px;
 
}
 
}
  
 
.bgimg-4{
 
.bgimg-4{
 
background-image: url("https://static.igem.org/mediawiki/2018/9/90/T--IIT_Delhi--Dark2.png");
 
background-image: url("https://static.igem.org/mediawiki/2018/9/90/T--IIT_Delhi--Dark2.png");
−
   min-height: 600px;
+
   min-height: 300px;
  
 
}
 
}
 +
 +
.bgimg-5 {
 +
  background-image: url("https://static.igem.org/mediawiki/2018/f/ff/T--IIT_Delhi--white.jpeg");
 +
  min-height: 100px;
 +
}
 +
  
 
.caption {
 
.caption {
Line 76: Line 82:
 
/* 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-4 {
+
     .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5 {
 
         background-attachment: scroll;
 
         background-attachment: scroll;
 
     }
 
     }
Line 153: Line 159:
  
 
#banner {
 
#banner {
−
background: url("https://static.igem.org/mediawiki/2018/2/27/T--IIT_Delhi--yellocre.png") ;
+
background: url("https://static.igem.org/mediawiki/2018/8/83/T--IIT_Delhi--design.png") ;
  
 
background-position: center;
 
background-position: center;
Line 696: Line 702:
 
</script>
 
</script>
 
<script>
 
<script>
−
    window.sr = ScrollReveal({reset: true});
+
  window.sr = ScrollReveal({reset: true});
 
     window.sr = ScrollReveal();
 
     window.sr = ScrollReveal();
 
     /*sr.reveal('.img1', {duration: 700});
 
     /*sr.reveal('.img1', {duration: 700});
Line 709: Line 715:
 
     </head>
 
     </head>
  
−
     <div id="globalWrapperdivi" style="margin-top: -6.5%;z-index: 1">           
+
     <body>
 +
  <div id="globalWrapperdivi" style="margin-top: -6.5%;z-index: 1">           
 
          
 
          
 
    
 
    
Line 914: Line 921:
 
           </div>   
 
           </div>   
 
      
 
      
−
</div>
+
</div>
−
+
−
 
+
−
 
+
−
     
+
 
 
 
<!-- Banner -->
 
<!-- Banner -->
Line 926: Line 929:
 
</section>
 
</section>
  
−
+
<div class="bgimg-1">
 +
  <div class="caption">
 +
    <span class="border" >UNESP Brazil</span>
 +
  </div>
 +
</div>
 +
  
 
<div style="color: #777;background-color:white;text-align:center;padding:50px 80px;text-align: justify;">
 
<div style="color: #777;background-color:white;text-align:center;padding:50px 80px;text-align: justify;">
−
  <!--<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.
+
−
    <br>
+
−
      </p>
+
−
      <p style="font-size:20px;">About lab safety and training:</p>
+
−
   
+
−
      <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;">Responsible individuals (such as lab or departmental specialist or institutional biosafety officer).</li>
+
−
      <li style="font-family: 'Lato', sans-serif;font-weight:400;">Differences between biosafety levels.</li>
+
−
      <li style="font-family: 'Lato', sans-serif;font-weight:400;">Biosafety equipment (such as biosafety cabinets).</li>
+
−
    <li style="font-family: 'Lato', sans-serif;font-weight:400;">Good microbial technique (such as lab practices).</li>
+
−
    <li style="font-family: 'Lato', sans-serif;font-weight:400;">Disinfection and sterilization.</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>
+
  
 +
<p style="font-size:20px;font-family: 'Lato', sans-serif;font-weight:400;">
 +
</p>
 
      
 
      
−
</div>
 
  
−
<div class="bgimg-1">
 
−
  <div class="caption">
 
−
    <span class="border" >Bio-safety Rules and Regulations</span>
 
−
  </div>
 
−
</div>
 
  
−
<div style="position:relative;">
 
−
  <div style="color: #777;background-color:white;text-align:center;padding:50px 80px;text-align: justify;">
 
−
  <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;">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>
 
−
        <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>
 
−
<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>
 
−
        <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>
 
−
<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 class="bgimg-3">
 
−
  <div class="caption">
 
−
    <span class="border">General Safety Rules of the lab</span>
 
−
  </div>
 
−
</div>
 
  
−
<div style="position:relative;">
 
−
  <div style="color: #777;background-color:white;text-align:center;padding:50px 80px;text-align: justify;">
 
−
    <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;">Personal protection equipment is must and hair should be tied</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 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 style="font-family: 'Lato', sans-serif;font-weight:400;">Handwash is a must after entering and before leaving the lab.</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 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 style="font-family: 'Lato', sans-serif;font-weight:400;">Eating or drinking is prohibited in the lab.</li>
 
−
        <li style="font-family: 'Lato', sans-serif;font-weight:400;">Spills are immediately cleaned.</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 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 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>
 
−
  </div>
 
−
</div>
 
  
−
     <!--/**/-->
+
     <div style="background-color: white">
−
<div style="background-color: white">
+
 
         <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="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="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>
 
             <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>
Line 1,008: Line 960:
 
     </div>
 
     </div>
 
         </div>
 
         </div>
−
          
+
         <script>
−
        <script>
+
  
 
     function openNav() {
 
     function openNav() {
Line 1,044: Line 995:
 
}
 
}
  
 +
           
 
              
 
              
 
              
 
              
Line 1,050: Line 1,002:
 
      
 
      
 
    
 
    
−
   
 
−
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,074: Line 1,022:
 
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,103: Line 1,046:
 
     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,132: Line 1,070:
 
     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,158: Line 1,091:
 
       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,171: Line 1,100:
 
}
 
}
  
−
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>

Revision as of 17:50, 17 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
UNESP Brazil

Contact us

Address

Undergraduate Laboratory
Department of Biotechnology and Biochemical Engineering, IIT Delhi