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

(Created page with "{{ElanVitalKoreaMWlook}} {{ElanVitalKorea}} <html> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script> $(document).ready(function()...")
 
 
(25 intermediate revisions by 3 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(){
−
// Cache the Window object
+
    // Cache the Window object
−
$window = $(window);
+
    $window = $(window);
 
                  
 
                  
 
   $('section[data-type="background"]').each(function(){
 
   $('section[data-type="background"]').each(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!                              
−
var yPos = -($window.scrollTop() / $bgobj.data('speed'));  
+
        var yPos = -($window.scrollTop() / $bgobj.data('speed'));
−
+
       
−
// Put together our final background position
+
        // Put together our final background position
−
var coords = '50% '+ yPos + 'px';
+
        var coords = '50% '+ yPos + 'px';
  
−
// Move the background
+
        // Move the background
−
$bgobj.css({ backgroundPosition: coords });
+
        $bgobj.css({ backgroundPosition: coords });
−
+
       
 
}); // window scroll Ends
 
}); // window scroll Ends
  
−
  });
+
  });  
  
−
});  
+
});
−
/*  
+
/*
 
  * Create HTML5 elements for IE's sake
 
  * Create HTML5 elements for IE's sake
 
  */
 
  */
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;
 
}
 
}
  
  
−
#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;
−
height: 1000px;   
+
min-height:1000px;
−
margin: 0 auto;  
+
    height: 1000px;   
−
     width: 100%;  
+
    margin: 0 auto;
−
     max-width: 1920px;  
+
     width: 100%;
−
     position: relative;
+
     max-width: 1920px;
−
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
+
     position: relative;
 
}
 
}
−
#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;
−
margin: 0 auto;  
+
    height: auto;
−
     width: 100%;  
+
    margin: 0 auto;
−
     max-width: 1920px;  
+
     width: 100%;
−
     position: relative;
+
     max-width: 1920px;
−
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
+
     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;
 +
    width: 100%;
 +
    max-width: 1920px;
 +
    position: relative;
 +
}
 +
 +
#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 69: Line 109:
 
#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 {
 +
font-size:16px;
 +
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 {
 +
width: 100%;
 +
height: auto;
 +
margin-left:12%;
 +
background-color:#424242;
 +
}
 +
 +
.caption4 {
 +
width: 30%;
 +
height:auto;
 +
float:left;
 +
}
 +
 +
  
 
</style>
 
</style>
Line 129: 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 141: 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;">
−
                     PROJECT <br> -Project Overview-
+
                     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>Project Overview
+
 
−
</h5>
+
 
−
<P style="text-align:center;">
+
    <!-- Section #2 --!>
−
Our team is a small number of people with complementary skills who are committed to <br>
+
                <a name="myAnchor" id="myAnchor"></a>
−
a common purpose, performance goals, and approach for which they hold themselves mutually accountable.
+
         <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>
 
</p>
−
         
+
 
−
</div>
+
<div class="inner2">
 +
<font color="black">
 +
  <div class="caption4">
 +
 
 +
  <h5>
 +
<font color="black"> 1 </font>
 +
    </h5>
 +
        <p>
 +
&#10004;  Registration (naturally), great summer <br>
 +
(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>
 +
  </div>
 +
 
 +
  <div class="caption4">
 +
  <h5>
 +
<font color="black"> 2 </font>
 +
    </h5>
 +
        <p>
 +
&#10004; BioBrick submission (<a href="http://parts.igem.org/Part:BBa_K1584026"> BBa_K1584026</a> and <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>
 +
 
 +
&#10004; <a href="2015.igem.org/Team:Elan_Vital_Korea/Practices"> Human Practice</a> (gladly)
 +
        </p>
 +
  </div>
 +
 
 +
 
 +
  <div class="caption4">
 +
  <h5>
 +
<font color="black"> 3 </font>
 +
    </h5>
 +
        <p>
 +
&#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>
 +
human practices</a> <br><br>
 +
 
 +
&#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>
 +
 
 +
 
  
 
</section>
 
</section>

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)

3

✔ Integrated and public/educational
human practices

✔ Collaborations

✔ BioBrick Parts ( BBa_K1584026
and BBa_K1584035)
✔ Functional prototype