index.html~ 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  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. <!-- Latest compiled and minified CSS -->
  27. <!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">-->
  28. <!-- Optional theme -->
  29. <!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">-->
  30. <!-- Latest compiled and minified JavaScript -->
  31. <!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>-->
  32. </head>
  33. <body>
  34. <!--[if lt IE 10]>
  35. <p class = "browsehappy">You are using an <strong>outdated</strong> browser. Please
  36. <a href = "http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  37. <![endif]-->
  38. <div class="container">
  39. <header>
  40. <h1>App Generated <small>with the html5 app generator</small></h1>
  41. <p>Example of the widget embed</p>
  42. </header>
  43. </div>
  44. <!-- build:js scripts/vendor.js -->
  45. <!-- bower:js -->
  46. <script src="bower_components/jquery/dist/jquery.js"></script>
  47. <script src="bower_components/mustache/mustache.js"></script>
  48. <script src="bower_components/bower-parseuri/parseuri.js"></script>
  49. <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
  50. <!-- endbower -->
  51. <!-- endbuild -->
  52. <script src="scripts/arkiwi.js"></script>
  53. </body><div class="container">
  54. <p>Iframe list items con id:
  55. <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>
  56. </p>
  57. <iframe class="embed" name="arkiwi" data-arkiwi-id="title:hack" data-arkiwi-type="audio" height="400px" width="99%" frameBorder='1' seamless='seamless' src="./wdg_list_item_id.html"></iframe>
  58. <div class="container-fluid" id="list" ><div class="row"></div></div>
  59. <p>Iframe list items viz Arkiwi home page:
  60. <pre>iframe class="embed" height="400px" width="400px" frameBorder='1' seamless='seamless' src="./wdg_list_item_home.html"</pre>
  61. </p>
  62. <iframe class="embed" data-id="title:hack" height="400px" width="99%" frameBorder='1' seamless='seamless' src="./wdg_list_item_home.html"></iframe>
  63. <div class="container-fluid" id="list" ><div class="row"></div></div>
  64. </div> <!--container-->
  65. </html>