re-vamp of homepage and new /about/folder

jquery-archive · Oct 14, 2010 · f82fc2c · f82fc2c
1 parent aa863b0
commit f82fc2c
Show file tree

Hide file tree

Showing 10 changed files with 82 additions and 239 deletions.
diff --git a/docs/about/index.html b/docs/about/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>jQuery UI Mobile Framework - Documentation</title>
+	<link rel="stylesheet" href="themes/default" />
+	<script type="text/javascript" src="js/all"></script>
+</head> 
+<body> 
+<div data-role="page" data-theme="b">
+
+<div data-role="header" data-position="inline">
+	<h1>Theme system</h1>
+</div>
+
+<div data-role="content">
+
+
+
+</div>
+
+</div>
+</body>
+</html>
diff --git a/docs/intro.html → docs/about/intro.html b/docs/intro.html → docs/about/intro.html
diff --git a/docs/about/platforms.html b/docs/about/platforms.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html> 
+<html> 
+	<head> 
+	<title>jQuery Mobile Docs - Intro</title> 
+	<link rel="stylesheet"  href="../themes/default" /> 
+	<script type="text/javascript" src="../js/all"></script>
+</head> 
+<body> 
+
+<div data-role="page">
+
+	<div data-role="header">
+		<h1>Supported platforms</h1>
+	</div><!-- /header -->
+
+	<div data-role="content">
+
+				<h2>Supported platforms</h2>
+				<p>For the alpha release, the following devices have been tested and should have a fairly solid jQuery Mobile experience. That being said, there are still a fair amount of bugs and performance improvements to be tackled before the 1.0 release in January. </p>
+				<ul>
+					<li>Apple iOS: iPhone, iPod Touch, iPad (all versions)</li>
+					<li>Android: all devices (all versions)</li>
+					<li>Blackberry Torch (version 6)</li>
+					<li>Palm WebOS Pre, Pixi</li>
+					<li>Nokia N900</li>
+				</ul>
+
+				<p>Older versions of Blackberry, Nokia/Symbian, and Windows Mobile may work but we're still seeing JavaScript errors and rendering bugs that need to be tracked down. We don't yet have phones to test  Windows Mobile 7, bada, or MeeGo but these will be added as soon as we can get devices.</p>
+
+				<p>Since jQuery Mobile is built on the jQuery core, all pages should also work great on most recent versions of desktop browsers too - Firefox, Chrome, Safari, Internet Explorer, Opera, etc.</p>
+
+
+
+
+
+	</div><!-- /content -->
+
+</div><!-- /page -->
+
+</body>
+</html>
diff --git a/docs/themes/themes.html → docs/about/themes.html b/docs/themes/themes.html → docs/about/themes.html
@@ -186,6 +186,14 @@ <h3>Extensible themes</h3>
 		<p>The powerful thing about the new jQuery Mobile theme system is that you can now add as many color swatches as you like within a single theme. In the future ThemeRoller tool, you will be able to add new swatches through an easy-to-use web interface. Until then, you can add new swatches manually by copying the block of theme style rules for an existing swatch, renaming the rules a new letter (e) and changing colors.</p>
 		<p>You can then you can reference the new theme by adding the <code>data-theme="c"</code> attribute to your markup. If you set a theme swatch letter, the framework simply applies classes that include the letter you specify so it's critical that your active theme file include rules for the letters specified in your markup.</p>
 
+		<p><strong>Learn more</strong> about theming components</p>
+		<ul data-role="listview" data-inset="true">
+			<li><a href="../pages/pages-themes.html">Page theming</a></li>
+			<li><a href="../toolbars/bars-themes.html">Toolbar theming</a></li>
+			<li><a href="../content/content-themes.html">Content theming</a></li>
+			<li><a href="../buttons/buttons-themes.html">Button theming</a></li>
+			<li><a href="../lists/lists-themes.html">List theming</a></li>
+		</ul>
 	</div><!-- end content -->
 
 </div><!-- end page -->

diff --git a/docs/buttons.html b/docs/buttons.html
diff --git a/docs/forms.html b/docs/forms.html
diff --git a/docs/links.html b/docs/links.html
diff --git a/docs/page.html b/docs/page.html
diff --git a/docs/themes/index.html b/docs/themes/index.html
diff --git a/index.html b/index.html
@@ -24,9 +24,16 @@ <h1>jQuery Mobile</h1>
 <div data-role="content">
 
 	<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
-		<li data-role="list-divider">Demos &amp; Documentation</li>
-		<li><a href="docs/intro.html">Introduction to jQuery Mobile</a></li>
-		<li><a href="docs/themes/index.html">Theme system</a></li>
+		<li data-role="list-divider">Overview</li>
+		<li><a href="docs/about/intro.html">Introduction to jQuery Mobile</a></li>
+		<li><a href="docs/about/features.html">Features</a></li>
+		<li><a href="docs/about/accessibility.html">Accessibility</a></li>
+		<li><a href="docs/about/platforms.html">Supported platforms</a></li>
+		<li><a href="docs/about/themes.html">Theme system</a></li>
+	</ul>
+
+	<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
+		<li data-role="list-divider">Components</li>
 		<li><a href="docs/pages/index.html">Pages &amp; dialogs</a></li>
 		<li><a href="docs/toolbars/index.html">Toolbars</a></li>
 		<li><a href="docs/buttons/index.html">Buttons</a></li>