Permalink
Browse files

new design for the top of the homepage. also, generated the themeswit…

…cher link with js.
  • Loading branch information...
1 parent c91b00f commit 4293bc50c9972a591a395f002c9fd6eecf2a9845 scottjehl committed Oct 15, 2010
@@ -0,0 +1,5 @@
+.ui-mobile #jqm-home { background: #e5e5e5 url(../images/jqm-sitebg.png) top center fixed repeat-x; }
+.ui-mobile #jqm-homeheader { padding: 60px 15px 0; text-align: center }
+.ui-mobile #jqm-homeheader h1 { margin: 0 0 10px; }
+.ui-mobile #jqm-homeheader p { margin: 0; }
+.ui-mobile #jqm-version { text-indent: -99999px; background: url(../images/version.png) top right no-repeat; width: 119px; height: 122px; overflow: hidden; position: absolute; top: 0; right: 0; }
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -0,0 +1,15 @@
+//set up the theme switcher on the homepage
+$(function(){
+ var lvli = $('#jqm-home ul:eq(2) li:eq(1)');
+ lvli
+ .clone()
+ .find('a:eq(0)')
+ .attr('href', '#')
+ .text('Theme switcher')
+ .click(function(){
+ $.themeswitcher();
+ return false;
+ })
+ .end()
+ .insertBefore(lvli);
+});
View
@@ -3,60 +3,53 @@
<head>
<title>jQuery UI Mobile Framework - Documentation</title>
<link rel="stylesheet" href="themes/default" />
- <script type="text/javascript" src="js/all"></script>
+ <link rel="stylesheet" href="docs/_assets/css/jqm-docs.css" />
+ <script src="js/all"></script>
<script src="experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script type="text/javascript">
- $(function(){
- $('#themeswitcher').click(function(){
- $.themeswitcher();
- return false;
- });
- });
- </script>
+ <script src="docs/_assets/js/jqm-docs.js"></script>
</head>
<body>
-<div data-role="page" data-theme="b">
-
-<div data-role="header" data-theme="a" data-position="inline">
- <h1>jQuery Mobile</h1>
-</div>
-
-<div data-role="content">
-
- <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
- <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>
- <li><a href="docs/content/index.html">Content formatting</a></li>
- <li><a href="docs/forms/index.html">Form elements</a></li>
- <li><a href="docs/lists/index.html">List views</a></li>
- <li><a href="docs/events.html">Events</a></li>
- </ul>
+<div data-role="page" data-theme="b" id="jqm-home">
+ <div id="jqm-homeheader">
+ <h1 id="jqm-logo"><img src="docs/_assets/images/jquery-logo.png" alt="jQuery Mobile Framework" width="255" height="66" /></h1>
+ <p>A Touch-Optimized Web Framework for Smartphones &amp; Tablets</p>
+ <p id="jqm-version">Alpha Release</p>
+ </div>
- <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
- <li data-role="list-divider">Demos</li>
- <li id="themeswitcher"><a href="#">Theme switcher</a></li>
- <li><a href="experiments/api-viewer/index.html">jQuery API browser</a></li>
- <li><a href="experiments/photos/_photo1.html">Photo viewer</a></li>
- <li><a href="experiments/converter/index.html">Converter</a></li>
- </ul>
-
- <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
- <li data-role="list-divider">Experiments</li>
- <li><a href="experiments/ui-datepicker">Date picker styling</a></li>
- </ul>
-</div>
-
+ <div data-role="content">
+
+ <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
+ <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>
+ <li><a href="docs/content/index.html">Content formatting</a></li>
+ <li><a href="docs/forms/index.html">Form elements</a></li>
+ <li><a href="docs/lists/index.html">List views</a></li>
+ <li><a href="docs/events.html">Events</a></li>
+ </ul>
+
+ <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
+ <li data-role="list-divider">Demos</li>
+ <li><a href="experiments/api-viewer/index.html">jQuery API browser</a></li>
+ <li><a href="experiments/photos/_photo1.html">Photo viewer</a></li>
+ <li><a href="experiments/converter/index.html">Converter</a></li>
+ </ul>
+
+ <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
+ <li data-role="list-divider">Experiments</li>
+ <li><a href="experiments/ui-datepicker">Date picker styling</a></li>
+ </ul>
+ </div>
</div>
</body>
</html>

0 comments on commit 4293bc5

Please sign in to comment.