updating kitchenSink gh-pages

blackberry · Jun 13, 2012 · 55af6a2 · 55af6a2
1 parent 900765a
commit 55af6a2
Show file tree

Hide file tree

Showing 134 changed files with 2,291 additions and 2,513 deletions.
diff --git a/kitchenSink/README.md b/kitchenSink/README.md
@@ -4,24 +4,23 @@ The purpose of this application is to demonstrate the multitude of capabilities
 
 The sample code for this application is Open Source under the [Apache 2.0 License](http://www.apache.org/licenses/LICENSE-2.0.html).
 
+![Screenshot](https://github.com/astanley/WebWorks-Samples/raw/master/kitchenSink/img/screenshots/kitchenSink.png "Kitchen Sink Screenshot")
+
 
 **Applies To**
 
 * [BlackBerry WebWorks SDK for Tablet OS](http://us.blackberry.com/developers/tablet/webworks.jsp)
 * [BlackBerry WebWorks SDK for Smartphones](http://us.blackberry.com/developers/browserdev/widgetsdk.jsp)
 
-
 **Author(s)** 
 
 * [Adam Stanley](https://github.com/astanley)
 
-
 **Dependencies**
 
 1. See the **Resource_Copyright_Info.txt** file for a complete listing of copyright info, and references for images and resources used in this application.
 2. [json2.js](http://www.JSON.org/js.html) JSON parser is available under Public Domain.
 
-
 **Known Issues**
 
 1. Application Event API (Tablet OS) - background/foreground events not working (onSwipeDown is, but onBackground and onForeground are not responding).
@@ -41,24 +40,20 @@ The sample code for this application is Open Source under the [Apache 2.0 Licens
 
 To build the kitchenSink sample application:
 
-1. Click on the **Downloads** button at the top right of this screen.
-2. Select **Download.zip** and save the downloaded file to your local machine.
-3. Create a new folder on your local machine named **kitchenSink** (e.g. **c:\webworks\kitchenSink**).
-4. Open the downloaded ZIP file from step 2 and **extract the contents from inside the top level folder** to your new **kitchenSink** folder.  This ensures that the necessary application assets, such as **config.xml**, are correctly located at the top level of the **kitchenSink** folder (e.g. **c:\webworks\kitchenSink\config.xml**).
-5. Using an achiving utility (e.g. WinZip or 7-zip), package the contents of your **c:\webworks\kitchenSink** folder into a ZIP archive named **kitchenSink.zip**.  This archive should have the application assets (not a folder containing the application assets) at its top level.
-6. Using the **[BlackBerry WebWorks SDK for Tablet OS](http://us.blackberry.com/developers/tablet/webworks.jsp)**, package the **kitchenSink.zip** archive into a BlackBerry Tablet OS application using the following command line: **bbwp c:\webworks\kitchenSink\kitchenSink.zip**
+1. Click on the **Downloads** tab above.
+2. Select **Download as zip** (Windows) or **Download as tar.gz** (Mac) and save the downloaded file to your local machine.
+3. Create a new folder on your local machine named **kitchenSink** e.g. **C:\Documents and Settings\User\WebWorks\kitchenSink** (Windows) or **~/WebWorks/kitchenSink** (Mac).
+4. Open the downloaded ZIP file from step 2 and extract the contents **from inside the zipped kitchenSink folder** to your local **kitchenSink** folder from step 3.  This ensures that the necessary application assets, such as **config.xml**, are correctly located at the top level of the local **kitchenSink** folder (e.g. **~/WebWorks/kitchenSink/config.xml**).
+5. Using the **[Ripple Mobile Emulator](http://developer.blackberry.com/html5/download)** and either the **[BlackBerry WebWorks SDK for Smartphone](http://developer.blackberry.com/html5/download)** or the **[BlackBerry WebWorks SDK for Tablet OS](http://developer.blackberry.com/html5/download)**, package the contents of your local **kitchenSink** folder into a BlackBerry application.  Enter the project root settings field as the local folder created in step 3, and the archive name settings field as **kitchenSink**.
 
 
 ## More Info
 
-* [BlackBerry WebWorks SDK for Tablet OS](http://us.blackberry.com/developers/tablet/webworks.jsp) - Getting Started guides, SDK downloads, code signing keys.
-* [BlackBerry WebWorks SDK for Smartphones](http://us.blackberry.com/developers/browserdev/widgetsdk.jsp) - Getting Started guides, SDK downloads, code signing keys.
-* [BlackBerry WebWorks SDK for Tablets - Development Guides] (http://docs.blackberry.com/en/developers/deliverables/30182/)
-* [BlackBerry WebWorks SDK for Smartphones - Development Guides] (http://docs.blackberry.com/en/developers/subcategories/?userType=21&category=BlackBerry+WebWorks+for+Smartphones)
+* [BlackBerry HTML5 WebWorks](https://bdsc.webapps.blackberry.com/html5/) - Downloads, Getting Started guides, samples, code signing keys.
+* [BlackBerry WebWorks Development Guides] (https://bdsc.webapps.blackberry.com/html5/documentation)
 * [BlackBerry WebWorks Community Forums](http://supportforums.blackberry.com/t5/Web-and-WebWorks-Development/bd-p/browser_dev)
 * [BlackBerry Open Source WebWorks Contributions Forums](http://supportforums.blackberry.com/t5/BlackBerry-WebWorks/bd-p/ww_con)
 
-
 ## Contributing Changes
 
 Please see the [README](https://github.com/blackberry/WebWorks-Samples) of the WebWorks-Samples repository for instructions on how to add new Samples or make modifications to existing Samples.

diff --git a/kitchenSink/config.xml b/kitchenSink/config.xml
@@ -16,7 +16,7 @@
 -->
 <widget xmlns="http://www.w3.org/ns/widgets" 
         xmlns:rim="http://www.blackberry.com/ns/widgets" 
-        version="1.0.0.2" id="Kitchen Sink WebWorks" xml:lang="en">
+        version="1.0.0.4" id="kitchenSink" xml:lang="en">
 
 	<!--
 		Configuration document developer guides

diff --git a/kitchenSink/css/apis/appevent.css b/kitchenSink/css/apis/appevent.css
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright 2011 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

diff --git a/kitchenSink/css/apis/invoke.css b/kitchenSink/css/apis/invoke.css
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright 2011 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

diff --git a/kitchenSink/css/apis/microphone.css b/kitchenSink/css/apis/microphone.css
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright 2011 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

diff --git a/kitchenSink/css/apis/systemevent.css b/kitchenSink/css/apis/systemevent.css
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright 2011 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

diff --git a/kitchenSink/css/browser/motion.css b/kitchenSink/css/browser/motion.css
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright 2011 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

diff --git a/kitchenSink/css/browser/position.css b/kitchenSink/css/browser/position.css
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright 2011 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

diff --git a/kitchenSink/css/browser/toolbars.css b/kitchenSink/css/browser/toolbars.css
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright 2011 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

diff --git a/kitchenSink/css/browser/touch.css b/kitchenSink/css/browser/touch.css
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright 2011 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

diff --git a/kitchenSink/css/css3/about.css b/kitchenSink/css/css3/about.css
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright 2011 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -13,36 +13,32 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-#shadowbox 
-{
+#shadowbox {
 	float: left;
 	width: 100px; height: 60px; padding: 5px;
 	background-color: white; border: 1px solid black;
 	text-shadow: 1px 1px 3px #000; 
-	box-shadow: 5px 5px 15px #000; -webkit-box-shadow: 5px 5px 15px #000; -moz-box-shadow: 5px 5px 15px #000;
-	-moz-transform: translate(1em, 1em); -webkit-transform: translate(1em, 1em);
+	box-shadow: 5px 5px 15px #000; -webkit-box-shadow: 5px 5px 15px #000;
+	-webkit-transform: translate(1em, 1em);
 }
-#rotatebox
-{
+#rotatebox {
 	float: left; text-align: center;
 	width: 100px; height: 60px; margin: 2em 0.5em; 
 	background-color: #FBF5EF; border: 2px solid red;
-	-moz-transform: rotate(30deg); -webkit-transform: rotate(30deg);
+	-webkit-transform: rotate(30deg);
 }
-#bordersbox 
-{
+#bordersbox {
 	float: left; text-align: center;
 	width: 100px; height: 60px;
 	background-color: #D0F5A9; border: 2px solid green;
-	border-radius: 30px 45px; -moz-border-radius: 30px 45px; -webkit-border-radius: 30px 45px;
-	-moz-transform: translate(-1em, 1em); -webkit-transform: translate(-1em, 1em);
+	border-radius: 30px 45px; -webkit-border-radius: 30px 45px;
+	-webkit-transform: translate(-1em, 1em);
 }
-#gradientbox
-{
+#gradientbox {
 	clear: both; text-align: center;
 	width: 100px; height: 60px; margin: 4em 7em;
 	background-color: #1a82f7; color: white;
 	background-image: -moz-linear-gradient(100% 100% 180deg, #2F2727, #1a82f7) !important;
 	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727)) !important;
-	-moz-transform: scale(2); -webkit-transform: scale(2);
+	-webkit-transform: scale(2);
 }
diff --git a/kitchenSink/css/css3/animation.css b/kitchenSink/css/css3/animation.css
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright 2011 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -13,8 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-td
-{
+td {
 	width: 5em;
 	height: 5em;
 	padding: 2em;

diff --git a/kitchenSink/css/css3/animations.css b/kitchenSink/css/css3/animations.css
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright 2011 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

diff --git a/kitchenSink/css/css3/boxflex.css b/kitchenSink/css/css3/boxflex.css
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright 2011 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

diff --git a/kitchenSink/css/css3/fonts.css b/kitchenSink/css/css3/fonts.css
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright 2011 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

diff --git a/kitchenSink/css/css3/gallery.css b/kitchenSink/css/css3/gallery.css
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright 2011 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

diff --git a/kitchenSink/css/css3/mediaquery.css b/kitchenSink/css/css3/mediaquery.css
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright 2011 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

diff --git a/kitchenSink/css/css3/transformations.css b/kitchenSink/css/css3/transformations.css
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright 2011 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

diff --git a/kitchenSink/css/styles.css b/kitchenSink/css/styles.css
@@ -304,4 +304,11 @@ background: linear-gradient(top, #cfe7fa 0%,#6393c1 100%); /* W3C */
 #legend ul
 {
 list-style: none;
-}
+}
+
+.tdmid {
+	vertical-align: middle;
+}
+.tdtop {
+	vertical-align: top;
+}
diff --git a/kitchenSink/css/usecase/gestures.css b/kitchenSink/css/usecase/gestures.css
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright 2011 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

diff --git a/kitchenSink/css/usecase/overflow.css b/kitchenSink/css/usecase/overflow.css
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright 2011 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

diff --git a/kitchenSink/css/usecase/progress.css b/kitchenSink/css/usecase/progress.css
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright 2011 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

diff --git a/kitchenSink/css/usecase/senchatouch.css b/kitchenSink/css/usecase/senchatouch.css
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright 2011 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

diff --git a/kitchenSink/css/usecase/spacing.css b/kitchenSink/css/usecase/spacing.css
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright 2011 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -24,7 +24,7 @@ ul.bad li a:link,  li a:visited {
 #theElement {
 	margin: 2em;
 	padding: 2em;
-	background-color: #green;
+	background-color: #00FF00;
 	text-align: center;
 	vertical-align: middle;
 }

diff --git a/kitchenSink/css/usecase/sprite.css b/kitchenSink/css/usecase/sprite.css
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright 2011 Research In Motion Limited.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

diff --git a/kitchenSink/html/apis/audioplayer.html b/kitchenSink/html/apis/audioplayer.html
@@ -38,14 +38,14 @@ <h2>Application Methods</h2>
 			<button onclick="pauseAudio()">Pause Audio</button>
 			<button onclick="stopAudio()">Stop Audio</button>
 		</p>
-		<p>
-			<div id="playerUpdates"></div>
-		</p>
+
+		<div id="playerUpdates"></div>
+
 		<p>		
 			<button onclick="changeVolume(1)">Increase Volume</button>
 			<button onclick="changeVolume(-1)">Decrease Volume</button>
-			<div id="currentVolume"></div>
 		</p>
+		<div id="currentVolume"></div>
 
 	</div>
 

diff --git a/kitchenSink/html/apis/microphone.html b/kitchenSink/html/apis/microphone.html
@@ -46,10 +46,10 @@ <h2>Demo</h2>
 				&lt;/rim:permissions&gt;
 			</code>
 		</p>
-		<p>
-			<div id="recordingProgress" class="updateMsg">Recording ...</div>
-			<div id="recordingPaused" class="updateMsg">*** PAUSED ***</div>
-		</p>
+
+		<div id="recordingProgress" class="updateMsg">Recording ...</div>
+		<div id="recordingPaused" class="updateMsg">*** PAUSED ***</div>
+
 		<p>
 			<button id="btnStart" onclick="record()">Start Recording</button>
 			<button id="btnPause" disabled="disabled" onclick="pause()">Pause</button>

diff --git a/kitchenSink/html/apis/utils.html b/kitchenSink/html/apis/utils.html
@@ -34,7 +34,7 @@ <h2>Demo</h2>
 	<div class="demo" id="details">
 
 		<button id="btnURL" onclick="parseURL()">Parse URL</button>
-		<input type="text" id="txtURL" value="http://www.bla.com:8080/index.html?COUNTER=3&FOO=BAR" size="50"/>
+		<input type="text" id="txtURL" value="http://www.bla.com:8080/index.html?COUNTER=3&amp;FOO=BAR" size="50"/>
 		<div id="urlDetails"></div>
 		<br/>
 		<br/>

diff --git a/kitchenSink/html/browser/Thumbs.db b/kitchenSink/html/browser/Thumbs.db
diff --git a/kitchenSink/html/browser/data.xml b/kitchenSink/html/browser/data.xml
@@ -1,11 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?> 
 <!DOCTYPE properties SYSTEM "http://java.sun.com/dtd/properties.dtd"> 
 <properties> 
-<entry key="enhanced_web_css">css/template.css</entry> 
-<entry key="application_url">../../moblet/build/generic/tmb/en/The_Mobile_Bank.jad</entry> 
-<entry key="enhanced_web_supported">false</entry> 
-<entry key="application_supported">false</entry> 
-<entry key="enhanced_web_enabled">false</entry> 
-<entry key="check_deposit_enabled">false</entry> 
-<entry key="mf_device_identifier">generic</entry> 
+<entry key="what_is_the_answer">its 42</entry> 
+<entry key="foo">bar</entry> 
+<entry key="abc">def</entry> 
+<entry key="123">456</entry> 
+<entry key="do_something">okay</entry> 
+<entry key="jump">How high?</entry> 
 </properties>
diff --git a/kitchenSink/html/browser/flashplayer.html b/kitchenSink/html/browser/flashplayer.html
@@ -37,10 +37,10 @@ <h2> Live Content (Youtube)</h2>
 		<p>
 			<b>Example:</b> Take your existing Flash game/workflow/video/presentation, wrap it in a WebWorks application, deploy it to BlackBerry App World.
 		</p>
-		<object width="640" height="385" style="border: dotted 1px black">
-			<param name="movie" value="http://www.youtube.com/v/eAaez_4m9mQ?fs=1&amp;hl=en_US"></param>
-			<param name="allowscriptaccess" value="always"></param>
-			<embed src="http://www.youtube.com/v/eAaez_4m9mQ?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" width="640" height="385"></embed>
+		<object width="640" height="385" style="border: dotted 1px black" type="application/x-shockwave-flash" data="http://www.youtube.com/v/eAaez_4m9mQ?fs=1&amp;hl=en_US">
+			<param name="movie" value="http://www.youtube.com/v/eAaez_4m9mQ?fs=1&amp;hl=en_US"/>
+			<param name="allowscriptaccess" value="always"/>
+			<embed src="http://www.youtube.com/v/eAaez_4m9mQ?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" width="640" height="385"/>
 		</object>
 		<p>
 			BlackBerry PlayBook - Preview<br/>