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

(Replaced content with "{{ElanVitalKoreaMWlook}} {{ElanVitalKorea}}")
 
(23 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{ElanVitalKoreaMWlook}}
 
{{ElanVitalKoreaMWlook}}
 
{{ElanVitalKorea}}
 
{{ElanVitalKorea}}
 +
{{imageslider}}
 +
 +
<html>
 +
<head>
 +
<script>
 +
$(document).ready(function(){
 +
    // Cache the Window object
 +
    $window = $(window);
 +
               
 +
  $('section[data-type="background"]').each(function(){
 +
    var $bgobj = $(this); // assigning the object
 +
                   
 +
      $(window).scroll(function() {
 +
                    boot
 +
        // Scroll the background at var speed
 +
        // the yPos is a negative value because we're scrolling it UP!                               
 +
        var yPos = -($window.scrollTop() / $bgobj.data('speed'));
 +
       
 +
        // Put together our final background position
 +
        var coords = '50% '+ yPos + 'px';
 +
 +
        // Move the background
 +
        $bgobj.css({ backgroundPosition: coords });
 +
       
 +
}); // window scroll Ends
 +
 +
});   
 +
 +
});
 +
/*
 +
* Create HTML5 elements for IE's sake
 +
*/
 +
 +
document.createElement("article");
 +
document.createElement("section");
 +
</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>
 +
 +
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
 +
 +
body{
 +
    margin:0;
 +
    padding:0;
 +
font-family: 'Open Sans', sans-serif;
 +
}
 +
 +
 +
#home {
 +
    background: url(https://static.igem.org/mediawiki/2015/9/98/IgemResourceBG.png) 50% 0 no-repeat fixed;
 +
min-height:1000px;
 +
    height: 1000px; 
 +
    margin: 0 auto;
 +
    width: 100%;
 +
    max-width: 1920px;
 +
    position: relative;
 +
}
 +
#about {
 +
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;
 +
    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 */
 +
 +
#home 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%; }
 +
 +
 +
.galleryItem {
 +
    color: #797478;
 +
    font: 10px/1.5 Verdana, Helvetica, sans-serif;
 +
    float: left;   
 +
    width: 20%;
 +
    margin:  2% 2% 50px 8%;
 +
}
 +
 +
.galleryItem h2 {
 +
    text-transform: uppercase;
 +
}
 +
 +
.galleryItem img {
 +
    max-width: 100%;
 +
    -webkit-border-radius: 5px;
 +
    -moz-border-radius: 5px;
 +
    border-radius: 5px;
 +
}
 +
 +
 +
 +
.center {
 +
  position: absolute;
 +
  margin: auto;
 +
  top: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  width: 100px;
 +
  height: 100px;
 +
  border-radius: 3px;
 +
}
 +
 +
IMG.displayed {
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto; }
 +
 +
IMG.igem {
 +
float:right;
 +
width:5%;
 +
margin:20px;
 +
}
 +
 +
h4 {
 +
color:white;
 +
font-size: 24px;
 +
letter-spacing:1px;
 +
line-height:25px;
 +
}
 +
 +
h5{
 +
text-decoration:none;
 +
font-size: 22px;
 +
letter-spacing:1px;
 +
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>
 +
 +
</head>
 +
 +
<body>
 +
    <!-- Section #1 --!>
 +
        <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>
 +
            <br>
 +
            <br>
 +
            <br>
 +
<div class="center;">
 +
                <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">
 +
                </a>
 +
                <h4 style="text-align:center;">
 +
                    WETLAB <br> -Medal Requirement-
 +
                </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>
 +
          </div>
 +
    </section>
 +
 +
 +
 +
 +
 +
 +
    <!-- 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">
 +
<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>
 +
 +
<script>
 +
$('a').click(function(){
 +
    $('html, body').animate({
 +
        scrollTop: $( $(this).attr('href') ).offset().top
 +
    }, 500);
 +
    return false;
 +
});
 +
</script>
 +
 +
</body>
 +
 +
</html>

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