Difference between revisions of "Team:elan vital korea"
| (6 intermediate revisions by the same user not shown) | |||
| Line 7: | Line 7: | ||
<script> | <script> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
| − | + | // Cache the Window object | |
| − | + | $window = $(window); | |
$('section[data-type="background"]').each(function(){ | $('section[data-type="background"]').each(function(){ | ||
| Line 15: | Line 15: | ||
$(window).scroll(function() { | $(window).scroll(function() { | ||
| − | + | // 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 | }); // window scroll Ends | ||
| − | }); | + | }); |
| − | }); | + | }); |
| − | /* | + | /* |
* Create HTML5 elements for IE's sake | * Create HTML5 elements for IE's sake | ||
*/ | */ | ||
| Line 39: | Line 39: | ||
<style> | <style> | ||
body{ | body{ | ||
| − | + | margin:0; | |
| − | + | padding:0; | |
} | } | ||
| − | #home { | + | #home { |
| − | + | background: url(https://static.igem.org/mediawiki/2015/archive/2/24/20150829203509!ElanVital_Bg.png) 50% 0 no-repeat fixed; | |
| − | + | height: 1000px; | |
| − | + | 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); | 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; | |
| − | + | height: 1000px; | |
| − | + | 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); | box-shadow: 0 0 50px rgba(0,0,0,0.8); | ||
} | } | ||
| Line 122: | Line 122: | ||
letter-spacing:1px; | letter-spacing:1px; | ||
line-height:25px; | line-height:25px; | ||
| + | } | ||
| + | |||
| + | |||
| + | IMG.igem { | ||
| + | float:right; | ||
| + | width:5%; | ||
| + | margin:20px; | ||
} | } | ||
| Line 131: | Line 138: | ||
<!-- Section #1 --> | <!-- Section #1 --> | ||
<section id="home" data-speed="10" data-type="background"> | <section id="home" data-speed="10" data-type="background"> | ||
| − | + | <a href="#"> <img class="igem" src="https://static.igem.org/mediawiki/2015/7/70/IGEM_Logo.gif"></a> | |
<br> | <br> | ||
| Line 146: | Line 153: | ||
<h4 style="text-align:center;"> | <h4 style="text-align:center;"> | ||
| − | + | HOME <br> | |
</h4> | </h4> | ||
| − | + | </div> | |
| − | + | ||
</div> | </div> | ||
</section> | </section> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<script> | <script> | ||
Latest revision as of 09:13, 7 September 2015
