diff options
| author | Teddy Wing | 2013-04-28 14:36:03 -0400 |
|---|---|---|
| committer | Teddy Wing | 2013-04-28 14:36:03 -0400 |
| commit | 1c57161d94906820b0dc9dce23d8b5d8e9b181d1 (patch) | |
| tree | 5516464872e3e5d92ae97ba7395028c042f88694 /views/character-chosen-dialog.ejs | |
| parent | 5352d970ba2982ea0e525ffdc4b84b730f2afcf7 (diff) | |
| download | Who-am-I-1c57161d94906820b0dc9dce23d8b5d8e9b181d1.tar.bz2 | |
When you pick a character, show a dialog
The dialog contains a message based on whether or not you had the
correct answer.
Diffstat (limited to 'views/character-chosen-dialog.ejs')
| -rw-r--r-- | views/character-chosen-dialog.ejs | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/views/character-chosen-dialog.ejs b/views/character-chosen-dialog.ejs new file mode 100644 index 0000000..2d37ea4 --- /dev/null +++ b/views/character-chosen-dialog.ejs @@ -0,0 +1,61 @@ +<!doctype html> +<html lang="en"> +<head> +<meta http-equiv="content-type" content="text/html; charset=utf-8"> + <meta charset="utf-8"> + <meta http-equiv="cache-control" content="no-cache" /> + <title>Who Am I?</title> + <meta name="description" content=""> + + <meta name="viewport" content="width=device-width"> + + <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /> + <link rel="stylesheet" type="text/css" href="/stylesheets/style.css" media="screen" /> + + <script src="/javascripts/vendor/jquery-2.0.0.min.js"></script> + <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> + <script src="http://www.parsecdn.com/js/parse-1.2.7.min.js"></script> + <script src="/javascripts/vendor/underscore-min.js"></script> +</head> +<body class="character-chosen-dialog"> + <div role="main"> + <div data-role="header"> + <a href="#" data-rel="back" data-icon="delete" data-transition="slidedown">Close</a> + <h1></h1> + </div> + + <section id="character-chosen-content"> + <% if (success === 'true') { %> + <h1>Congratulations you're right! You just won 1 million Viggle points!</h1> + <% } else { %> + <h1>Sorry, that wasn't the right character. Keep watching and you'll get it next time.</h1> + + <p> + The right one was: + </p> + + <p> + <b><%= character_name %></b> + </p> + + <p> + <img src="<%= character_image_url %>" alt="<%= character_name %>" height="150" /> + </p> + <% } %> + </section> + </div> + + <script> + (function() { + $('div[data-role="page"]').css('background-color', '#ddd'); + $('div[data-role="page"]').on('pagehide', function() { + $(this).css('background-color', '#000'); + }); + + $('a[data-rel="back"]').on('click', function() { + $('#character-chosen-dialog-button').remove(); + }); + })(); + </script> +</body> +</html> |