tablet4.html 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Tablet4</title>
  6. <meta name="description" content="">
  7. <meta name="author" content="Javier Jiménez Villar (@soyjavi)">
  8. <meta name="HandheldFriendly" content="True">
  9. <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  10. <meta name="apple-mobile-web-app-capable" content="yes">
  11. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  12. <meta name="mobile-web-app-capable" content="yes">
  13. <meta name="format-detection" content="telephone=no">
  14. <meta http-equiv="cleartype" content="on">
  15. <!-- Main Stylesheet -->
  16. <link rel="stylesheet" href="../../package/lungo/lungo.css">
  17. <link rel="stylesheet" href="../../package/lungo/lungo.theme.css">
  18. <link rel="stylesheet" href="../../package/lungo.icon/lungo.icon.css">
  19. </head>
  20. <body>
  21. <section id="security" data-transition="slide">
  22. <article>
  23. securityyyyyyyyy
  24. <button data-view-section="main">Go main!</button>
  25. </article>
  26. </section>
  27. <section id="main" data-transition="slide">
  28. <article>
  29. main!!!
  30. <button data-view-section="back">Go back!</button>
  31. <button data-view-section="other">Go other!</button>
  32. </article>
  33. </section>
  34. <section id="other" data-transition="slide">
  35. <article>
  36. other
  37. <button data-view-section="back">Go back!</button>
  38. </article>
  39. </section>
  40. <!-- Lungo dependencies -->
  41. <script src="../components/quojs/quo.js"></script>
  42. <script src="../../build/lungo.debug.js"></script>
  43. <script>
  44. Lungo.init({
  45. name: 'test',
  46. history: false
  47. });
  48. </script>
  49. </body>
  50. </html>