Difference between revisions of "Team:XJTLU-CHINA/Safety"

m
 
(14 intermediate revisions by 2 users not shown)
Line 5: Line 5:
 
         <style type="text/css">
 
         <style type="text/css">
 
             .title{
 
             .title{
−
                 background-image: linear-gradient(120deg, #ffcc66 0%, #e6ffcc 100%);
+
                 background-image: linear-gradient(60deg, #abecd6 0%, #fbed96 100%);
 
                 height: 300px;
 
                 height: 300px;
 
                 margin-bottom: 20px;
 
                 margin-bottom: 20px;
 
             }
 
             }
 
             .form > p{
 
             .form > p{
 +
                padding-left: 60px;
 +
                padding-right: 60px;
 +
                padding-top: 20px;
 +
                padding-bottom: 20px;
 +
            }
 +
            section#workingPic > figure > img {
 +
                display: none;
 +
                margin: 0px auto;
 +
            }
 +
            section#workingPic > figure.visible > img {
 +
                display: block;
 +
                position: relative;
 +
                overflow: hidden;
 +
            }
 +
            section#workingPic > figure > figcaption {
 +
                display: none;
 +
            }
 +
            section#workingPic > figure.visible >figcaption {
 +
                display: block;
 +
                text-align: center;
 +
                font-size: 18px;
 
                 color: grey;
 
                 color: grey;
−
                font-size: 30px;
 
−
                height: 200px;
 
−
                padding: 100px;
 
 
             }
 
             }
−
            </style>
+
        </style>
 +
        <script type="text/javascript">
 +
            var slideInterval = 3500;
 +
            function getFigures () {
 +
                return document.getElementById('workingPic').getElementsByTagName('figure');
 +
            }
 +
            function moveForward() {
 +
                var pointer;
 +
                var figures = getFigures();
 +
                for (var i = 0; i < figures.length; i++){
 +
                    if (figures[i].className == 'visible'){
 +
                        figures[i].className = '';
 +
                        pointer = i;
 +
                    }
 +
                }
 +
                if (++pointer == figures.length){
 +
                    pointer = 0;
 +
                }
 +
                figures[pointer].className = 'visible';
 +
                setTimeout(moveForward, slideInterval);
 +
            }
 +
            function startPlayback() {
 +
                setTimeout(moveForward, slideInterval);
 +
            }
 +
            startPlayback();
 +
      </script>
 
     </head>
 
     </head>
 
     <body>
 
     <body>
 
         <div class="title text-center">
 
         <div class="title text-center">
−
            <h1 style="color:white; font-size:80px; padding-top:100px;">Our Safety</h1>
+
        <h1 style="color:white; font-size:80px; padding-top:120px;">Our Safety</h1>
−
        </div>
+
    </div>
 +
 
 +
    <div class="container">
 
         <div class="form" id="1" align="center">
 
         <div class="form" id="1" align="center">
 
             <h1>Lab Training</h1>
 
             <h1>Lab Training</h1>
−
             <p>
+
             <p style="font-size:20px;">
−
                 All of our team members have received lab trainning sessions given by our second PI, lab techinician and the university biosafety office. In these sessions, lab access and rules, responsible persons, biosafety equipment as well as other biosafety rules were covered.
+
                 All of our team members have received lab trainning sessions given by our second PI, lab techinician and the university biosafety
 +
                office. In these sessions, lab access and rules, responsible persons, biosafety equipment as well as other
 +
                biosafety rules were covered.
 
             </p>
 
             </p>
 
             <figure>
 
             <figure>
−
                 <img width="650px"src="https://static.igem.org/mediawiki/2017/b/b9/Lab_in_the_Biological_Sciences_Department_of_our_university.jpeg" alt="Lab in the Biological Sciences Department of our university">
+
                 <img width="650px" src="https://static.igem.org/mediawiki/2017/1/1d/Lab_training_by_technician.jpeg">
−
                 <figcaption> iGEM 2017 team members working in the lab of Department of Biological Sciences</figcaption>
+
                 <figcaption style="color:grey;"> iGEM 2017 team members were receiving lab safety training by technician</figcaption>
 
             </figure>
 
             </figure>
 
         </div>
 
         </div>
 +
  
 
         <div class="form" id="2" align="center">
 
         <div class="form" id="2" align="center">
 
             <h1>Our Laboratory</h1>
 
             <h1>Our Laboratory</h1>
−
             <p>
+
             <p style="font-size:20px;">
−
                 We work in two different lab spaces, respectively locating in the Department of Biological Science of XJTLU and our cooperating hospital. The lab in our department is in Safety Level 1 and the one in the hospital is in Level 2.
+
                 We work in two different lab spaces, respectively locating in the Department of Biological Science of XJTLU and our cooperating
 +
                hospital. The lab in our department is in Safety Level 1 and the one in the hospital is in Level 2.
 
             </p>
 
             </p>
 +
        </div>
 +
 +
        <section id="workingPic">
 +
            <figure class="visible">
 +
                <img width="650px" src="https://static.igem.org/mediawiki/2017/b/b9/Lab_in_the_Biological_Sciences_Department_of_our_university.jpeg"
 +
                    alt="Lab in the Biological Sciences Department of our university">
 +
                <figcaption> iGEM 2017 team members working in the lab of Department of Biological Sciences</figcaption>
 +
            </figure>
 
             <figure>
 
             <figure>
−
                 <img width="650px" src="https://static.igem.org/mediawiki/2017/1/16/Lab_in_the_hospital.jpeg" alt="Lab in the hospital">
+
                 <img width="650px" src="https://static.igem.org/mediawiki/2017/8/8f/Working_in_the_lab_of_hospital.jpeg" alt="Lab in the hospital">
 
                 <figcaption>Lab in the cooperating hospital that we work in</figcaption>
 
                 <figcaption>Lab in the cooperating hospital that we work in</figcaption>
 
             </figure>
 
             </figure>
 
             <figure>
 
             <figure>
−
                 <img width="650px" src="https://static.igem.org/mediawiki/2017/5/51/Lab_in_the_Biological_Sciences_Department_of_our_university%282%29.jpeg" alt="Lab in our department">
+
                 <img width="650px" src="https://static.igem.org/mediawiki/2017/5/51/Lab_in_the_Biological_Sciences_Department_of_our_university%282%29.jpeg"
 +
                    alt="Lab in our department">
 
                 <figcaption>Lab in the Department of Biological Sciences of XJTLU</figcaption>
 
                 <figcaption>Lab in the Department of Biological Sciences of XJTLU</figcaption>
 +
            </figure>
 +
        </section>
 +
 +
 +
 +
        <<div class="form" id="5" align="center">
 +
            <h1>Link to Our Safety Form</h1>
 +
            <p style="text-align:center;"><a href="https://2017.igem.org/Safety/Final_Safety_Form?team_id=2309">Click to View Our Safety Form</p>
 +
            <figure>
 +
                <img width="650px" src="https://static.igem.org/mediawiki/2017/f/f4/Health_and_safety_form.jpeg">
 
             </figure>
 
             </figure>
 
         </div>
 
         </div>
 +
        </div>
 +
 +
 
     <!-- banner -->
 
     <!-- banner -->
 
<div class="text-center" style="background:#cfe5d9;">
 
<div class="text-center" style="background:#cfe5d9;">
Line 85: Line 156:
 
         <div class="row">
 
         <div class="row">
 
           <div class="col-md-4 loaction">
 
           <div class="col-md-4 loaction">
−
               <h4>Loaction</h4>
+
               <h4>Location</h4>
 
               <p  style="text-align:center;">Rm 363, Science Building<br>
 
               <p  style="text-align:center;">Rm 363, Science Building<br>
 
               Xi'an Jiaotong-Liverpool University<br>
 
               Xi'an Jiaotong-Liverpool University<br>

Latest revision as of 05:32, 30 September 2017

Safety

Our Safety

Lab Training

All of our team members have received lab trainning sessions given by our second PI, lab techinician and the university biosafety office. In these sessions, lab access and rules, responsible persons, biosafety equipment as well as other biosafety rules were covered.

iGEM 2017 team members were receiving lab safety training by technician

Our Laboratory

We work in two different lab spaces, respectively locating in the Department of Biological Science of XJTLU and our cooperating hospital. The lab in our department is in Safety Level 1 and the one in the hospital is in Level 2.

Lab in the Biological Sciences Department of our university
iGEM 2017 team members working in the lab of Department of Biological Sciences
Lab in the hospital
Lab in the cooperating hospital that we work in
Lab in our department
Lab in the Department of Biological Sciences of XJTLU
<

Link to Our Safety Form

Click to View Our Safety Form

Collaborators and Supporters

Location

Rm 363, Science Building
Xi'an Jiaotong-Liverpool University
111 Ren'ai Road, Suzhou, China
215123

Get in touch

emali

igem@xjtlu.edu.cn

XJTLU-CHINA iGEM 2017