From 744dc5620b469203125c239cdc51be05efd6bb76 Mon Sep 17 00:00:00 2001 From: rolux Date: Sat, 4 Jun 2011 07:19:49 +0000 Subject: [PATCH] more home screen demo --- static/js/pandora/ui/menu.js | 30 +++++++++++++++++++++++------- 1 file changed, 23 insertions(+), 7 deletions(-) diff --git a/static/js/pandora/ui/menu.js b/static/js/pandora/ui/menu.js index 979d00b6..825edfdb 100644 --- a/static/js/pandora/ui/menu.js +++ b/static/js/pandora/ui/menu.js @@ -233,7 +233,7 @@ pandora.ui.mainMenu = function() { }) .bind({ click: function() { - $screen.find('div').add('#screen > input').animate({opacity: 0}, 250); + $screen.find('div').add('#screen > input').remove(); $logo.animate({ width: window.innerWidth + 'px' }, 500) @@ -258,7 +258,8 @@ pandora.ui.mainMenu = function() { .click(function(e) { e.stopPropagation(); }) - .appendTo($screen), + .appendTo($screen) + .focusInput(), $findButton = Ox.Button({ title: 'Find', width: 74 @@ -286,7 +287,7 @@ pandora.ui.mainMenu = function() { margin: 'auto', opacity: 0 }) - .appendTo($screen); + .appendTo($screen), $signupButton = Ox.Button({ title: 'Sign Up', width: 74 @@ -300,7 +301,7 @@ pandora.ui.mainMenu = function() { margin: 'auto', opacity: 0 }) - .appendTo($screen); + .appendTo($screen), $signinButton = Ox.Button({ title: 'Sign In', width: 74 @@ -314,9 +315,9 @@ pandora.ui.mainMenu = function() { margin: 'auto', opacity: 0 }) - .appendTo($screen); + .appendTo($screen), $aboutButton = Ox.Button({ - title: 'About', + title: 'About ' + pandora.app.site.site.name, width: 156 }) .css({ @@ -328,7 +329,22 @@ pandora.ui.mainMenu = function() { margin: 'auto', opacity: 0 }) - .appendTo($screen); + .appendTo($screen), + $text = $('
') + .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.find('div').add('#screen > input').animate({opacity: 1}, 250) });