index.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <!DOCTYPE html>
  2. <!--HTML5 doctype-->
  3. <html>
  4. <head>
  5. <title>AF/React</title>
  6. <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, minimal-ui">
  8. <meta name="apple-mobile-web-app-capable" content="yes" />
  9. <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  11. <link rel="stylesheet" type="text/css" href="../../build/af.ui.css" />
  12. <link rel="stylesheet" type="text/css" href="../../build/icons.css" />
  13. <script type="text/javascript" charset="utf-8" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  14. <script type="text/javascript" charset="utf-8" src="http://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.3/fastclick.min.js"></script>
  15. <script src="../../build/appframework.ui.min.js"></script>
  16. <script src="http://fb.me/react-0.11.2.js"></script>
  17. <script src="http://fb.me/JSXTransformer-0.11.2.js"></script>
  18. </head>
  19. <body id="todoaf">
  20. <div id="splashscreen" class='ui-loader heavy'>
  21. App Framework
  22. <br>
  23. <br>
  24. <span class='ui-icon ui-icon-loading spin'></span>
  25. <h1>Starting app</h1>
  26. </div>
  27. <div class="view" id="mainview">
  28. <header>
  29. <h1>Welcome</h1>
  30. </header>
  31. <div class="pages">
  32. <div class="panel active" id="main" data-title="Welcome" data-selected="true">
  33. <h1>Todo</h1>
  34. <div id="todoform"></div>
  35. <hr>
  36. <h3 style="font-size:10px">Long press to delete</h3>
  37. <div id="todolist"></div>
  38. </div>
  39. <div class="panel" id="about" data-title="About">
  40. This basic demo shows how to use React and App Framework UI together.
  41. </div>
  42. </div>
  43. <footer>
  44. <a href="#main" class="icon home" data-transition="slide">todo</a>
  45. <a href="#about" class="icon settings" data-transition="slide">about</a>
  46. </footer>
  47. </div>
  48. </body>
  49. <script type="text/jsx" charset="utf-8" src="js/app.jsx"></script>
  50. </html>