Created
July 3, 2011 09:11
-
-
Save kirb/1062095 to your computer and use it in GitHub Desktop.
Example MinTouch page
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>MinTouch Test</title> | |
| <script src="/path/to/javascript/jquery-latest.min.js"></script> | |
| <script src="/path/to/javascript/iscroll-lite.js"></script> | |
| <script src="/path/to/javascript/MinTouch.js"></script> | |
| <script> | |
| var mypage = MinTouch({ | |
| themeDir: "/path/to/javascript/themes/", | |
| theme: "dark" | |
| }); | |
| </script> | |
| </head> | |
| <body> | |
| <section id="mainwindow"> | |
| <header> | |
| <h1>Page 1</h1> | |
| <a href="#page2" data-type="button" data-position="right">Page 2</a> | |
| </header> | |
| <article> | |
| <p>If this page looks like an app, congratulations, you have made your first page with MinTouch. Try the page 2 button above!</p> | |
| </article> | |
| </section> | |
| <section id="page2"> | |
| <header> | |
| <h1>Page 2</h1> | |
| <a href="#mainwindow" data-type="back button" data-position="left">Back</a> | |
| </header> | |
| <article> | |
| <p>And this is page 2. Click the back button above to return to the first page.</p> | |
| </article> | |
| </section> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment