split lights from enthusiast to add to each page
This commit is contained in:
parent
cda0865203
commit
203889aba4
2 changed files with 37 additions and 39 deletions
|
|
@ -343,45 +343,6 @@ function update_sentiment_year(year)
|
|||
|
||||
}
|
||||
|
||||
$(document).ready(function() {
|
||||
var top_movementStrength = 50;
|
||||
var top_width = top_movementStrength / $(window).width();
|
||||
var top_height = top_movementStrength / $(window).height();
|
||||
$("#top-image").mousemove(function(e){
|
||||
var pageX = e.pageX - ($(window).width() / 2);
|
||||
var pageY = e.pageY - ($(window).height() / 2);
|
||||
var topX = top_width * pageX * -1 - 25;
|
||||
var topY = top_height * pageY * -1 - 50;
|
||||
$('#top-image').css("background-position", topX+"px "+topY+"px");
|
||||
});
|
||||
|
||||
var middle_movementStrength = 15;
|
||||
var middle_width = middle_movementStrength / $(window).width();
|
||||
var middle_height = middle_movementStrength / $(window).height();
|
||||
$("#middle-image").mousemove(function(e){
|
||||
var pageX = e.pageX - ($(window).width() / 2);
|
||||
var pageY = e.pageY - ($(window).height() / 2);
|
||||
var middle_X = middle_width * pageX * -1 - 25;
|
||||
var middle_Y = middle_height * pageY * -1 - 50;
|
||||
$('#middle-image').css("background-position", middle_X+"px "+middle_Y+"px");
|
||||
});
|
||||
|
||||
var movementStrength = 5;
|
||||
var width = movementStrength / $(window).width();
|
||||
var height = movementStrength / $(window).height();
|
||||
$("#bottom-image").mousemove(function(e){
|
||||
var pageX = e.pageX - ($(window).width() / 2);
|
||||
var pageY = e.pageY - ($(window).height() / 2);
|
||||
var bottom_X = width * pageX * -1 - 25;
|
||||
var bottom_Y = height * pageY * -1 - 50;
|
||||
$('#bottom-image').css("background-position", bottom_X+"px "+bottom_Y+"px");
|
||||
});
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
$(window).resize(function(){
|
||||
var settings = update_word_cloud_settings()
|
||||
console.log(settings)
|
||||
|
|
|
|||
37
src/static/js/lights.js
Normal file
37
src/static/js/lights.js
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
$(document).ready(function() {
|
||||
var top_movementStrength = 50;
|
||||
var top_width = top_movementStrength / $(window).width();
|
||||
var top_height = top_movementStrength / $(window).height();
|
||||
$("#top-image").mousemove(function(e){
|
||||
var pageX = e.pageX - ($(window).width() / 2);
|
||||
var pageY = e.pageY - ($(window).height() / 2);
|
||||
var topX = top_width * pageX * -1 - 25;
|
||||
var topY = top_height * pageY * -1 - 50;
|
||||
$('#top-image').css("background-position", topX+"px "+topY+"px");
|
||||
});
|
||||
|
||||
var middle_movementStrength = 15;
|
||||
var middle_width = middle_movementStrength / $(window).width();
|
||||
var middle_height = middle_movementStrength / $(window).height();
|
||||
$("#middle-image").mousemove(function(e){
|
||||
var pageX = e.pageX - ($(window).width() / 2);
|
||||
var pageY = e.pageY - ($(window).height() / 2);
|
||||
var middle_X = middle_width * pageX * -1 - 25;
|
||||
var middle_Y = middle_height * pageY * -1 - 50;
|
||||
$('#middle-image').css("background-position", middle_X+"px "+middle_Y+"px");
|
||||
});
|
||||
|
||||
var movementStrength = 5;
|
||||
var width = movementStrength / $(window).width();
|
||||
var height = movementStrength / $(window).height();
|
||||
$("#bottom-image").mousemove(function(e){
|
||||
var pageX = e.pageX - ($(window).width() / 2);
|
||||
var pageY = e.pageY - ($(window).height() / 2);
|
||||
var bottom_X = width * pageX * -1 - 25;
|
||||
var bottom_Y = height * pageY * -1 - 50;
|
||||
$('#bottom-image').css("background-position", bottom_X+"px "+bottom_Y+"px");
|
||||
});
|
||||
|
||||
|
||||
|
||||
});
|
||||
Loading…
Add table
Add a link
Reference in a new issue