tablet4.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  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="format-detection" content="telephone=no">
  13. <meta http-equiv="cleartype" content="on">
  14. <!-- Main Stylesheet -->
  15. <link rel="stylesheet" href="../components/lungo.brownie/lungo.css">
  16. <link rel="stylesheet" href="../components/lungo.brownie/lungo.theme.css">
  17. <link rel="stylesheet" href="../components/lungo.icon/lungo.icon.css">
  18. </head>
  19. <body>
  20. <section id="security" data-transition="slide">
  21. <article>
  22. security
  23. <button data-view-section="main">Go main!</button>
  24. </article>
  25. </section>
  26. <section id="main" data-transition="slide" data-children="other">
  27. <article>
  28. main
  29. <button data-view-section="back">Go back!</button>
  30. <button data-view-section="other">Go other!</button>
  31. </article>
  32. </section>
  33. <section id="other" data-transition="slide">
  34. <article>
  35. other
  36. <button data-view-section="back">Go back!</button>
  37. </article>
  38. </section>
  39. <!-- Lungo dependencies -->
  40. <script src="../components/quojs/quo.js"></script>
  41. <script src="../components/lungo.brownie/lungo.debug.js"></script>
  42. <script>
  43. Lungo.init({
  44. name: 'test',
  45. history: false
  46. });
  47. </script>
  48. </body>
  49. </html>