decentral1se/pandora
1
0
Fork 0
forked from 0x2620/pandora
Code Issues Pull requests Projects Releases Wiki Activity

more home screen demo

Browse source
This commit is contained in:
rolux 2011-06-04 07:19:49 +00:00
parent 527aac6880
commit 744dc5620b
1 changed files with 23 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
static/js/pandora/ui/menu.js
View file

@ -233,7 +233,7 @@ pandora.ui.mainMenu = function() {
}) })
.bind({ .bind({
click: function() { click: function() {
$screen.find('div').add('#screen > input').animate({opacity: 0}, 250); $screen.find('div').add('#screen > input').remove();
$logo.animate({ $logo.animate({
width: window.innerWidth + 'px' width: window.innerWidth + 'px'
}, 500) }, 500)
@ -258,7 +258,8 @@ pandora.ui.mainMenu = function() {
.click(function(e) { .click(function(e) {
e.stopPropagation(); e.stopPropagation();
}) })
.appendTo($screen), .appendTo($screen)
.focusInput(),
$findButton = Ox.Button({ $findButton = Ox.Button({
title: 'Find', title: 'Find',
width: 74 width: 74
@ -286,7 +287,7 @@ pandora.ui.mainMenu = function() {
margin: 'auto', margin: 'auto',
opacity: 0 opacity: 0
}) })
.appendTo($screen); .appendTo($screen),
$signupButton = Ox.Button({ $signupButton = Ox.Button({
title: 'Sign Up', title: 'Sign Up',
width: 74 width: 74
@ -300,7 +301,7 @@ pandora.ui.mainMenu = function() {
margin: 'auto', margin: 'auto',
opacity: 0 opacity: 0
}) })
.appendTo($screen); .appendTo($screen),
$signinButton = Ox.Button({ $signinButton = Ox.Button({
title: 'Sign In', title: 'Sign In',
width: 74 width: 74
@ -314,9 +315,9 @@ pandora.ui.mainMenu = function() {
margin: 'auto', margin: 'auto',
opacity: 0 opacity: 0
}) })
.appendTo($screen); .appendTo($screen),
$aboutButton = Ox.Button({ $aboutButton = Ox.Button({
title: 'About', title: 'About ' + pandora.app.site.site.name,
width: 156 width: 156
}) })
.css({ .css({
@ -328,7 +329,22 @@ pandora.ui.mainMenu = function() {
margin: 'auto', margin: 'auto',
opacity: 0 opacity: 0
}) })
.appendTo($screen); .appendTo($screen),
$text = $('<div>')
.html('A Movie Database. \u2620 2007-2011 0x2620. All Open Source.')
.css({
position: 'absolute',
left: 0,
top: '176px',
right: 0,
bottom: 0,
width: '360px',
height: '16px',
margin: 'auto',
opacity: 0,
textAlign: 'center'
})
.appendTo($screen)
$screen.animate({opacity: 1}, 500, function() { $screen.animate({opacity: 1}, 500, function() {
$screen.find('div').add('#screen > input').animate({opacity: 1}, 250) $screen.find('div').add('#screen > input').animate({opacity: 1}, 250)
}); });