0x2620/pandora_leftovers
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

update home screen

Browse source
This commit is contained in:
Rolux 2015-09-21 11:11:36 +01:00
parent 2a09cc8cb2
commit 9c99a42d12
1 changed files with 3 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
static/js/home.mdr.js
View file

@ -13,36 +13,6 @@ pandora.ui.home = function() {
opacity: 0, opacity: 0,
zIndex: 1001 zIndex: 1001
}), }),
$reflectionImage = $('<img>')
.addClass('logo')
.attr({src: '/static/png/logo.png'})
.css({
position: 'absolute',
left: 0,
top: '320px',
right: 0,
bottom: 0,
width: '320px',
margin: 'auto',
opacity: 0,
MozTransform: 'scaleY(-1)',
OTransform: 'scaleY(-1)',
WebkitTransform: 'scaleY(-1)'
})
.appendTo(that),
$reflectionGradient = $('<div>')
.addClass('OxReflection logo')
.css({
position: 'absolute',
left: 0,
top: '320px',
right: 0,
bottom: 0,
width: '322px',
height: '322px',
margin: 'auto',
})
.appendTo(that),
$logo = $('<img>') $logo = $('<img>')
.addClass('logo') .addClass('logo')
.attr({ .attr({
@ -54,7 +24,7 @@ pandora.ui.home = function() {
left: 0, left: 0,
top: 0, top: 0,
right: 0, right: 0,
bottom: '320px', bottom: '256px',
width: window.innerWidth + 'px', width: window.innerWidth + 'px',
margin: 'auto', margin: 'auto',
cursor: 'pointer' cursor: 'pointer'
@ -260,7 +230,7 @@ pandora.ui.home = function() {
$findInput.focusInput(true); $findInput.focusInput(true);
}); });
}); });
$logo.animate({width: '320px'}, 500); $logo.animate({width: '256px'}, 500);
return that; return that;
}; };
@ -283,7 +253,7 @@ pandora.ui.home = function() {
that.showScreen = function(callback) { that.showScreen = function(callback) {
var $elements = that.find(':not(.logo)'), count = 0; var $elements = that.find(':not(.logo)'), count = 0;
$logo.css({width: '320px'}); $logo.css({width: '256px'});
that.css({opacity: 1}).appendTo(Ox.$body); that.css({opacity: 1}).appendTo(Ox.$body);
that.find(':not(#logo)').css({opacity: 1}); that.find(':not(#logo)').css({opacity: 1});
$elements.animate({opacity: 1}, 500, function() { $elements.animate({opacity: 1}, 500, function() {