Updates for PhoneGap build

config.xml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<widget xmlns	= "http://www.w3.org/ns/widgets"
+	xmlns:gap	= "http://phonegap.com/ns/1.0"
+	id			= "w20touch"
+	version 	= "1.0.0">
+
+	<name>Web 2.0 Touch Demo</name>
+
+	<description>
+		A demo application for Web 2.0 Touch framework. You can fork it on github 
+		https://github.com/web20boom/Web-2.0-Touch
+	</description>
+
+	<author href="http://web20boom.com"	email="[email protected]">
+		Vitali Malinouski
+	</author>
+
+	<icon src="images/iphone_icon.png" gap:role="default" />
+	<gap:splash src="images/iphone_startup.png" gap:role="default" />
+
+</widget>

pages/about.html

@@ -0,0 +1,21 @@
+<div class="toolbar">
+	<h1>About</h1>
+	<a class="button" onclick="jsTouch.loadPage('pages/home.html', { transition: 'flip-right' });">Done</a>
+</div>
+<div class="content" style="background-color: white; color: black; text-shadow: none">
+	<h1 style="color: black; text-shadow: none"> Web 2.0 Touch</h1>
+	<div style="padding: 15px">  
+		Web 2.0 Touch is a concise mini JavaScript framework for touch devices (iPhone, iPad, Android). It is 
+		an open source project and you can participate in its development and/or testing. 
+		<br><br>
+		<a style="color: blue !important" href="https://github.com/web20boom/Web-2.0-Touch">
+			https://github.com/web20boom/Web-2.0-Touch
+		</a>.
+		<br><br>
+		This particular build was done with the help of PhoneGap that makes it possible to distribute applications
+		written with Web 2.0 Touch in Apple Store.
+		<br><br>
+		For questions, direct your emails to 
+		<a style="color: blue !important" href="mailto:[email protected]">[email protected]</a>.
+	</div>
+</div>

pages/animations.html

@@ -1,7 +1,7 @@
 <div class="toolbar">
 	<h1>Animations</h1>
 	<a class="button back" onclick="jsTouch.loadPage('pages/home.html', { transition: 'slide-right' });">Back</a>
-	<a class="button next" onclick="jsTouch.loadPage('pages/home.html', { transition: 'slide-right' });">Next</a>
+	<a class="button next" onclick="jsTouch.loadPage('pages/animations.html', { transition: 'slide-left' });">Next</a>
 </div>
 <div class="content">
 	<h2>Flip Transitions</h2>

pages/home.html

@@ -2,9 +2,7 @@
 	<h1>Web 2.0 Touch</h1>
 </div>
 <div class="content">
-	<div style="padding: 5px 15px">
-		Welcome to Web 2.0 Touch - a Concise Mini JavaScript frame work for touch devices (iPhone, iPad, Android).
-	</div>
+	<h2> Main Menu </h2>
 	<ul class="rounded">
 		<li>
 			<a onclick="jsTouch.loadPage('pages/animations.html', { transition: 'slide-left' });">
@@ -42,6 +40,11 @@ <h1>Web 2.0 Touch</h1>
 				<img src="images/tabs/wizard.png" class="icon greenbox"> Themes <span class="arrow"></span>
 			</a>
 		</li>
+		<li>
+			<a onclick="jsTouch.loadPage('pages/about.html', { transition: 'flip-left' });">
+				<img src="images/tabs/info.png" class="icon greenbox"> About <span class="arrow"></span>
+			</a>
+		</li>
 	</ul>
 
 	<h2>External Links</h2>