Difference between revisions of "Team:IISER-Tirupati India/Wiki"

m
 
(6 intermediate revisions by 2 users not shown)
Line 1,720: Line 1,720:
 
</style>
 
</style>
 
<style>
 
<style>
−
.slick-list.draggable img{height: calc(50vh - 250px);width: auto;margin: 0 auto;}
+
.slick-list.draggable img{height:150px;width: auto;margin: 0 auto;}
 
div.igem_read_more_link{bottom: -5em;position: absolute;right: 3em;}
 
div.igem_read_more_link{bottom: -5em;position: absolute;right: 3em;}
 
.single-project{height: 9em;}
 
.single-project{height: 9em;}
Line 1,740: Line 1,740:
 
   <body>
 
   <body>
 
        
 
        
 +
      <!--loader-->
 +
      <div id="cssload-cssload-wrap2">
 +
        <div class="cssload-wrap">
 +
            <div class="cssload-overlay"></div>
 +
            <div class="cssload-cogWheel cssload-one">
 +
              <div class="cssload-cog cssload-one"></div>
 +
              <div class="cssload-cog cssload-two"></div>
 +
              <div class="cssload-cog cssload-three"></div>
 +
              <div class="cssload-cog cssload-four"></div>
 +
              <div class="cssload-cog cssload-five"></div>
 +
              <div class="cssload-center"></div>
 +
            </div>
 +
            <div class="cssload-cogWheel cssload-two">
 +
              <div class="cssload-cog cssload-one"></div>
 +
              <div class="cssload-cog cssload-two"></div>
 +
              <div class="cssload-cog cssload-three"></div>
 +
              <div class="cssload-cog cssload-four"></div>
 +
              <div class="cssload-cog cssload-five"></div>
 +
              <div class="cssload-center"></div>
 +
            </div>
 +
        </div>
 +
      </div>
 
       <div class="wrap">
 
       <div class="wrap">
 
         <nav class="navbar navbar-expand-lg navbar-light sticky-top" id="igem-header">
 
         <nav class="navbar navbar-expand-lg navbar-light sticky-top" id="igem-header">
Line 1,790: Line 1,812:
 
                           <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Safety"><i class="fa fa-angle-right" aria-hidden="true"></i> Safety</a>
 
                           <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Safety"><i class="fa fa-angle-right" aria-hidden="true"></i> Safety</a>
 
                         </div>
 
                         </div>
 +
                    </li>
 
                     <li class="nav-item dropdown">
 
                     <li class="nav-item dropdown">
 
                         <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
                         <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Line 1,795: Line 1,818:
 
                         </a>
 
                         </a>
 
                         <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 
                         <div class="dropdown-menu" aria-labelledby="navbarDropdown">
−
                           <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Model"><i class="fa fa-angle-right" aria-hidden="true"></i> Modelling </a>
+
                           <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Model"><i class="fa fa-angle-right" aria-hidden="true"></i> Modelling</a>
 
                           <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Wiki"><i class="fa fa-angle-right" aria-hidden="true"></i> Wiki</a>
 
                           <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Wiki"><i class="fa fa-angle-right" aria-hidden="true"></i> Wiki</a>
−
                        </div>
 
 
                     </li>
 
                     </li>
 
                     <li class="nav-item dropdown">
 
                     <li class="nav-item dropdown">
Line 1,806: Line 1,828:
 
                           <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Team"><i class="fa fa-angle-right" aria-hidden="true"></i> Members </a>
 
                           <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Team"><i class="fa fa-angle-right" aria-hidden="true"></i> Members </a>
 
                           <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Collaborations"><i class="fa fa-angle-right" aria-hidden="true"></i> Collaborations</a>
 
                           <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Collaborations"><i class="fa fa-angle-right" aria-hidden="true"></i> Collaborations</a>
−
                           <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Partnerships"><i class="fa fa-angle-right" aria-hidden="true"></i> Partnership</a>
+
                           <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Partnership"><i class="fa fa-angle-right" aria-hidden="true"></i> Partnership</a>
 +
                          <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Contact"><i class="fa fa-angle-right" aria-hidden="true"></i> Contact Us</a>
 
                         </div>
 
                         </div>
 
                     </li>
 
                     </li>
Line 1,814: Line 1,837:
 
                         </a>
 
                         </a>
 
                         <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 
                         <div class="dropdown-menu" aria-labelledby="navbarDropdown">
−
                           <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Human-Practices"><i class="fa fa-angle-right" aria-hidden="true"></i> Human Practices</a>
+
                           <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Human_Practices"><i class="fa fa-angle-right" aria-hidden="true"></i> Human Practices</a>
 
                           <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Education"><i class="fa fa-angle-right" aria-hidden="true"></i> Education</a>
 
                           <a class="dropdown-item" href="https://2020.igem.org/Team:IISER-Tirupati_India/Education"><i class="fa fa-angle-right" aria-hidden="true"></i> Education</a>
 
                         </div>
 
                         </div>
Line 1,822: Line 1,845:
 
             </div>
 
             </div>
 
         </nav>
 
         </nav>
−
 
 
<section class="background3 saftey">
 
<section class="background3 saftey">
 
             <div class="container">
 
             <div class="container">
 
               <div class="row">
 
               <div class="row">
 
                   <div class="col-md-12 igem-heading">
 
                   <div class="col-md-12 igem-heading">
−
                     <h2 class="wow fadeInUp"> Safety</h2>
+
                     <h2 class="wow fadeInUp"> Wiki</h2>
 
                   </div>
 
                   </div>
 
               </div>
 
               </div>
Line 1,833: Line 1,855:
 
                   <div class="col-md-12">
 
                   <div class="col-md-12">
 
                     <div class="attribution-sin">
 
                     <div class="attribution-sin">
−
                         <p class="wow fadeInUp" style = "font-family:comfort;"><span style = "font-size:16px;">Safety is an essential component to maintain while working in the laboratory. For the very brief period our team had access to laboratory, we were extremely careful and strictly followed our Institute’s safety guidelines.</span>
+
                         <p class="wow fadeInUp" style = "font-family:comfort;"><span style = "font-size:16px;">All our hard work paid off seeing this wiki made. The wiki could succesfully be developed because of the amount of help we received from outside sources. Here, we thank the <b>iGEM X JOGL</b> platform that provided us a chance to collaborate with <b>Gaurav Singh</b> who is a full stack web developer and he helped us achieve a great many number of parameters of our wiki.
−
                          <br><span style = "font-size:16px;">For more details visit: <a href="http://www.iisertirupati.ac.in/institute/safety.php"></span><span style="color:yellow">http://www.iisertirupati.ac.in/institute/safety.php</span></a>
+
<br><br>
 +
Some pages of the website highlight ‘mandalas’ which were made using the ‘Warli’ art form. ‘Warli’ is a tribal artform that originated and is practiced in the state of Maharashtra, India. The artform greatly values mother nature and wildlife for the resources they provide to sustain life on Earth. It takes use of very simple geometrical structures to highlight the importance of sustainable development and proper resource utilisation, sustaining all life forms in a blooming ecosystem.
 +
<br><br>
 +
The wiki was developed using HTML, CSS and JS (the usual suspects). As any wiki designer would probably tell you, w3schools was a great resource, and so was various other parts of the internet (like stackoverflow). Adobe Dreamweaver was used to visuallize the html and css while editing, and GitHub and jsfiddle were of great help in collaborations with Gaurav.  
 +
</span>
 +
                         
 
                         </p>
 
                         </p>
 
                     </div>
 
                     </div>
−
                     <div class="safety-sin">
+
                      
−
                        <h4 class="wow fadeInUp"><span style="color:yellow"> Care for Safety, Physical and Chemical Hazards</span></h4>
+
−
                        <div>
+
−
                          <ul>
+
−
                              <li><p style = "font-family:comfort;"><span style = "font-size:16px;">It was mandatory for all team members to join the lab safety training program by IISER Tirupati which taught us how to be careful while working in the laboratory and follow the safety guidelines of the Institute’s Safety Committee.</span></p></li>
+
−
                              <li><p style = "font-family:comfort;"><span style = "font-size:16px;">Personal Protective Equipments were mandatory for regular days in the laboratory wherein we wore lab coats, nitrile gloves, shoes and long trousers. We used safety goggles for handling hazardous chemicals, acids and bases.</span></p></li>
+
−
                              <li><p style = "font-family:comfort;"><span style = "font-size:16px;">All students were taught to use the fire extinguisher in case of a fire alert in the laboratory. </span></p></li>
+
−
                              <li><p style = "font-family:comfort;"><span style = "font-size:16px;">The laboratory is BSL-1 with laminar air based biosafety cabinets. The cabinets were wiped with 70% Ethanol prior to use everytime.</span></p></li>
+
−
                              <li><p style = "font-family:comfort;"><span style = "font-size:16px;">Proper care was taken for disposal of chemical waste like Ethidium Bromide, Agarose gels, SDS gels and used HPLC solvents.</span></p></li>
+
−
                          </ul>
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="safety-sin">
+
−
                        <h4 class="wow fadeInUp"><span style="color:yellow">Care for Biological Hazards (Biosafety)</span></h4>
+
−
                        <div>
+
−
                          <ul>
+
−
                              <li><p style = "font-family:comfort;"><span style = "font-size:16px;">All media and bacterial culture were collected in biohazard tanks and treated with 2% bleach followed by autoclaving and proper disposal.</span>/p></li>
+
−
                              <li><p style = "font-family:comfort;"><span style = "font-size:16px;">Non pathogenic lab strains of E. coli like BL21 and DH5α (Risk Group 1) were used for all the experiments which were bleached and autoclaved to prevent the release of our GMO into the environment.</span></p></li>
+
−
                              <li><p style = "font-family:comfort;"><span style = "font-size:16px;">To maintain additional biosafety, our project design involves the use of surface exclusion genes (traS and traT) and a tightly regulated user modulated ‘kill switch’. These would help reduce the chances of Horizontal Gene Transfer and control the release of our GMO into the environment, respectively.</span></p></li>
+
−
                          </ul>
+
−
                        </div>
+
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
Line 1,866: Line 1,873:
 
<div>
 
<div>
 
               <a href="http://dbtindia.gov.in/">
 
               <a href="http://dbtindia.gov.in/">
−
                 <img src="https://static.igem.org/mediawiki/2020/0/01/T--IISER-Tirupati_India--DBT.png " style="width: 80%;">
+
                 <img src="https://static.igem.org/mediawiki/2020/archive/0/01/20201009133650%21T--IISER-Tirupati_India--DBT.png" style="width: 80%;">
 
               </a>
 
               </a>
 
             </div>
 
             </div>
Line 1,877: Line 1,884:
 
             <div>
 
             <div>
 
               <a href="https://eu.idtdna.com/pages">
 
               <a href="https://eu.idtdna.com/pages">
−
                 <img src="https://static.igem.org/mediawiki/2020/f/f3/T--IISER-Tirupati_India--IDT.png" style="width: 80%;">
+
                 <img src="https://static.igem.org/mediawiki/2020/archive/f/f3/20201009133500%21T--IISER-Tirupati_India--IDT.png" style="width: 80%;">
 
               </a>
 
               </a>
 
             </div>
 
             </div>
 
             <div>
 
             <div>
 
               <a href="https://international.neb.com/">
 
               <a href="https://international.neb.com/">
−
                 <img src="https://static.igem.org/mediawiki/2020/3/39/T--IISER-Tirupati_India--NEB.jpg" style="width: 80%;">
+
                 <img src="https://static.igem.org/mediawiki/2020/0/02/T--IISER-Tirupati_India--NEB.png" style="width: 80%;">
 
               </a>
 
               </a>
 
             </div>
 
             </div>
 
             <div>
 
             <div>
 
               <a href="https://www.mathworks.com/">
 
               <a href="https://www.mathworks.com/">
−
                 <img src="https://static.igem.org/mediawiki/2020/7/7d/T--IISER-Tirupati_India--mathworks.png" style="width: 80%;">
+
                 <img src="https://static.igem.org/mediawiki/2020/6/68/T--IISER-Tirupati_India--Mathworks.png" style="width: 80%;">
 
               </a>
 
               </a>
 
             </div>
 
             </div>
 
<div>
 
<div>
 
               <a>
 
               <a>
−
                 <img src="https://static.igem.org/mediawiki/2020/8/85/T--IISER-Tirupati_India--Bros_Scientifics_logo.png" style="width: 80%;">
+
                 <img src="https://static.igem.org/mediawiki/2020/e/e4/T--IISER-Tirupati_India--Bros.PNG" style="width: 80%;">
−
              </a>
+
−
            </div>   
+
−
            <div>
+
−
              <a href="https://www.snapgene.com/">
+
−
                <img src="https://static.igem.org/mediawiki/2020/a/a4/T--IISER-Tirupati_India--Snapgene.png" style="width: 80%;">
+
 
               </a>
 
               </a>
 
             </div>
 
             </div>
 
             <div>
 
             <div>
 
               <a href="https://www.geneious.com/">
 
               <a href="https://www.geneious.com/">
−
                 <img src="https://static.igem.org/mediawiki/2020/5/5d/T--IISER-Tirupati_India--sponsor_geneious.png" style="width: 80%;">
+
                 <img src="https://static.igem.org/mediawiki/2020/f/fe/T--IISER-Tirupati_India--Snapgene-Geneious.png" style="width: 80%;">
 
               </a>
 
               </a>
 
             </div>
 
             </div>
 
<div>
 
<div>
 
               <a href="https://www.promega.com/">
 
               <a href="https://www.promega.com/">
−
                 <img src="https://static.igem.org/mediawiki/2020/d/d6/T--IISER-Tirupati_India--Promega-removebg-preview.png" style="width: 80%;">
+
                 <img src="https://static.igem.org/mediawiki/2020/0/0b/T--IISER-Tirupati_India--Promega.png" style="width: 80%;">
 
               </a>
 
               </a>
 
             </div>
 
             </div>
 
             <div>
 
             <div>
 
               <a href="https://www.doodly.com/">
 
               <a href="https://www.doodly.com/">
−
                 <img src="https://static.igem.org/mediawiki/2020/7/72/T--IISER-Tirupati_India--Doodly.png" style="width: 80%;">
+
                 <img src="https://static.igem.org/mediawiki/2020/archive/7/72/20201009133603%21T--IISER-Tirupati_India--Doodly.png" style="width: 80%;">
 
               </a>
 
               </a>
 
             </div>
 
             </div>
Line 1,962: Line 1,964:
 
   ]
 
   ]
 
     });
 
     });
−
   new WOW().init();              
+
   new WOW().init();            
 
   </script>
 
   </script>
 +
<script async>$('#2').attr('style','fill:red');</script>
 
         <footer class="bg-grey wow fadeInUp">
 
         <footer class="bg-grey wow fadeInUp">
 
             <div class="container">
 
             <div class="container">

Latest revision as of 18:53, 27 October 2020

Wiki

All our hard work paid off seeing this wiki made. The wiki could succesfully be developed because of the amount of help we received from outside sources. Here, we thank the iGEM X JOGL platform that provided us a chance to collaborate with Gaurav Singh who is a full stack web developer and he helped us achieve a great many number of parameters of our wiki.

Some pages of the website highlight ‘mandalas’ which were made using the ‘Warli’ art form. ‘Warli’ is a tribal artform that originated and is practiced in the state of Maharashtra, India. The artform greatly values mother nature and wildlife for the resources they provide to sustain life on Earth. It takes use of very simple geometrical structures to highlight the importance of sustainable development and proper resource utilisation, sustaining all life forms in a blooming ecosystem.

The wiki was developed using HTML, CSS and JS (the usual suspects). As any wiki designer would probably tell you, w3schools was a great resource, and so was various other parts of the internet (like stackoverflow). Adobe Dreamweaver was used to visuallize the html and css while editing, and GitHub and jsfiddle were of great help in collaborations with Gaurav.