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

 
(20 intermediate revisions by 2 users not shown)
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/2/28/Elan_Vital_solidbg.JPG) 50% 0 no-repeat fixed;
+
background: url(https://static.igem.org/mediawiki/2015/9/9c/Newlightbg.jpg) 50% 0 no-repeat fixed;
     height: 1000px;
+
     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;
 
     margin: 0 auto;
 
     margin: 0 auto;
 
     width: 100%;
 
     width: 100%;
 
     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 {
 
font-size:16px;
 
font-size:16px;
line-height:170%;
+
line-height:190%;
 
}
 
}
 +
 +
h6{
 +
text-decoration:none;
 +
font-size: 12px;
 +
letter-spacing:1px;
 +
}
 +
 +
 +
 +
#img_cont {
 +
  display: table;
 +
  width: 90%;
 +
  margin: 20px auto;
 +
}
 +
 +
#img_cont a {
 +
  display: table-cell;
 +
  text-align: center;
 +
  width: 32%;
 +
}
 +
 +
#img_cont img {
 +
  width: 100%;
 +
  max-width: 300px;
 +
}
 +
 +
/**
 +
* 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; } */
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
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;}
 +
  
  
 
.inner2 {
 
.inner2 {
width: 50%;
+
width: 100%;
height: 300px;
+
height: auto;
margin-left:30%;
+
margin-left:12%;
 +
background-color:#424242;
 
}
 
}
  
.caption2 {
+
.caption4 {
  width: 50%;
+
  width: 30%;
height:140px;
+
height:auto;
 
float:left;
 
float:left;
 
}
 
}
 +
 +
  
 
</style>
 
</style>
Line 149: Line 262:
  
 
<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 274:
 
             <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 --!>
 +
                <a name="myAnchor" id="myAnchor"></a>
 +
        <section id="maintext" data-speed="10" data-type="background">
 +
 +
 +
<p id="img_cont">
 +
  <a href="#"><img src="https://static.igem.org/mediawiki/2015/5/52/Medal_requirement-08.png" /></a>
 +
  <a href="#"><img src="https://static.igem.org/mediawiki/2015/d/d7/Medal_requirement-09.png" /></a>
 +
  <a href="#"><img src="https://static.igem.org/mediawiki/2015/6/61/Medal_requirement-10.png" /></a>
 +
</p>
  
 
<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>
 
     </h5>
 
     </h5>
 
         <p>
 
         <p>
Labs should be maintained in <br>
+
&#10004;  Registration (naturally), great summer <br>
clean, organized and orderly manner.
+
(of course!), plan to have fun at <br>
 +
the Giant Jamboree (absolutely!) <br><br>
 +
 
 +
&#10004; iGEM 2015 <a href="https://igem.org/2015_Judging_Form?id=1584"> Judging form </a> <br> <br>
 +
 
 +
&#10004; Description of team project and <br>
 +
parts ( <a href="https://2015.igem.org/Team:elan_vital_korea/Project_Overview"> project overview </a> , <a href="2015.igem.org/Team:elan_vital_korea/Design"> plasmid <br>
 +
design</a> , <a href="2015.igem.org/Team:elan_vital_korea/Background"> background <br>
 +
information</a> , <a href="2015.igem.org/Team:elan_vital_korea/Parts"> parts</a> and <a href="2015.igem.org/Team:elan_vital_korea/Result"> result</a>) <br> <br>
 +
 
 +
&#10004; Poster and talk (will do) <br> <br>
 +
 
 +
&#10004; <a href="2015.igem.org/Team:Elan_Vital_Korea/Attributions"> Attributions</a> <br> <br>
 +
 
 +
&#10004; <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Collaborations"> Collaboration </a>
 
         </p>
 
         </p>
 
   </div>
 
   </div>
Line 197: Line 332:
 
     </h5>
 
     </h5>
 
         <p>
 
         <p>
All participants including <br>
+
&#10004; BioBrick submission (<a href="http://parts.igem.org/Part:BBa_K1584026"> BBa_K1584026</a> and <br>
students and instructors <br>
+
<a href="http://parts.igem.org/Part:BBa_K1584008"> BBa_K1584008 </a>) and <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Parts"> documentation <br><br>
must understand and observe <br>
+
 
safety rules and guidelines.
+
&#10004; <a href="2015.igem.org/Team:Elan_Vital_Korea/Practices"> Human Practice</a> (gladly)
 
         </p>
 
         </p>
 
   </div>
 
   </div>
Line 210: Line 345:
 
     </h5>
 
     </h5>
 
         <p>
 
         <p>
Before the lab activities, lab safety education must be
+
&#10004; <a href=" https://2015.igem.org/Team:elan_vital_korea/Practices#myAnchor2"> Integrated</a> and <a href=" https://2015.igem.org/Team:elan_vital_korea/Practices#myAnchor3"> public/educational <br>
taken in which contents of lab experiments, operation methods
+
human practices</a> <br><br>
of lab equipment, rules and guidelines, and procedures in case
+
of accidents must be properly understood.
+
        </p>
+
  </div>
+
  
 +
&#10004; <a href="2015.igem.org/Team:Elan_Vital_Korea/Collaborations"> Collaborations </a> <br><br>
  
 +
&#10004; <a href="2015.igem.org/Team:Elan_Vital_Korea/Parts"> BioBrick Parts (<a href="parts.igem.org/Part:BBa_K1584026"> BBa_K1584026 </a><br>
 +
and <a href="parts.igem.org/Part:BBa_K1584035"> BBa_K1584035</a>) <br>
  
 +
&#10004; <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Design"> Functional prototype</a>
 +
        </p>
 +
  </div>
  
  

Latest revision as of 22:51, 18 September 2015








WETLAB
-Medal Requirement-

1

✔ Registration (naturally), great summer
(of course!), plan to have fun at
the Giant Jamboree (absolutely!)

✔ iGEM 2015 Judging form

✔ Description of team project and
parts ( project overview , plasmid
design
, background
information
, parts and result)

✔ Poster and talk (will do)

Attributions

Collaboration

2

✔ BioBrick submission ( BBa_K1584026 and
BBa_K1584008 ) and documentation

Human Practice (gladly)