Permalink
Browse files

committing all the mobiley goodness.

  • Loading branch information...
0 parents commit 1d0fd4a7d8b852e10dfe91cd2920579ea4c30cc3 scottjehl committed Sep 10, 2010
Showing with 4,234 additions and 0 deletions.
  1. +17 −0 .htaccess
  2. +76 −0 _containers-states.html
  3. +30 −0 _events.html
  4. +116 −0 _fixed.html
  5. +178 −0 _form-controls.html
  6. +108 −0 _globalnav.html
  7. +302 −0 _tabs.html
  8. +46 −0 _transitions-destination.html
  9. +31 −0 _transitions.html
  10. +79 −0 _tree.html
  11. +162 −0 combine.php
  12. +7 −0 css/manifest.php
  13. +534 −0 css/structure.css
  14. +153 −0 css/theme.css
  15. +34 −0 experiments/photos/_photo1.html
  16. +35 −0 experiments/photos/_photo2.html
  17. +35 −0 experiments/photos/_photo3.html
  18. +35 −0 experiments/photos/_photo4.html
  19. +34 −0 experiments/photos/_photo5.html
  20. +34 −0 experiments/photos/_photo6.html
  21. BIN experiments/photos/images/photo-bridge.jpeg
  22. BIN experiments/photos/images/photo-canoe.jpeg
  23. BIN experiments/photos/images/photo-dock.jpeg
  24. BIN experiments/photos/images/photo-kayak.jpeg
  25. BIN experiments/photos/images/photo-run.jpeg
  26. BIN experiments/photos/images/photo-sand.jpeg
  27. +263 −0 experiments/static-list-variations/_tree_static.html
  28. BIN experiments/static-list-variations/images/jb.jpg
  29. BIN images/ajax-loader.gif
  30. BIN images/ajax-loader.png
  31. BIN images/form-check-off.png
  32. BIN images/form-check-on.png
  33. BIN images/form-radio-off.png
  34. BIN images/form-radio-on.png
  35. BIN images/icon-arrow-white-down.png
  36. BIN images/icon-arrow-white-left.png
  37. BIN images/icon-arrow-white-right.png
  38. BIN images/icon-arrow-white-up.png
  39. BIN images/icon-minus-white.png
  40. BIN images/icon-plus-white.png
  41. +38 −0 index.html
  42. +18 −0 js/jQuery.bbq.js
  43. +49 −0 js/jQuery.buttonMarkup.js
  44. +34 −0 js/jQuery.clickable.js
  45. +73 −0 js/jQuery.collapsible.js
  46. +35 −0 js/jQuery.controlGroup.js
  47. +85 −0 js/jQuery.expandable.js
  48. +14 −0 js/jQuery.fieldContain.js
  49. +94 −0 js/jQuery.fixHeaderFooter.js
  50. +21 −0 js/jQuery.forms.button.js
  51. +70 −0 js/jQuery.forms.checkboxradio.js
  52. +204 −0 js/jQuery.forms.select.js
  53. +33 −0 js/jQuery.forms.textinput.js
  54. +26 −0 js/jQuery.globalnav.js
  55. +469 −0 js/jQuery.mobile.js
  56. +181 −0 js/jQuery.tabs.js
  57. +255 −0 js/jQuery.tree.js
  58. +154 −0 js/jquery-1.4.2.min.js
  59. +22 −0 js/manifest.php
  60. +10 −0 sample-content/lebowski.html
  61. +10 −0 sample-content/license.html
  62. +10 −0 sample-content/planetearth.html
  63. +10 −0 sample-content/terms.html
  64. +10 −0 sample-content/travel.html
@@ -0,0 +1,17 @@
+<Files index.html>
+ForceType application/x-httpd-php
+</Files>
+
+RewriteEngine On
+RewriteRule ^css/all combine.php?type=css
+RewriteRule ^js/all combine.php?type=javascript
+
+# Turn on Expires and set default to 0
+ExpiresActive On
+ExpiresDefault "access"
+
+
+# cache text, css, and javascript files for one week
+<FilesMatch ".(html|png|jpg|gif|js|css)$">
+Header set Cache-Control "max-age=1"
+</FilesMatch>
@@ -0,0 +1,76 @@
+<?php /*gzip page*/ ob_start("ob_gzhandler"); ?>
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>jQuery Mobile Framework - Static Containers, States</title>
+ <link rel="stylesheet" type="text/css" href="css/all" />
+ <script type="text/javascript" src="js/all"></script>
+</head>
+<body>
+
+<div class="ui-page">
+
+ <div class="ui-header ui-bar-a">
+ <h1>Containers and states</h1>
+ <a href="index.html" class="ui-back" data-icon="arrow-l">Home</a>
+ </div>
+
+ <div class="ui-content">
+ <div class="ui-body ui-body-a">
+ <h1>Description</h1>
+ <p>This page displays examples of themeable containers that are used throughout the jQuery Mobile framework.</p>
+ </div>
+
+ <div class="ui-bar ui-bar-a">
+ <a href="#" data-icon="arrow-l">Button</a>
+ <h1>ui-bar-a</h1>
+ </div>
+ <div class="ui-body ui-body-a">
+ <p>ui-body-a <a href="#" class="ui-link">ui-link</a></p>
+ <a href="#" data-role="button">Button</a>
+ </div>
+
+
+ <div class="ui-bar ui-bar-b">
+ <a href="#" data-icon="arrow-l">Button</a>
+ <h1>ui-bar-b</h1>
+ </div>
+ <div class="ui-body ui-body-b">
+ <p>ui-body-b <a href="#" class="ui-link">ui-link</a></p>
+ <a href="#" data-role="button">Button</a>
+ </div>
+
+
+ <div class="ui-bar ui-bar-c">
+ <a href="#" data-icon="arrow-l">Button</a>
+ <h1>ui-bar-c</h1>
+ </div>
+ <div class="ui-body ui-body-c">
+ <p>ui-body-c <a href="#" class="ui-link">ui-link</a></p>
+ <a href="#" data-role="button">Button</a>
+ </div>
+
+
+
+ <div class="ui-bar ui-bar-d">
+ <a href="#" data-icon="arrow-l">Button</a>
+ <h1>ui-bar-d</h1>
+ </div>
+ <!--
+
+ <div class="ui-list ui-list-up-a">
+ <p>ui-list-up-a</p>
+ <a href="#" data-role="button">Button</a>
+ </div>
+
+ <div class="ui-list ui-list-up-b">
+ <p>ui-list-up-a</p>
+ <a href="#" data-role="button">Button</a>
+ </div>
+
+ -->
+ </div>
+</div>
+
+</body>
+</html>
@@ -0,0 +1,30 @@
+<?php /*gzip page*/ ob_start("ob_gzhandler"); ?>
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>jQuery Mobile Framework - Event tests</title>
+ <link rel="stylesheet" type="text/css" href="css/all" />
+ <script type="text/javascript" src="js/all"></script>
+
+</head>
+<body>
+
+
+
+
+ <div class="ui-page" >
+ <div class="ui-header ui-bar-a">
+ <h1>Event tests</h1>
+ </div>
+ <div class="ui-content ui-body ui-body-c" style="height:2000px;">
+ <p>The following events will log out below when they fire: scrollstart scrollstop swipe swipeleft swiperight tap taphold turn.</p>
+ <div id="eventlogger"></div>
+ </div>
+
+ </div>
+
+
+
+
+</body>
+</html>
@@ -0,0 +1,116 @@
+<?php /*gzip page*/ ob_start("ob_gzhandler"); ?>
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>jQuery Mobile Framework - Toolbars demo</title>
+ <link rel="stylesheet" type="text/css" href="css/all" />
+ <script type="text/javascript" src="js/all"></script>
+</head>
+<body>
+
+<div class="ui-page">
+
+ <div class="ui-header ui-bar-a">
+ <h1>Fixed Header</h1>
+ <a href="index.html" class="ui-back" data-icon="arrow-l">Home</a>
+ </div>
+
+ <div class="ui-content">
+ <div class="ui-body ui-body-c">
+ <h2>Demo description</h2>
+ <p>This is a demo of the "fixed" headers and footers used in the jQuery Mobile framework. The page content flows naturally, allowing us to take advantage of native scrolling instead of a scripting a faux-scrolling workaround. The header and footer divs are right in the flow of the document, but whenever they are out of view, you can tap the screen to make them appear. Tapping again or scrolling the page will cause them to appear back in the flow of the page (at the top and bottom). </p
+
+ <p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
+
+ <h2>Header Level 2</h2>
+
+ <ol>
+ <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
+ <li>Aliquam tincidunt mauris eu risus.</li>
+ </ol>
+
+ <blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p></blockquote>
+
+ <h3>Header Level 3</h3>
+
+ <ul>
+ <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
+ <li>Aliquam tincidunt mauris eu risus.</li>
+ </ul>
+
+ <pre><code>
+ #header h1 a {
+ display: block;
+ width: 300px;
+ height: 80px;
+ }
+ </code></pre>
+
+ <h1>HTML Ipsum Presents</h1>
+
+ <p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
+
+ <h2>Header Level 2</h2>
+
+ <ol>
+ <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
+ <li>Aliquam tincidunt mauris eu risus.</li>
+ </ol>
+
+ <blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p></blockquote>
+
+ <h3>Header Level 3</h3>
+
+ <ul>
+ <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
+ <li>Aliquam tincidunt mauris eu risus.</li>
+ </ul>
+
+ <pre><code>
+ #header h1 a {
+ display: block;
+ width: 300px;
+ height: 80px;
+ }
+ </code></pre>
+
+ <h1>HTML Ipsum Presents</h1>
+
+ <p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
+
+ <h2>Header Level 2</h2>
+
+ <ol>
+ <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
+ <li>Aliquam tincidunt mauris eu risus.</li>
+ </ol>
+
+ <blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p></blockquote>
+
+ <h3>Header Level 3</h3>
+
+ <ul>
+ <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
+ <li>Aliquam tincidunt mauris eu risus.</li>
+ </ul>
+
+ <pre><code>
+ #header h1 a {
+ display: block;
+ width: 300px;
+ height: 80px;
+ }
+ </code></pre>
+
+ </div>
+ </div>
+
+ <div class="ui-footer ui-bar-a">
+ <h1>Fixed Footer</h1>
+ </div>
+
+
+</div>
+
+</body>
+</html>
Oops, something went wrong.

0 comments on commit 1d0fd4a

Please sign in to comment.