index.html 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <!doctype html>
  2. <!--[if lt IE 7]>
  3. <html class = "no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  4. <!--[if IE 7]>
  5. <html class = "no-js lt-ie9 lt-ie8"> <![endif]-->
  6. <!--[if IE 8]>
  7. <html class = "no-js lt-ie9"> <![endif]-->
  8. <!--[if gt IE 8]><!-->
  9. <html class="no-js">
  10. <!--<![endif]-->
  11. <head>
  12. <meta charset="utf-8">
  13. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  14. <meta name="viewport" content="width=device-width, initial-scale=1">
  15. <title>arkiwiJsBoilerplate</title>
  16. <meta name="description" content="Arkiwi JS Boilerplate">
  17. <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
  18. <!-- build:css styles/vendor.css -->
  19. <!-- bower:css -->
  20. <!-- endbower -->
  21. <!-- endbuild -->
  22. <!-- build:css(.tmp) styles/main.css -->
  23. <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.css">
  24. <link rel="stylesheet" href="styles/main.css">
  25. <!-- endbuild -->
  26. </head>
  27. <body>
  28. <!--[if lt IE 10]>
  29. <p class = "browsehappy">You are using an <strong>outdated</strong> browser. Please
  30. <a href = "http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  31. <![endif]-->
  32. <div class="container">
  33. <header>
  34. <h1>App Generated <small>with the html5 app generator</small></h1>
  35. <p>Example of the widget embed</p>
  36. </header>
  37. </div>
  38. <!-- build:js scripts/vendor.js -->
  39. <!-- bower:js -->
  40. <script src="bower_components/jquery/dist/jquery.js"></script>
  41. <script src="bower_components/mustache/mustache.js"></script>
  42. <script src="bower_components/bower-parseuri/parseuri.js"></script>
  43. <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
  44. <!-- endbower -->
  45. <!-- endbuild -->
  46. <script src="scripts/arkiwi.js"></script>
  47. </body><div class="container">
  48. <p>Iframe list items con id:
  49. <pre>iframe class="embed" data-arkiwi-id="title:hack" data-arkiwi-type="audio" height="400px" width="99%" frameBorder='1' seamless='seamless' src="./wdg_list_item_id.html"</pre>
  50. </p>
  51. <iframe class="embed" name="arkiwi" data-arkiwi-id="title:hack" data-arkiwi-type="video" height="400px" width="99%" frameBorder='1' seamless='seamless' src="./wdg_list_item_id.html"></iframe>
  52. <div class="container-fluid" id="list" ><div class="row"></div></div>
  53. <p>Iframe list items viz Arkiwi home page:
  54. <pre>iframe class="embed" height="400px" width="400px" frameBorder='1' seamless='seamless' src="./wdg_list_item_home.html"</pre>
  55. </p>
  56. <iframe class="embed" data-id="title:hack" height="400px" width="99%" frameBorder='1' seamless='seamless' src="./wdg_list_item_home.html"></iframe>
  57. <div class="container-fluid" id="list" ><div class="row"></div></div>
  58. </div> <!--container-->
  59. </html>