changeset 4:24152e820405

Added a title header.
author Atul Varma <varmaa@toolness.com>
date Mon, 30 Mar 2009 16:58:54 -0700
parents 9b9d095c5d2c
children 881139cd3c4a
files index.css index.html open-web-challenges.js
diffstat 3 files changed, 12 insertions(+), 2 deletions(-) [+]
line wrap: on
line diff
--- a/index.css	Mon Mar 30 16:53:35 2009 -0700
+++ b/index.css	Mon Mar 30 16:58:54 2009 -0700
@@ -12,6 +12,10 @@
     color: black;
 }
 
+h1 {
+    font-weight: normal;
+}
+
 .hint-button {
     font-style: italic;
     padding: 2em;
--- a/index.html	Mon Mar 30 16:53:35 2009 -0700
+++ b/index.html	Mon Mar 30 16:58:54 2009 -0700
@@ -12,10 +12,11 @@
   <div id="current-challenge">
   </div>
   <div id="messages">
-    <div id="msg-show-first-hint">Click here to display a hint.</div>
-    <div id="msg-show-another-hint">Click here to display another hint.</div>
+    <div id="msg-show-first-hint">Click here for a hint.</div>
+    <div id="msg-show-another-hint">Click here for another hint.</div>
     <div id="msg-no-more-hints">All hints are displayed below.</div>
     <div id="msg-success">You got it!</div>
+    <div id="msg-header">Atul's Open Web Challenge #{id}</div>
   </div>
   <div id="challenge-1" class="challenge">
     <div class="content">
--- a/open-web-challenges.js	Mon Mar 30 16:53:35 2009 -0700
+++ b/open-web-challenges.js	Mon Mar 30 16:58:54 2009 -0700
@@ -18,6 +18,11 @@
     var content = challenge.find('.content').clone();
     var current = $('#current-challenge');
     current.empty();
+
+    var headerText = $('#msg-header').text().replace('{id}', id);
+    current.append($('<h1></h1>').text(headerText));
+    document.title = headerText;
+
     current.append(content);
 
     var hints = $('<div class="hints"></div>');