From f44e2f1e88087ebbb54cb30d7d8c31c2fecc3993 Mon Sep 17 00:00:00 2001
From: Andrew Trice <triceam@gmail.com>
Date: Fri, 20 Apr 2012 14:17:37 -0400
Subject: [PATCH] updated examples & readme

---
 README                                             |  4 +++-
 samples/01 - viewnavigator/01 - basic/index.html   |  8 +-------
 .../03 - multi instance/index.html                 |  2 +-
 .../02 - splitviewnavigator/01 - basic/index.html  | 14 ++++++++++----
 .../02 - view navigators/index.html                |  2 +-
 samples/05 - multi-device form factor/README       |  2 +-
 6 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/README b/README
index ac7727c..c7c756b 100644
--- a/README
+++ b/README
@@ -42,7 +42,9 @@ REAL WORLD USAGE
 
 You can see this framework in the following real-world apps:
 
-US Census Browser: http://itunes.apple.com/us/app/us-census-browser/id483201717?mt=8 
+US Census Browser: 
+http://itunes.apple.com/us/app/us-census-browser/id483201717?mt=8 
+http://tricedesigns.com/census
 
 If you have built your own app using this framework, please let me know! (@andytrice on twitter)
 
diff --git a/samples/01 - viewnavigator/01 - basic/index.html b/samples/01 - viewnavigator/01 - basic/index.html
index 27b77e2..03bfc0b 100644
--- a/samples/01 - viewnavigator/01 - basic/index.html	
+++ b/samples/01 - viewnavigator/01 - basic/index.html	
@@ -40,15 +40,9 @@
 			
 			function getView() {
 				//create a view descriptor with random content
-				var bodyView = $('<div>' + Math.random().toString() + '<hr><li href="#" onclick="pushView()" class="backLinkButton">push view</li> <li href="#" onclick="popView()" class="backLinkButton">pop view</li><hr>' + getMeat() + '</div>');
+				var bodyView = $('<div>' + Math.random().toString() + '<hr><li href="#" onclick="pushView()" class="viewNavigator_backButton">push view</li> <li href="#" onclick="popView()" class="viewNavigator_backButton">pop view</li><hr>' + getMeat() + '</div>');
 				var links = bodyView.find('a');
 				
-				/*
-				for ( var i=0; i<links.length; i++)
-				{
-					NoClickDelay( links[i] );
-				}
-				*/
 				return { title: "Default View " + parseInt(Math.random()*1000), 
 						 backLabel: "Back",
 						 view:  bodyView
diff --git a/samples/01 - viewnavigator/03 - multi instance/index.html b/samples/01 - viewnavigator/03 - multi instance/index.html
index c9f0d10..aeaac9b 100644
--- a/samples/01 - viewnavigator/03 - multi instance/index.html	
+++ b/samples/01 - viewnavigator/03 - multi instance/index.html	
@@ -79,7 +79,7 @@
 			
 			function getView( side ) {
 				//create a view descriptor with random content
-				var bodyView = $('<div>' + Math.random().toString() + '<hr><li href="#" onclick="'+side+'PushView()"  class="backLinkButton">push view</li> <li  href="#" onclick="'+side+'PopView()" class="backLinkButton">pop view</li><hr>' + getMeat() + '</div>');
+				var bodyView = $('<div>' + Math.random().toString() + '<hr><li href="#" onclick="'+side+'PushView()"  class="viewNavigator_backButton">push view</li> <li  href="#" onclick="'+side+'PopView()" class="viewNavigator_backButton">pop view</li><hr>' + getMeat() + '</div>');
 				var links = bodyView.find('a');
 				
 				/*for ( var i=0; i<links.length; i++)
diff --git a/samples/02 - splitviewnavigator/01 - basic/index.html b/samples/02 - splitviewnavigator/01 - basic/index.html
index 8725a18..f01edb4 100644
--- a/samples/02 - splitviewnavigator/01 - basic/index.html	
+++ b/samples/02 - splitviewnavigator/01 - basic/index.html	
@@ -16,6 +16,12 @@
     	<link rel="stylesheet" href="../../../src/viewnavigator/viewnavigator.css" type="text/css" />
     	<script src="../../../src/viewnavigator/viewnavigator.js"></script>
 
+		<style>
+			li {
+				margin-bottom: 10px;
+			}
+		</style>
+
 		<script>
 
 			$(document).ready( function() {
@@ -37,10 +43,10 @@
 			
 			function getSidebarView() {
 				var viewHTML = "<ul>" +
-									"<li onclick='pushSidebarView()' class='backLinkButton'>Push Sidebar View</li>" +
-									"<li onclick='window.splitViewNavigator.popSidebarView()' class='backLinkButton'>Pop Sidebar View</li>" +
-									"<li onclick='pushBodyView()' class='backLinkButton'>Push Body View</li>" +
-									"<li onclick='window.splitViewNavigator.popBodyView()' class='backLinkButton'>Pop Body View</li>" +
+									"<li onclick='pushSidebarView()' class='viewNavigator_backButton'>Push Sidebar View</li>" +
+									"<li onclick='window.splitViewNavigator.popSidebarView()' class='viewNavigator_backButton'>Pop Sidebar View</li>" +
+									"<li onclick='pushBodyView()' class='viewNavigator_backButton'>Push Body View</li>" +
+									"<li onclick='window.splitViewNavigator.popBodyView()' class='viewNavigator_backButton'>Pop Body View</li>" +
 								"</ul>";
 				return { 
 						title: "Sidebar " + parseInt( Math.random() * 100 ).toString(), 
diff --git a/samples/03 - slidingView/02 - view navigators/index.html b/samples/03 - slidingView/02 - view navigators/index.html
index 717b16b..9f944ff 100644
--- a/samples/03 - slidingView/02 - view navigators/index.html	
+++ b/samples/03 - slidingView/02 - view navigators/index.html	
@@ -76,7 +76,7 @@
 			
 			function getView( side ) {
 				//create a view descriptor with random content
-				var bodyView = $('<div>' + Math.random().toString() + '<hr><li href="#" onclick="'+side+'PushView()"  class="backLinkButton">push view</li> <li  href="#" onclick="'+side+'PopView()" class="backLinkButton">pop view</li><hr>' + getMeat() + '</div>');
+				var bodyView = $('<div>' + Math.random().toString() + '<hr><li href="#" onclick="'+side+'PushView()"  class="viewNavigator_backButton">push view</li> <li  href="#" onclick="'+side+'PopView()" class="viewNavigator_backButton">pop view</li><hr>' + getMeat() + '</div>');
 				var links = bodyView.find('a');
 				
 				return { title: side + "Default View " + parseInt(Math.random()*1000), 
diff --git a/samples/05 - multi-device form factor/README b/samples/05 - multi-device form factor/README
index eed73c7..cc72c00 100644
--- a/samples/05 - multi-device form factor/README	
+++ b/samples/05 - multi-device form factor/README	
@@ -1 +1 @@
-This example is intended to be a phonegap application.
\ No newline at end of file
+This example is intended to be a phonegap application.   In a phone form factor the interface will use a ViewNavigator.   In a tablet form factor the interface will use a SplitViewNavigator.
\ No newline at end of file