updated page titles and refactored idea.js a little

dtao · dtao · commit ba9cd674597c · 2013-07-02T09:01:55.000-07:00
diff --git a/404.html b/404.html
@@ -2,7 +2,7 @@
 <html>
 
 <head>
-    <title>Ideas</title>
+    <title>Dan Tao</title>
     <link rel="stylesheet/less" type="text/css" href="/common.less" />
     <link rel="stylesheet/less" type="text/css" href="/ideas.less" />
     <script type="text/javascript" src="http://lesscss.org/js/less.js"></script>
diff --git a/idea.js b/idea.js
@@ -5,6 +5,11 @@ function isMarkdownFile(file) {
 function displayIdea(response) {
   var html = markdown.toHTML(response);
   document.getElementById('idea').innerHTML = html;
+
+  var headings = document.getElementsByTagName('h1');
+  if (headings.length > 0) {
+    document.title = 'Dan Tao - ' + headings[0].textContent;
+  }
 }
 
 function makeAjaxRequest(url, callback) {
@@ -21,11 +26,23 @@ function makeAjaxRequest(url, callback) {
   request.send();
 }
 
-window.addEventListener('load', function() {
+function loadIdeaForLocation() {
   var ideaName = window.location.pathname.match(/ideas\/(.*)$/);
+
+  if (!ideaName) {
+    ideaName = window.location.search.match(/\bidea=([^&]*)/);
+  }
+
   if (ideaName) {
     makeAjaxRequest('/ideas/' + ideaName[1] + '.md', displayIdea);
   }
+}
 
+function displayPathInFooter() {
   document.getElementById('path').textContent = window.location.pathname;
+}
+
+window.addEventListener('load', function() {
+  loadIdeaForLocation();
+  displayPathInFooter();
 });
diff --git a/ideas/index.html b/ideas/index.html
@@ -2,7 +2,7 @@
 <html>
 
 <head>
-    <title>Ideas</title>
+    <title>Dan Tao - Ideas</title>
     <link rel="stylesheet/less" type="text/css" href="/common.less" />
     <link rel="stylesheet/less" type="text/css" href="/ideas.less" />
     <script type="text/javascript" src="http://lesscss.org/js/less.js"></script>
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html>
 
 <head>
-    <title>Daniel Tao</title>
+    <title>Dan Tao</title>
     <link rel="stylesheet/less" type="text/css" href="common.less" />
     <link rel="stylesheet/less" type="text/css" href="index.less" />
     <script type="text/javascript" src="http://lesscss.org/js/less.js"></script>
