Permalink
Browse files

Updating to jQuery Mobile 1.1 Final

  • Loading branch information...
1 parent fe41f9b commit d9c1934b8e6a2296553d91a3003dd735430f193e @commadelimited committed Apr 14, 2012
Showing with 49 additions and 20 deletions.
  1. +49 −20 index.html
View
@@ -3,33 +3,62 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
- <title>jQuery Mobile: Theme Download</title>
+ <title>jQuery Mobile Twitter Bootstrap Theme</title>
<link rel="stylesheet" href="themes/Bootstrap.min.css">
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile.structure-1.0.1.min.css">
- <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
+ <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile.structure-1.1.0.min.css">
+ <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
+ <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
</head>
<body>
<div data-role="page" data-theme="a">
<div data-role="header" data-position="inline">
- <h1>It Worked!</h1>
+ <h1>jQuery Mobile Twitter Bootstrap Theme</h1>
</div>
<div data-role="content" data-theme="a">
- <p>Your theme was successfully downloaded. You can use this page as a reference for how to link it up!</p>
- <pre><strong>&lt;link rel=&quot;stylesheet&quot; href=&quot;themes/Bootstrap.min.css&quot; /&gt;</strong>
-&lt;link rel=&quot;stylesheet&quot; href=&quot;http://code.jquery.com/mobile/1.0.1/jquery.mobile.structure-1.0.1.min.css&quot; /&gt;
-&lt;script src=&quot;http://code.jquery.com/jquery-1.6.4.min.js&quot;&gt;&lt;/script&gt;
-&lt;script src=&quot;http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js&quot;&gt;&lt;/script&gt;</pre>
- <p>This is content color swatch "A" and a preview of a <a href="#" class="ui-link">link</a>.</p>
- <label for="slider1">Input slider:</label>
- <input type="range" name="slider1" id="slider1" value="50" min="0" max="100" data-theme="a" />
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Cache settings:</legend>
- <input type="radio" name="radio-choice-a1" id="radio-choice-a1" value="on" checked>
- <label for="radio-choice-a1">On</label>
- <input type="radio" name="radio-choice-a1" id="radio-choice-b1" value="off">
- <label for="radio-choice-b1">Off</label>
- </fieldset>
+
+ <a href="https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme" data-role="button" data-icon="star">Get the code</a>
+
+ <h2>Buttons</h2>
+
+ <a href="index.html" data-role="button" data-theme="a">Swatch A</a>
+ <a href="index.html" data-role="button" data-theme="b" data-icon="star">Swatch B</a>
+ <a href="index.html" data-role="button" data-theme="c" data-icon="home">Swatch C</a>
+ <a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l">Swatch D</a>
+ <a href="index.html" data-role="button" data-theme="e" data-icon="plus">Swatch E</a>
+ <a href="index.html" data-role="button" data-theme="f" data-icon="grid">Swatch F</a>
+
+ <h2>Listviews</h2>
+
+ <ul data-role="listview" data-inset="true" data-divider-theme="a">
+ <li data-role="list-divider">Swatch A</li>
+ <li data-theme="a"><a href="">Swatch A</a></li>
+ </ul>
+
+ <ul data-role="listview" data-inset="true" data-divider-theme="b">
+ <li data-role="list-divider">Swatch B</li>
+ <li data-theme="b"><a href="">Swatch A</a></li>
+ </ul>
+
+ <ul data-role="listview" data-inset="true" data-divider-theme="c">
+ <li data-role="list-divider">Swatch C</li>
+ <li data-theme="c"><a href="">Swatch A</a></li>
+ </ul>
+
+ <ul data-role="listview" data-inset="true" data-divider-theme="d">
+ <li data-role="list-divider">Swatch D</li>
+ <li data-theme="d"><a href="">Swatch A</a></li>
+ </ul>
+
+ <ul data-role="listview" data-inset="true" data-divider-theme="e">
+ <li data-role="list-divider">Swatch E</li>
+ <li data-theme="e"><a href="">Swatch A</a></li>
+ </ul>
+
+ <ul data-role="listview" data-inset="true" data-divider-theme="f">
+ <li data-role="list-divider">Swatch F</li>
+ <li data-theme="f"><a href="">Swatch A</a></li>
+ </ul>
+
</div>
</div>
</body>

0 comments on commit d9c1934

Please sign in to comment.