(5 intermediate revisions by 2 users not shown) | |||
Line 6: | Line 6: | ||
<head> | <head> | ||
<style> | <style> | ||
− | + | .h1 { | |
+ | font-family: "DIN Alternate Bold", Helvetica, Arial; | ||
+ | font-size: 30px; | ||
+ | font-style: normal; | ||
+ | font-variant: normal; | ||
+ | font-weight: bold; | ||
+ | line-height: 26.4pt; | ||
+ | color: white; | ||
+ | } | ||
</style> | </style> | ||
Line 40: | Line 48: | ||
<div class="pagediv"> | <div class="pagediv"> | ||
<br> | <br> | ||
− | <div class="para> | + | <div class="para"> |
Create a biochemical model of the violacein production based on the synthetic | Create a biochemical model of the violacein production based on the synthetic | ||
pathway and violacein production data from bacteria with different promoters for | pathway and violacein production data from bacteria with different promoters for | ||
each of the five genes involved in the pathway. | each of the five genes involved in the pathway. | ||
+ | <br><br> | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
<div class="fixed_flyer" id = "sec3" style="position:relative;z-index:3"> | <div class="fixed_flyer" id = "sec3" style="position:relative;z-index:3"> | ||
Line 52: | Line 61: | ||
</div> | </div> | ||
<div class="pagediv"> | <div class="pagediv"> | ||
+ | <br> | ||
<div class="para"> | <div class="para"> | ||
<ol> | <ol> | ||
Line 175: | Line 185: | ||
<br><br> | <br><br> | ||
− | + | <div class="fixed_flyer" id = "sec5" style="position:relative;z-index:5"> | |
− | <div class="fixed_flyer" id = " | + | |
<div class = "h1">Results</div> | <div class = "h1">Results</div> | ||
</div> | </div> | ||
Line 204: | Line 213: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="fixed_flyer" id = " | + | <div class="fixed_flyer" id = "sec6" style="position:relative;z-index:6"> |
<div class = "h1">Discussion</div> | <div class = "h1">Discussion</div> | ||
</div> | </div> | ||
Line 222: | Line 231: | ||
</div> | </div> | ||
− | <div class="fixed_flyer" id = " | + | <div class="fixed_flyer" id = "sec7" style="position:relative;z-index:7"> |
<div class = "h1">Conclusion</div> | <div class = "h1">Conclusion</div> | ||
</div> | </div> | ||
Line 232: | Line 241: | ||
</div> | </div> | ||
− | <div class="fixed_flyer" id = " | + | <div class="fixed_flyer" id = "sec8" style="position:relative;z-index:8"> |
<div class = "h1">References</div> | <div class = "h1">References</div> | ||
</div> | </div> | ||
Line 260: | Line 269: | ||
var sec6=$(".fixed_flyer#sec6"); | var sec6=$(".fixed_flyer#sec6"); | ||
var sec6_pos=sec6.offset().top; | var sec6_pos=sec6.offset().top; | ||
+ | var sec7=$(".fixed_flyer#sec7"); | ||
+ | var sec7_pos=sec7.offset().top; | ||
+ | var sec8=$(".fixed_flyer#sec8"); | ||
+ | var sec8_pos=sec8.offset().top; | ||
$(window).scroll(function () { | $(window).scroll(function () { | ||
var y=$(this).scrollTop(); | var y=$(this).scrollTop(); | ||
Line 308: | Line 321: | ||
sec5.stop().animate({'top':10},1); | sec5.stop().animate({'top':10},1); | ||
}; | }; | ||
− | if(y< | + | if(y<sec7_pos-40){ |
if(y>sec6_pos){ | if(y>sec6_pos){ | ||
console.log('sec 6 supposed to move'); | console.log('sec 6 supposed to move'); | ||
Line 315: | Line 328: | ||
} else { | } else { | ||
sec6.stop().animate({'top':10},1); | sec6.stop().animate({'top':10},1); | ||
+ | }; | ||
+ | if(y<sec8_pos-40){ | ||
+ | if(y>sec7_pos){ | ||
+ | console.log('sec 7 supposed to move'); | ||
+ | sec7.stop().animate({'top':y-sec7_pos+18},1); | ||
+ | } | ||
+ | } else { | ||
+ | sec7.stop().animate({'top':10},1); | ||
+ | }; | ||
+ | if(y<5000){ | ||
+ | if(y>sec8_pos){ | ||
+ | console.log('sec 8 supposed to move'); | ||
+ | sec8.stop().animate({'top':y-sec8_pos+18},1); | ||
+ | } | ||
+ | } else { | ||
+ | sec8.stop().animate({'top':10},1); | ||
}; | }; | ||
}); | }); |
Latest revision as of 03:25, 20 October 2016