Difference between revisions of "Team:elan vital korea/Medal Requirement"

Line 1: Line 1:
 
{{ElanVitalKoreaMWlook}}
 
{{ElanVitalKoreaMWlook}}
 
{{ElanVitalKorea}}
 
{{ElanVitalKorea}}
 +
{{imageslider}}
  
 
<html>
 
<html>
−
 
+
<head>
−
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+
 
<script>
 
<script>
 
$(document).ready(function(){
 
$(document).ready(function(){
Line 14: Line 14:
 
                      
 
                      
 
       $(window).scroll(function() {
 
       $(window).scroll(function() {
−
                      
+
                     boot
 
         // Scroll the background at var speed
 
         // Scroll the background at var speed
 
         // the yPos is a negative value because we're scrolling it UP!                                 
 
         // the yPos is a negative value because we're scrolling it UP!                                 
Line 37: Line 37:
 
document.createElement("section");
 
document.createElement("section");
 
</script>
 
</script>
 +
 +
 +
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
 +
<script src="jquery.blueberry.js"></script>
 +
 +
<script>
 +
$(window).load(function() {
 +
    $('.blueberry').blueberry();
 +
});
 +
</script>
 +
 +
 
<style>
 
<style>
 +
 +
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
 +
 
body{
 
body{
 
     margin:0;
 
     margin:0;
 
     padding:0;
 
     padding:0;
 +
font-family: 'Open Sans', sans-serif;
 
}
 
}
  
Line 46: Line 63:
 
#home {
 
#home {
 
     background: url(https://static.igem.org/mediawiki/2015/9/98/IgemResourceBG.png) 50% 0 no-repeat fixed;
 
     background: url(https://static.igem.org/mediawiki/2015/9/98/IgemResourceBG.png) 50% 0 no-repeat fixed;
 +
min-height:1000px;
 
     height: 1000px;   
 
     height: 1000px;   
 
     margin: 0 auto;
 
     margin: 0 auto;
Line 51: Line 69:
 
     max-width: 1920px;
 
     max-width: 1920px;
 
     position: relative;
 
     position: relative;
−
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
 
 
}
 
}
 
#about {
 
#about {
−
     background: url(https://static.igem.org/mediawiki/2015/9/9c/Newlightbg.jpg) 50% 0 no-repeat fixed;
+
background: url(https://static.igem.org/mediawiki/2015/9/9c/Newlightbg.jpg) 50% 0 no-repeat fixed;
 +
     min-height:1000px;
 +
    height: auto;
 +
    margin: 0 auto;
 +
    width: 100%;
 +
    max-width: 1920px;
 +
    position: relative;
 +
}
 +
#maintext {
 +
background: url(https://static.igem.org/mediawiki/2015/9/9c/Newlightbg.jpg) 50% 0 no-repeat fixed;
 +
min-height:1000px;
 
     height: auto;
 
     height: auto;
 
     margin: 0 auto;
 
     margin: 0 auto;
Line 60: Line 87:
 
     max-width: 1920px;
 
     max-width: 1920px;
 
     position: relative;
 
     position: relative;
−
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
 
 
}
 
}
 +
 +
#maintext2 {
 +
background: url(https://static.igem.org/mediawiki/2015/9/9c/Newlightbg.jpg) 50% 0 no-repeat fixed;
 +
min-height:1000px;
 +
    height: auto;
 +
    margin: 0 auto;
 +
    width: 100%;
 +
    max-width: 1920px;
 +
    position: relative;
 +
}
 +
 +
 +
 +
  
 
/* Introduction */
 
/* Introduction */
Line 68: Line 108:
  
 
#about article { background: url("#") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }
 
#about article { background: url("#") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }
 +
 +
#maintext article { background: url("#") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }
  
  
 +
#maintext2 article { background: url("#") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }
  
  
Line 76: Line 119:
 
     font: 10px/1.5 Verdana, Helvetica, sans-serif;
 
     font: 10px/1.5 Verdana, Helvetica, sans-serif;
 
     float: left;     
 
     float: left;     
−
     width: 16%;
+
     width: 20%;
−
     margin:  2% 2% 50px 2%;
+
     margin:  2% 2% 50px 8%;
 
}
 
}
 
   
 
   
Line 109: Line 152:
 
     margin-left: auto;
 
     margin-left: auto;
 
     margin-right: auto; }
 
     margin-right: auto; }
 +
 +
IMG.igem {
 +
float:right;
 +
width:5%;
 +
margin:20px;
 +
}
  
 
h4 {
 
h4 {
Line 119: Line 168:
 
h5{
 
h5{
 
text-decoration:none;
 
text-decoration:none;
−
font-size: 24px;
+
font-size: 22px;
 
letter-spacing:1px;
 
letter-spacing:1px;
 
line-height:25px;
 
line-height:25px;
 +
color:white;
 
}
 
}
−
 
−
 
  
 
p {
 
p {
Line 131: Line 179:
 
}
 
}
  
 +
h6{
 +
text-decoration:none;
 +
font-size: 12px;
 +
letter-spacing:1px;
 +
}
 +
 +
 +
/**
 +
* Media queries for responsive design.
 +
*
 +
* These follow after primary styles so they will successfully override.
 +
*/
 +
 +
@media all and (orientation:portrait) {
 +
  /* Style adjustments for portrait mode goes here */
 +
 +
}
 +
 +
@media all and (orientation:landscape) {
 +
  /* Style adjustments for landscape mode goes here */
 +
 +
}
 +
 +
/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
 +
  consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
 +
@media screen and (max-device-width: 480px) {
 +
 +
 +
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
 +
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
 +
}
 +
 +
 +
 +
 +
.innerauto {
 +
width: 40%;
 +
height:auto;
 +
margin: 0 auto;
 +
}
 +
 +
.inner {
 +
width: 40%;
 +
height:200px;
 +
margin: 0 auto;
 +
}
  
 
.inner2 {
 
.inner2 {
Line 136: Line 230:
 
height: 300px;
 
height: 300px;
 
margin-left:30%;
 
margin-left:30%;
 +
}
 +
 +
.inner3 {
 +
width: 50%;
 +
height: 400px;
 +
margin-left:30%;
 +
}
 +
 +
 +
.inner4 {
 +
width: 50%;
 +
height: 300px;
 +
margin-left:30%;
 +
}
 +
 +
 +
.caption0 {
 +
width: 50%;
 +
height:100px;
 +
float:left;
 +
}
 +
 +
.caption1 {
 +
width: 50%;
 +
height:150px;
 +
float:left;
 
}
 
}
  
Line 143: Line 263:
 
float:left;
 
float:left;
 
}
 
}
 +
 +
.caption3 {
 +
width: 30%;
 +
height:180px;
 +
float:left;
 +
}
 +
 +
.caption32 {
 +
width: 30%;
 +
height:250px;
 +
float:left;
 +
}
 +
 +
#extra {
 +
float:left;
 +
width 200px;
 +
}
 +
 +
.caption40 {
 +
width: 30%;
 +
height:300px;
 +
float:left;
 +
}
 +
 +
.caption4 {
 +
width: 30%;
 +
height:355px;
 +
float:left;
 +
}
 +
 +
.caption5 {
 +
width: 30%;
 +
height:350px;
 +
float:left;
 +
}
 +
 +
 +
.caption6 {
 +
width: 30%;
 +
height:80px;
 +
float:left;
 +
}
 +
 +
.caption7 {
 +
width: 30%;
 +
height:140px;
 +
float:left;
 +
}
 +
 +
 +
 +
a:visited { text-decoration: none; color:black; }
 +
a:hover { text-decoration: none; color:black;}
 +
a:focus { text-decoration: none; color:black; }
 +
a:hover, a:active { text-decoration: none; color:black;}
 +
 +
  
 
</style>
 
</style>
Line 149: Line 326:
  
 
<body>
 
<body>
−
     <!-- Section #1 -->
+
     <!-- Section #1 --!>
 
         <section id="home" data-speed="10" data-type="background">
 
         <section id="home" data-speed="10" data-type="background">
−
 
+
  <a name="top" id="top"></a>
−
         
+
        <a href="#"><img class="igem" src="https://static.igem.org/mediawiki/2015/7/70/IGEM_Logo.gif"></a>
 
             <br>
 
             <br>
 
             <br>
 
             <br>
Line 161: Line 338:
 
             <br>
 
             <br>
 
<div class="center;">
 
<div class="center;">
−
                 <a href="https://2015.igem.org/Team:elan_vital_korea">
+
                 <a href="https://2015.igem.org/Team:Elan_Vital_Korea">
 
                     <img class="displayed" src="https://static.igem.org/mediawiki/2015/d/d5/ElanVital_Logo.png">
 
                     <img class="displayed" src="https://static.igem.org/mediawiki/2015/d/d5/ElanVital_Logo.png">
 
                 </a>
 
                 </a>
−
 
 
                 <h4 style="text-align:center;">
 
                 <h4 style="text-align:center;">
−
                     iGEM RESOURCE <br> -Medal Requirement-
+
                     WETLAB <br> -Medal Requirement-
 
                 </h4>
 
                 </h4>
 
                     <a href="#myAnchor" rel="" id="anchor1" class="anchorLink"><img class="displayed" src="https://static.igem.org/mediawiki/2015/d/d2/Scroll_arrow.png"></a>
 
                     <a href="#myAnchor" rel="" id="anchor1" class="anchorLink"><img class="displayed" src="https://static.igem.org/mediawiki/2015/d/d2/Scroll_arrow.png"></a>
−
          </div>
 
 
           </div>
 
           </div>
 
     </section>
 
     </section>
  
−
    <!-- Section #2 -->
 
−
        <section id="about" data-speed="4" data-type="background">
 
−
<h5 style="text-align:center;">
 
−
<a name="myAnchor" id="myAnchor"></a><br><br><br>Medal Requirement
 
  
  
 +
 +
 +
 +
    <!-- Section #2 --!>
 +
        <section id="maintext" data-speed="10" data-type="background">
 +
<P style="text-align:center;clear:both">
 +
<font color="black">
 +
We have conducted our experiments at Gachon University. Thus, we have always observed safety rules of the lab. We had Safety Education & Training Session <br>
 +
before starting our lab work. Also, when we conducted our experiments, Gachon University staff supervised our work.
 +
</font>
 +
</p>
 +
<br>
 +
 +
<h5 style="text-align:center;">
 +
                <font color="black">
 +
Gachon University General Lab Safety Rule
 +
</font>
 +
</h5>
  
 
<div class="inner2">
 
<div class="inner2">
 
<font color="black">
 
<font color="black">
 
   <div class="caption4">
 
   <div class="caption4">
 +
 
   <h5>
 
   <h5>
 
  <font color="black"> 1 </font>
 
  <font color="black"> 1 </font>
Line 216: Line 406:
 
         </p>
 
         </p>
 
   </div>
 
   </div>
−
</font>
 
−
</div>
 
  
 +
  <div class="caption5">
 +
  <h5>
 +
<font color="black"> 4 </font>
 +
    </h5>
 +
        <p>
 +
Everyone must follow instructions <br>
 +
of the responsible person in <br>
 +
the lab and should not perform <br>
 +
any activities which may cause <br>
 +
any danger.
 +
        </p>
 +
  </div>
  
 +
  <div class="caption5">
 +
  <h5>
 +
<font color="black"> 5 </font>
 +
    </h5>
 +
        <p>
 +
Everyone must understand emergency behavior
 +
guidelines. Emergency includes fire, <br>
 +
emergency patient and
 +
other dangerous situation. Everyone must know the location of
 +
emergent phone calls, fire alarm, and power disconnecting switch, etc.
 +
        </p>
 +
  </div>
  
 +
  <div class="caption5">
 +
  <h5>
 +
<font color="black"> 6 </font>
 +
    </h5>
 +
        <p>
 +
Everyone must understand how to use fire extinguisher and check the status of it.
 +
        </p>
 +
  </div>
 +
 +
  <div class="caption3">
 +
  <h5>
 +
<font color="black"> 7 </font>
 +
    </h5>
 +
        <p>
 +
Smoking, eating, drinking, chewing the gum are prohibited in the lab. Disposal of food and drink is also forbidden.
 +
        </p>
 +
  </div>
 +
 +
  <div class="caption3">
 +
  <h5>
 +
<font color="black"> 8 </font>
 +
    </h5>
 +
        <p>
 +
All participants must be properly dressed in the lab with the safety Consideration.
 +
        </p>
 +
  </div>
 +
</font>
 +
</div>
 +
 +
  <div class="caption3">
 +
  <h5>
 +
<font color="black"> 9 </font>
 +
    </h5>
 +
        <p>
 +
During the operation of the equipment and <br>
 +
during the experiment, at least <br>
 +
one person should attend and observe the situation.
 +
        </p>
 +
  </div>
 +
</font>
 +
</div>
  
  

Revision as of 21:28, 18 September 2015








WETLAB
-Medal Requirement-

We have conducted our experiments at Gachon University. Thus, we have always observed safety rules of the lab. We had Safety Education & Training Session
before starting our lab work. Also, when we conducted our experiments, Gachon University staff supervised our work.


Gachon University General Lab Safety Rule
1

Labs should be maintained in
clean, organized and orderly manner.

2

All participants including
students and instructors
must understand and observe
safety rules and guidelines.

3

Before the lab activities, lab safety education must be taken in which contents of lab experiments, operation methods of lab equipment, rules and guidelines, and procedures in case of accidents must be properly understood.

4

Everyone must follow instructions
of the responsible person in
the lab and should not perform
any activities which may cause
any danger.

5

Everyone must understand emergency behavior guidelines. Emergency includes fire,
emergency patient and other dangerous situation. Everyone must know the location of emergent phone calls, fire alarm, and power disconnecting switch, etc.

6

Everyone must understand how to use fire extinguisher and check the status of it.

7

Smoking, eating, drinking, chewing the gum are prohibited in the lab. Disposal of food and drink is also forbidden.

8

All participants must be properly dressed in the lab with the safety Consideration.

9

During the operation of the equipment and
during the experiment, at least
one person should attend and observe the situation.