Created Alternate kStartPage to bypass Sencha Demos and view PhoneGap…

… Docs directly

Created Alternate kStartPage to bypass Sencha Demos and view PhoneGap Docs directly

Building toward a robust demo app.

Classes/Constants.h

@@ -8,7 +8,11 @@
  */
 
 
-#define kStartPage		@"index.html"
-#define kStartFolder		@"www"
+#define kStartPage @"index.html"
 
+//Sencha Demos
+//#define kStartFolder @"www/sencha"
+
+// PhoneGap Docs Only
+#define kStartFolder @"www/phonegap-docs/template/phonegap/"
 

phonegap_macAppDelegate.m

@@ -25,6 +25,7 @@ - (void) applicationWillFinishLaunching:(NSNotification *)aNotification
 	[self.contentView.webView setMainFrameURL:[fileUrl description]];
 
     /* useful colors
+    NSColor *brown = [NSColor colorWithCalibratedRed:0.184 green:0.180 blue:0.176 alpha:1.000];
     NSColor *red = [NSColor colorWithCalibratedRed:0.918 green:0.000 blue:0.000 alpha:1.000];
     NSColor *orange = [NSColor colorWithCalibratedRed:0.918 green:0.518 blue:0.000 alpha:1.000];
     NSColor *yellow = [NSColor colorWithCalibratedRed:0.918 green:0.914 blue:0.000 alpha:1.000];
@@ -33,15 +34,23 @@ - (void) applicationWillFinishLaunching:(NSNotification *)aNotification
     NSColor *blue = [NSColor colorWithCalibratedRed:0.000 green:0.020 blue:0.918 alpha:1.000];
     NSColor *clearColor = [NSColor clearColor];
     */
-
+
+    if (kStartFolder == @"www/phonegap-docs/template/phonegap/") {
+
+    NSColor *brown = [NSColor colorWithCalibratedRed:0.184 green:0.180 blue:0.176 alpha:1.000];
+    [window setBackgroundColor:brown];
+    [self.contentView.webView setBackgroundColor:brown]; //it ignores "WebView" may not respond to 'setBackGroundColor:' @RandyMcMillan
+    self.window.backgroundColor = [NSColor colorWithCalibratedRed:0.933 green:0.933 blue:0.933 alpha:1.000];
+
+    }else{
+
     NSColor *windowBackGroundColor = [NSColor colorWithCalibratedRed:0.918 green:0.918 blue:0.918 alpha:1.000];
     NSColor *webViewBackGroundColor = [NSColor colorWithCalibratedRed:0.082 green:0.133 blue:0.192 alpha:1.000];
     [window setBackgroundColor:windowBackGroundColor];
     [self.contentView.webView setBackgroundColor:webViewBackGroundColor]; //it ignores "WebView" may not respond to 'setBackGroundColor:' @RandyMcMillan
     self.window.backgroundColor = [NSColor colorWithCalibratedRed:0.933 green:0.933 blue:0.933 alpha:1.000];
-
-
-
+    }//end else
+
 }
 
 - (void) applicationDidFinishLaunching:(NSNotification *)aNotification {

www/phonegap-docs/template/joDoc/doc.css

@@ -0,0 +1,325 @@
+/**
+	doc.css
+	=======
+
+	Requires `docbody.css`, which is split with the intention of using
+	documentation in a jo app without messing with the `body` definition
+	in the app.
+
+	Support for printed media is included for generating nice PDF files.
+*/
+p {
+	text-align: left;
+}
+
+.crunch p, .crunch ul, .crunch blockquote,
+.crunch h3, .crunch h2, .crunch hr, .crunch pre {
+	display: none;
+}
+
+.crunch h1 {
+	font-size: 20px;
+}
+
+/* using `<cite>` for pretty titles */
+cite {
+	position: relative;
+	line-height: .9;
+	background: #07c7c3;
+	display: block;
+	text-align: right;
+	font-size: 120px;
+	color: #fff;
+	font-style: normal;
+	margin: 0;
+	padding: 20px 30px 20px 20px;
+	letter-spacing: -10px;
+	overflow: hidden;
+}
+
+cite>cite {
+	letter-spacing: 0;
+	margin: 0;
+	padding: 0;
+	font-size: 25%;
+	margin-right: -10px;
+	font-style: italic;
+	background: transparent;
+	overflow: visible;
+}
+
+cite a[href] {
+	background: inherit;
+	padding: 0;
+}
+
+em {
+	font-weight: normal;
+	font-style: italic;
+}
+
+blockquote em {
+	font-weight: bold;
+}
+
+ul > li {
+	list-style: disc;
+}
+
+ul {
+	margin-right: 50px;
+}
+
+img {
+	display: block;
+	margin: 2em auto;
+	max-width: 100%;
+}
+
+blockquote {
+	font-style: italic;
+	color: #9e9fa3;
+	position: relative;
+	margin: 1.5em 30px;
+	padding: 10px 10px 0 10px;
+}
+blockquote:before {
+	font-style: normal;
+	content: '\201C';
+	font-size: 60px;
+	position: absolute;
+	top: -15px;
+	left: -35px;
+	color: #e5e6e7;
+}
+blockquote:after {
+	font-style: normal;
+	content: '\201E';
+	font-size: 60px;
+	position: absolute;
+	bottom: -20px;
+	right: -35px;
+	color: #e5e6e7;
+}
+
+blockquote p {
+	margin: 0 0 10px 0;
+}
+
+blockquote code {
+	font-style: normal;
+}
+
+h1 {
+	margin-top: 0;
+	color: #07c7c3;
+	font-size: 38px;
+	font-weight: normal;
+	margin-bottom: 0;
+	margin-left: -1px;
+	letter-spacing: -1px;
+}
+
+h2 {
+	margin-left: -1px;
+	margin-top: 1em;
+	color: #0d0d0d;
+	font-size: 18px;
+	font-weight: normal;
+}
+h2:after, h3:after {
+	content: ":";
+}
+
+h3 {
+	font-size: 16px;
+	font-weight: normal;
+}
+
+code {
+	color: #3b5998;
+	color: #314484;
+	font: normal 86% "Monaco", "Courier New", "Courier";
+}
+
+pre {
+	display: block;
+	background: #f5f6f7;
+	margin: 1.5em 20px;
+	padding: 10px 1.5em;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+	white-space: pre-wrap;
+}
+
+pre code {
+	color: #3b5998;
+	color: #314484;
+	font: normal 70% "Monaco", "Courier New", "Courier";
+}
+
+a[href] {
+	white-space: nowrap;
+	text-decoration: none;
+	color: inherit;
+	padding: 1px .6em;
+	background: #f5f6f7;
+	background: rgba(0, 0, 0, .05);
+	-webkit-border-radius: .6em;
+	-moz-border-radius: .6em;
+	border-radius: .6em;
+	-webkit-transition: background .2s ease-out, -webkit-box-shadow .1s ease-out, color .15s ease-out;
+	-moz-transition: background .2s ease-out, -webkit-box-shadow .1s ease-out, color .15s ease-out;
+	-o-transition: background .2s ease-out, -webkit-box-shadow .1s ease-out, color .15s ease-out;
+}
+
+pre code a[href] {
+  background: none;
+  border-bottom:1px dotted;
+}
+
+/* puts an * after external links, jodoc designates with .external */
+a[href].external:after {
+	content: "*";
+	font-style: super;
+	opacity: .5;
+}
+
+a[href]:hover {
+	background: rgba(0, 0, 0, .6);
+	color: #fff;
+}
+
+pre code a[href], code a[href] {
+	padding: 1px 0;
+	-webkit-border-radius: 0;
+	-moz-border-radius: 0;
+	border-radius: 0;
+}
+
+/*
+	vanilla markdown doesn't support tables, but since you can
+	pass HTML through it, may as well put some nice styling for
+	them in the CSS.
+*/
+table {
+	width: 100%;
+	margin: 1em auto;
+	border-top: 1px solid #0d0d0d;
+	border-left: 1px solid #0d0d0d;
+	padding: 0;
+	border-spacing: 0;
+	text-align: center;
+}
+th {
+	background: #36D2CF;
+	background: #00a9a7;
+	background: #07c7c3;
+	padding: 5px;
+	color: #fff;
+	text-align: center;
+	border-right: 1px solid #0d0d0d;
+	border-bottom: 1px solid #0d0d0d;
+	font-weight: bold;
+}
+
+th:first {
+	border-left: 1px solid #0d0d0d;	
+}
+
+td {
+	padding: 5px;
+	border-right: 1px solid #0d0d0d;
+	border-bottom: 1px solid #0d0d0d;
+}
+
+td:first {
+	border-left: 1px solid #0d0d0d;
+}
+
+/* <hr> is used as a page separator in markdown */
+hr {
+	border: none;
+	height: 70px;
+}
+hr:before {
+	content: "\2026";
+	font-size: 50px;
+	color: #e5e6e7;
+	text-align: center;
+	display: block;
+}
+
+#index {
+	-webkit-column-width: 170px;
+	-webkit-column-rule-width: 10px;
+	-moz-column-width: 170px;
+	-moz-column-rule-width: 10px;
+	column-width: 170px;
+	column-rule-width: 10px;
+	column-width: 170px;
+	column-rule-width: 10px;
+}
+#index h2:after, #index h3:after { content:""; }
+#index h2 { margin-left: 0; }
+#index>h2 {
+	margin-top: 0;
+}
+#index { padding: 10px 1px; }
+#index ul {
+	padding: 0;
+}
+#index ul li {
+	list-style: none;
+}
+
+/* pretty printing */
+@media print {
+	body {
+		max-width: none;
+		margin: 0;
+		font-size: 89%;
+	}
+
+	h1, h2 {
+		page-break-after: avoid;
+	}
+
+	h1>p, h2>p{
+		page-break-before: avoid;
+	}
+
+	pre {
+		page-break-before: auto;
+		page-break-inside: avoid;
+	}
+
+	blockquote {
+		page-break-inside: avoid;
+	}
+
+	hr {
+		page-break-before: always;
+		font-size: inherit;
+		height: auto;
+	}
+	hr:before {
+		height: auto;
+		content: "";
+		font-size: inherit;
+	}
+
+	a[href] {
+		background: none;
+		padding: 0;
+		-webkit-border-radius: none;
+		-moz-border-radius: none;
+		border-radius: none;
+	}
+
+	#index {
+		display: none;
+	}
+}
+

www/phonegap-docs/template/joDoc/docbody.css

@@ -0,0 +1,11 @@
+body {
+	background: #fff;
+	font: normal 100% "Georgia", "Palatino", "Times New Roman", "Times";
+/*	font: normal 100% "Gill Sans", "Verdana", "Arial"; */
+	line-height: 1.6;
+	padding: 0 1em;
+	color: #383838;
+	font-size: 15px;
+	margin: 0 auto;
+	max-width: 700px;
+}

www/phonegap-docs/template/joDoc/index.html

@@ -0,0 +1,4 @@
+<frameset cols="20%, 80%">
+	<frame name="toc" src="_content.html">
+	<frame name="content" src="introduction.md.html">
+</frameset>