framework7rails 3.0.0 → 4.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (212) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/lib/framework7rails/version.rb +2 -2
  4. data/update_from_vendor.rb +1 -1
  5. data/vendor/assets/javascripts/framework7.js +5806 -2303
  6. data/vendor/assets/javascripts/framework7.js.map +1 -1
  7. data/vendor/assets/stylesheets/framework7.css +2164 -464
  8. data/vendor/assets/stylesheets/framework7.themes.css +189 -25
  9. metadata +2 -205
  10. data/Framework7-0.9.6/.gitignore +0 -5
  11. data/Framework7-0.9.6/.jshintrc +0 -33
  12. data/Framework7-0.9.6/.travis.yml +0 -5
  13. data/Framework7-0.9.6/CHANGELOG.md +0 -342
  14. data/Framework7-0.9.6/Gruntfile.js +0 -560
  15. data/Framework7-0.9.6/LICENSE +0 -20
  16. data/Framework7-0.9.6/README.md +0 -113
  17. data/Framework7-0.9.6/apps/todo7/css/todo7.css +0 -208
  18. data/Framework7-0.9.6/apps/todo7/img/Icon-152.png +0 -0
  19. data/Framework7-0.9.6/apps/todo7/img/bg.jpg +0 -0
  20. data/Framework7-0.9.6/apps/todo7/img/icon-114.png +0 -0
  21. data/Framework7-0.9.6/apps/todo7/img/icon-120.png +0 -0
  22. data/Framework7-0.9.6/apps/todo7/img/icon-144.png +0 -0
  23. data/Framework7-0.9.6/apps/todo7/img/icon-57.png +0 -0
  24. data/Framework7-0.9.6/apps/todo7/img/icon-72.png +0 -0
  25. data/Framework7-0.9.6/apps/todo7/img/icon-76.png +0 -0
  26. data/Framework7-0.9.6/apps/todo7/index.html +0 -112
  27. data/Framework7-0.9.6/apps/todo7/jade/index.jade +0 -99
  28. data/Framework7-0.9.6/apps/todo7/js/todo7.js +0 -102
  29. data/Framework7-0.9.6/apps/todo7/less/todo7.less +0 -221
  30. data/Framework7-0.9.6/apps/todo7/manifest.php +0 -27
  31. data/Framework7-0.9.6/apps/weather7/css/weather7.css +0 -291
  32. data/Framework7-0.9.6/apps/weather7/img/bg.jpg +0 -0
  33. data/Framework7-0.9.6/apps/weather7/img/icon-114.png +0 -0
  34. data/Framework7-0.9.6/apps/weather7/img/icon-120.png +0 -0
  35. data/Framework7-0.9.6/apps/weather7/img/icon-144.png +0 -0
  36. data/Framework7-0.9.6/apps/weather7/img/icon-152.png +0 -0
  37. data/Framework7-0.9.6/apps/weather7/img/icon-57.png +0 -0
  38. data/Framework7-0.9.6/apps/weather7/img/icon-72.png +0 -0
  39. data/Framework7-0.9.6/apps/weather7/img/icon-76.png +0 -0
  40. data/Framework7-0.9.6/apps/weather7/img/logo.png +0 -0
  41. data/Framework7-0.9.6/apps/weather7/img/yahoo-logo.png +0 -0
  42. data/Framework7-0.9.6/apps/weather7/index.html +0 -127
  43. data/Framework7-0.9.6/apps/weather7/jade/index.jade +0 -113
  44. data/Framework7-0.9.6/apps/weather7/js/weather7.js +0 -213
  45. data/Framework7-0.9.6/apps/weather7/less/weather7.less +0 -294
  46. data/Framework7-0.9.6/apps/weather7/manifest.php +0 -29
  47. data/Framework7-0.9.6/bower.json +0 -30
  48. data/Framework7-0.9.6/dist/about.html +0 -28
  49. data/Framework7-0.9.6/dist/css/framework7.css +0 -4922
  50. data/Framework7-0.9.6/dist/css/framework7.min.css +0 -15
  51. data/Framework7-0.9.6/dist/css/framework7.rtl.css +0 -427
  52. data/Framework7-0.9.6/dist/css/framework7.rtl.min.css +0 -1
  53. data/Framework7-0.9.6/dist/css/framework7.themes.css +0 -279
  54. data/Framework7-0.9.6/dist/css/framework7.themes.min.css +0 -1
  55. data/Framework7-0.9.6/dist/css/my-app.css +0 -0
  56. data/Framework7-0.9.6/dist/form.html +0 -229
  57. data/Framework7-0.9.6/dist/img/i-f7.png +0 -0
  58. data/Framework7-0.9.6/dist/img/i-form-calendar.png +0 -0
  59. data/Framework7-0.9.6/dist/img/i-form-comment.png +0 -0
  60. data/Framework7-0.9.6/dist/img/i-form-email.png +0 -0
  61. data/Framework7-0.9.6/dist/img/i-form-gender.png +0 -0
  62. data/Framework7-0.9.6/dist/img/i-form-name.png +0 -0
  63. data/Framework7-0.9.6/dist/img/i-form-password.png +0 -0
  64. data/Framework7-0.9.6/dist/img/i-form-settings.png +0 -0
  65. data/Framework7-0.9.6/dist/img/i-form-tel.png +0 -0
  66. data/Framework7-0.9.6/dist/img/i-form-toggle.png +0 -0
  67. data/Framework7-0.9.6/dist/img/i-form-url.png +0 -0
  68. data/Framework7-0.9.6/dist/index.html +0 -102
  69. data/Framework7-0.9.6/dist/js/framework7.js +0 -7479
  70. data/Framework7-0.9.6/dist/js/framework7.min.js +0 -18
  71. data/Framework7-0.9.6/dist/js/my-app.js +0 -48
  72. data/Framework7-0.9.6/dist/services.html +0 -28
  73. data/Framework7-0.9.6/examples/split-view-panel/about.html +0 -20
  74. data/Framework7-0.9.6/examples/split-view-panel/css/my-app.css +0 -56
  75. data/Framework7-0.9.6/examples/split-view-panel/index.html +0 -135
  76. data/Framework7-0.9.6/examples/split-view-panel/jade/about.jade +0 -18
  77. data/Framework7-0.9.6/examples/split-view-panel/jade/index.jade +0 -107
  78. data/Framework7-0.9.6/examples/split-view-panel/jade/left-page-1.jade +0 -15
  79. data/Framework7-0.9.6/examples/split-view-panel/jade/left-page-2.jade +0 -15
  80. data/Framework7-0.9.6/examples/split-view-panel/jade/services.jade +0 -18
  81. data/Framework7-0.9.6/examples/split-view-panel/js/my-app.js +0 -15
  82. data/Framework7-0.9.6/examples/split-view-panel/left-page-1.html +0 -19
  83. data/Framework7-0.9.6/examples/split-view-panel/left-page-2.html +0 -19
  84. data/Framework7-0.9.6/examples/split-view-panel/less/my-app.less +0 -62
  85. data/Framework7-0.9.6/examples/split-view-panel/services.html +0 -20
  86. data/Framework7-0.9.6/examples/split-view/about.html +0 -19
  87. data/Framework7-0.9.6/examples/split-view/css/my-app.css +0 -23
  88. data/Framework7-0.9.6/examples/split-view/index.html +0 -135
  89. data/Framework7-0.9.6/examples/split-view/jade/about.jade +0 -15
  90. data/Framework7-0.9.6/examples/split-view/jade/index.jade +0 -107
  91. data/Framework7-0.9.6/examples/split-view/jade/left-page-1.jade +0 -15
  92. data/Framework7-0.9.6/examples/split-view/jade/left-page-2.jade +0 -15
  93. data/Framework7-0.9.6/examples/split-view/jade/services.jade +0 -15
  94. data/Framework7-0.9.6/examples/split-view/js/my-app.js +0 -15
  95. data/Framework7-0.9.6/examples/split-view/left-page-1.html +0 -19
  96. data/Framework7-0.9.6/examples/split-view/left-page-2.html +0 -19
  97. data/Framework7-0.9.6/examples/split-view/less/my-app.less +0 -23
  98. data/Framework7-0.9.6/examples/split-view/services.html +0 -19
  99. data/Framework7-0.9.6/examples/tab-bar/about.html +0 -19
  100. data/Framework7-0.9.6/examples/tab-bar/css/my-app.css +0 -34
  101. data/Framework7-0.9.6/examples/tab-bar/index.html +0 -238
  102. data/Framework7-0.9.6/examples/tab-bar/jade/about.jade +0 -15
  103. data/Framework7-0.9.6/examples/tab-bar/jade/index.jade +0 -189
  104. data/Framework7-0.9.6/examples/tab-bar/jade/services.jade +0 -15
  105. data/Framework7-0.9.6/examples/tab-bar/js/my-app.js +0 -15
  106. data/Framework7-0.9.6/examples/tab-bar/less/my-app.less +0 -35
  107. data/Framework7-0.9.6/examples/tab-bar/services.html +0 -19
  108. data/Framework7-0.9.6/kitchen-sink/about.html +0 -22
  109. data/Framework7-0.9.6/kitchen-sink/accordion.html +0 -171
  110. data/Framework7-0.9.6/kitchen-sink/color-themes.html +0 -42
  111. data/Framework7-0.9.6/kitchen-sink/contacts.html +0 -190
  112. data/Framework7-0.9.6/kitchen-sink/core-features.html +0 -70
  113. data/Framework7-0.9.6/kitchen-sink/css/kitchen-sink.css +0 -233
  114. data/Framework7-0.9.6/kitchen-sink/deep-2.html +0 -22
  115. data/Framework7-0.9.6/kitchen-sink/deep-navbar-2.html +0 -19
  116. data/Framework7-0.9.6/kitchen-sink/deep-navbar-3.html +0 -19
  117. data/Framework7-0.9.6/kitchen-sink/deep-navbar.html +0 -18
  118. data/Framework7-0.9.6/kitchen-sink/forms-buttons.html +0 -64
  119. data/Framework7-0.9.6/kitchen-sink/forms-checkboxes.html +0 -200
  120. data/Framework7-0.9.6/kitchen-sink/forms-elements.html +0 -359
  121. data/Framework7-0.9.6/kitchen-sink/forms-selects.html +0 -72
  122. data/Framework7-0.9.6/kitchen-sink/forms-storage.html +0 -181
  123. data/Framework7-0.9.6/kitchen-sink/forms.html +0 -56
  124. data/Framework7-0.9.6/kitchen-sink/grid.html +0 -140
  125. data/Framework7-0.9.6/kitchen-sink/hide-navbar-toolbar.html +0 -42
  126. data/Framework7-0.9.6/kitchen-sink/img/beach.jpg +0 -0
  127. data/Framework7-0.9.6/kitchen-sink/img/lock.jpg +0 -0
  128. data/Framework7-0.9.6/kitchen-sink/img/monkey.jpg +0 -0
  129. data/Framework7-0.9.6/kitchen-sink/img/mountains.jpg +0 -0
  130. data/Framework7-0.9.6/kitchen-sink/index.html +0 -466
  131. data/Framework7-0.9.6/kitchen-sink/infinite-scroll-load.php +0 -19
  132. data/Framework7-0.9.6/kitchen-sink/infinite-scroll.html +0 -119
  133. data/Framework7-0.9.6/kitchen-sink/jade/about.jade +0 -19
  134. data/Framework7-0.9.6/kitchen-sink/jade/accordion.jade +0 -133
  135. data/Framework7-0.9.6/kitchen-sink/jade/color-themes.jade +0 -37
  136. data/Framework7-0.9.6/kitchen-sink/jade/contacts.jade +0 -115
  137. data/Framework7-0.9.6/kitchen-sink/jade/core-features.jade +0 -74
  138. data/Framework7-0.9.6/kitchen-sink/jade/deep-navbar-2.jade +0 -15
  139. data/Framework7-0.9.6/kitchen-sink/jade/deep-navbar-3.jade +0 -15
  140. data/Framework7-0.9.6/kitchen-sink/jade/deep-navbar.jade +0 -15
  141. data/Framework7-0.9.6/kitchen-sink/jade/forms-buttons.jade +0 -71
  142. data/Framework7-0.9.6/kitchen-sink/jade/forms-checkboxes.jade +0 -152
  143. data/Framework7-0.9.6/kitchen-sink/jade/forms-elements.jade +0 -239
  144. data/Framework7-0.9.6/kitchen-sink/jade/forms-selects.jade +0 -60
  145. data/Framework7-0.9.6/kitchen-sink/jade/forms-storage.jade +0 -134
  146. data/Framework7-0.9.6/kitchen-sink/jade/forms.jade +0 -52
  147. data/Framework7-0.9.6/kitchen-sink/jade/grid.jade +0 -110
  148. data/Framework7-0.9.6/kitchen-sink/jade/hide-navbar-toolbar.jade +0 -38
  149. data/Framework7-0.9.6/kitchen-sink/jade/index.jade +0 -427
  150. data/Framework7-0.9.6/kitchen-sink/jade/infinite-scroll.jade +0 -20
  151. data/Framework7-0.9.6/kitchen-sink/jade/list-view.jade +0 -266
  152. data/Framework7-0.9.6/kitchen-sink/jade/login-screen-embedded.jade +0 -22
  153. data/Framework7-0.9.6/kitchen-sink/jade/login-screen.jade +0 -20
  154. data/Framework7-0.9.6/kitchen-sink/jade/media-lists.jade +0 -170
  155. data/Framework7-0.9.6/kitchen-sink/jade/messages.jade +0 -71
  156. data/Framework7-0.9.6/kitchen-sink/jade/modals.jade +0 -36
  157. data/Framework7-0.9.6/kitchen-sink/jade/navbars-toolbars.jade +0 -43
  158. data/Framework7-0.9.6/kitchen-sink/jade/no-navbar-toolbar.jade +0 -7
  159. data/Framework7-0.9.6/kitchen-sink/jade/no-navbar.jade +0 -7
  160. data/Framework7-0.9.6/kitchen-sink/jade/no-toolbar.jade +0 -17
  161. data/Framework7-0.9.6/kitchen-sink/jade/notifications.jade +0 -23
  162. data/Framework7-0.9.6/kitchen-sink/jade/panels.jade +0 -21
  163. data/Framework7-0.9.6/kitchen-sink/jade/photo-browser.jade +0 -36
  164. data/Framework7-0.9.6/kitchen-sink/jade/popover.jade +0 -21
  165. data/Framework7-0.9.6/kitchen-sink/jade/preloader.jade +0 -31
  166. data/Framework7-0.9.6/kitchen-sink/jade/pull-to-refresh.jade +0 -44
  167. data/Framework7-0.9.6/kitchen-sink/jade/searchbar.jade +0 -146
  168. data/Framework7-0.9.6/kitchen-sink/jade/slider-custom.jade +0 -23
  169. data/Framework7-0.9.6/kitchen-sink/jade/slider-horizontal.jade +0 -18
  170. data/Framework7-0.9.6/kitchen-sink/jade/slider-multiple.jade +0 -48
  171. data/Framework7-0.9.6/kitchen-sink/jade/slider-nested.jade +0 -26
  172. data/Framework7-0.9.6/kitchen-sink/jade/slider-space-between.jade +0 -18
  173. data/Framework7-0.9.6/kitchen-sink/jade/slider-vertical.jade +0 -18
  174. data/Framework7-0.9.6/kitchen-sink/jade/slider.jade +0 -57
  175. data/Framework7-0.9.6/kitchen-sink/jade/sortable-list.jade +0 -107
  176. data/Framework7-0.9.6/kitchen-sink/jade/swipe-delete.jade +0 -195
  177. data/Framework7-0.9.6/kitchen-sink/jade/tabbar-labels.jade +0 -54
  178. data/Framework7-0.9.6/kitchen-sink/jade/tabbar.jade +0 -50
  179. data/Framework7-0.9.6/kitchen-sink/jade/tabs.jade +0 -34
  180. data/Framework7-0.9.6/kitchen-sink/jade/transitions.jade +0 -27
  181. data/Framework7-0.9.6/kitchen-sink/js/kitchen-sink.js +0 -442
  182. data/Framework7-0.9.6/kitchen-sink/less/kitchen-sink.less +0 -245
  183. data/Framework7-0.9.6/kitchen-sink/list-view.html +0 -318
  184. data/Framework7-0.9.6/kitchen-sink/login-screen-embedded.html +0 -36
  185. data/Framework7-0.9.6/kitchen-sink/login-screen.html +0 -21
  186. data/Framework7-0.9.6/kitchen-sink/media-lists.html +0 -173
  187. data/Framework7-0.9.6/kitchen-sink/messages.html +0 -84
  188. data/Framework7-0.9.6/kitchen-sink/modals.html +0 -33
  189. data/Framework7-0.9.6/kitchen-sink/navbars-toolbars.html +0 -46
  190. data/Framework7-0.9.6/kitchen-sink/no-navbar-toolbar.html +0 -11
  191. data/Framework7-0.9.6/kitchen-sink/no-navbar.html +0 -11
  192. data/Framework7-0.9.6/kitchen-sink/no-toolbar.html +0 -18
  193. data/Framework7-0.9.6/kitchen-sink/notifications.html +0 -21
  194. data/Framework7-0.9.6/kitchen-sink/panel-right2.html +0 -16
  195. data/Framework7-0.9.6/kitchen-sink/panel-right3.html +0 -16
  196. data/Framework7-0.9.6/kitchen-sink/panels.html +0 -23
  197. data/Framework7-0.9.6/kitchen-sink/photo-browser.html +0 -36
  198. data/Framework7-0.9.6/kitchen-sink/popover.html +0 -21
  199. data/Framework7-0.9.6/kitchen-sink/preloader.html +0 -28
  200. data/Framework7-0.9.6/kitchen-sink/pull-to-refresh.html +0 -52
  201. data/Framework7-0.9.6/kitchen-sink/searchbar.html +0 -233
  202. data/Framework7-0.9.6/kitchen-sink/slider-custom.html +0 -28
  203. data/Framework7-0.9.6/kitchen-sink/slider-horizontal.html +0 -29
  204. data/Framework7-0.9.6/kitchen-sink/slider-multiple.html +0 -89
  205. data/Framework7-0.9.6/kitchen-sink/slider-nested.html +0 -32
  206. data/Framework7-0.9.6/kitchen-sink/slider-space-between.html +0 -29
  207. data/Framework7-0.9.6/kitchen-sink/slider-vertical.html +0 -29
  208. data/Framework7-0.9.6/kitchen-sink/slider.html +0 -54
  209. data/Framework7-0.9.6/kitchen-sink/sortable-list.html +0 -137
  210. data/Framework7-0.9.6/kitchen-sink/swipe-delete.html +0 -216
  211. data/Framework7-0.9.6/kitchen-sink/tabbar-labels.html +0 -51
  212. data/Framework7-0.9.6/kitchen-sink/tabbar.html +0 -0
data/Framework7-0.9.6/kitchen-sink/hide-navbar-toolbar.html DELETED
@@ -1,42 +0,0 @@
1
-
2
- <div class="navbar">
3
- <div class="navbar-inner">
4
- <div class="left sliding"><a href="index.html" class="back link"><i class="icon icon-back"></i><span>Back</span></a></div>
5
- <div class="center sliding">Hide Navbar & Toolbar</div>
6
- <div class="right"><a href="#" class="open-panel link icon-only"><i class="icon icon-bars"></i></a></div>
7
- </div>
8
- </div>
9
- <div class="pages navbar-through">
10
- <div data-page="hide-navbar-toolbar" class="page">
11
- <div class="page-content">
12
- <div class="content-block">
13
- <p>Sometimes you may need to hide top Navbar or bottom Toolbar. Framework7 allows this by adding additional classes to pages. Check examples:</p>
14
- </div>
15
- <div class="list-block">
16
- <ul>
17
- <li><a href="no-navbar.html" class="item-link">
18
- <div class="item-content">
19
- <div class="item-media"><i class="icon icon-f7"></i></div>
20
- <div class="item-inner">
21
- <div class="item-title">Hide Navbar</div>
22
- </div>
23
- </div></a></li>
24
- <li><a href="no-toolbar.html" class="item-link">
25
- <div class="item-content">
26
- <div class="item-media"><i class="icon icon-f7"></i></div>
27
- <div class="item-inner">
28
- <div class="item-title">Hide Toolbar</div>
29
- </div>
30
- </div></a></li>
31
- <li><a href="no-navbar-toolbar.html" class="item-link">
32
- <div class="item-content">
33
- <div class="item-media"><i class="icon icon-f7"></i></div>
34
- <div class="item-inner">
35
- <div class="item-title">Hide Both</div>
36
- </div>
37
- </div></a></li>
38
- </ul>
39
- </div>
40
- </div>
41
- </div>
42
- </div>
data/Framework7-0.9.6/kitchen-sink/index.html DELETED
@@ -1,466 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
6
- <meta name="mobile-web-app-capable" content="yes">
7
- <meta name="apple-mobile-web-app-capable" content="yes">
8
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
9
- <title>Framework7</title>
10
- <link rel="stylesheet" href="../build/css/framework7.css">
11
- <link rel="stylesheet" href="../build/css/framework7.themes.css">
12
- <link rel="stylesheet" href="css/kitchen-sink.css">
13
- </head>
14
- <body>
15
- <div class="statusbar-overlay"></div>
16
- <div class="panel-overlay"></div>
17
- <div class="panel panel-left panel-cover layout-dark">
18
- <div class="content-block-title">Left Panel</div>
19
- <div class="content-block">
20
- <p>This is a side panel. You can close it by clicking outsite or on this link: <a href="#" class="close-panel">close me</a>. You can put here anything, even another isolated view like in <a href="#" data-panel="right" class="open-panel">Right Panel</a></p>
21
- </div>
22
- <div class="content-block-title">Framework7 Kitchen Sink</div>
23
- <div class="list-block">
24
- <ul>
25
- <li><a href="modals.html" class="close-panel item-link">
26
- <div class="item-content">
27
- <div class="item-media"><i class="icon icon-f7"></i></div>
28
- <div class="item-inner">
29
- <div class="item-title">Modals</div>
30
- </div>
31
- </div></a></li>
32
- <li><a href="popover.html" class="close-panel item-link">
33
- <div class="item-content">
34
- <div class="item-media"><i class="icon icon-f7"></i></div>
35
- <div class="item-inner">
36
- <div class="item-title">Popover</div>
37
- </div>
38
- </div></a></li>
39
- <li><a href="tabs.html" class="close-panel item-link">
40
- <div class="item-content">
41
- <div class="item-media"><i class="icon icon-f7"></i></div>
42
- <div class="item-inner">
43
- <div class="item-title">Tabs</div>
44
- </div>
45
- </div></a></li>
46
- <li><a href="panels.html" class="close-panel item-link">
47
- <div class="item-content">
48
- <div class="item-media"><i class="icon icon-f7"></i></div>
49
- <div class="item-inner">
50
- <div class="item-title">Side Panels</div>
51
- </div>
52
- </div></a></li>
53
- <li><a href="list-view.html" class="close-panel item-link">
54
- <div class="item-content">
55
- <div class="item-media"><i class="icon icon-f7"></i></div>
56
- <div class="item-inner">
57
- <div class="item-title">List View</div>
58
- </div>
59
- </div></a></li>
60
- <li><a href="swipe-delete.html" class="close-panel item-link">
61
- <div class="item-content">
62
- <div class="item-media"><i class="icon icon-f7"></i></div>
63
- <div class="item-inner">
64
- <div class="item-title">Swipe To Delete</div>
65
- </div>
66
- </div></a></li>
67
- <li><a href="forms.html" class="close-panel item-link">
68
- <div class="item-content">
69
- <div class="item-media"><i class="icon icon-f7"></i></div>
70
- <div class="item-inner">
71
- <div class="item-title">Forms</div>
72
- </div>
73
- </div></a></li>
74
- <li><a href="messages.html" class="close-panel item-link">
75
- <div class="item-content">
76
- <div class="item-media"><i class="icon icon-f7"></i></div>
77
- <div class="item-inner">
78
- <div class="item-title">Messages</div>
79
- </div>
80
- </div></a></li>
81
- <li><a href="grid.html" class="close-panel item-link">
82
- <div class="item-content">
83
- <div class="item-media"><i class="icon icon-f7"></i></div>
84
- <div class="item-inner">
85
- <div class="item-title">Grid</div>
86
- </div>
87
- </div></a></li>
88
- <li><a href="preloader.html" class="close-panel item-link">
89
- <div class="item-content">
90
- <div class="item-media"><i class="icon icon-f7"></i></div>
91
- <div class="item-inner">
92
- <div class="item-title">Preloader</div>
93
- </div>
94
- </div></a></li>
95
- <li><a href="navbars-toolbars.html" class="close-panel item-link">
96
- <div class="item-content">
97
- <div class="item-media"><i class="icon icon-f7"></i></div>
98
- <div class="item-inner">
99
- <div class="item-title">Navbars And Toolbars</div>
100
- </div>
101
- </div></a></li>
102
- <li><a href="transitions.html" class="close-panel item-link">
103
- <div class="item-content">
104
- <div class="item-media"><i class="icon icon-f7"></i></div>
105
- <div class="item-inner">
106
- <div class="item-title">Transitions And Effects</div>
107
- </div>
108
- </div></a></li>
109
- </ul>
110
- </div>
111
- <div class="content-block">
112
- <p>Long text block goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sem urna, gravida non scelerisque id, fringilla ac velit. Phasellus elementum a ipsum at ornare. Mauris sagittis rhoncus euismod. Integer convallis augue eu lacus ultrices, in dictum elit consequat. Nulla faucibus massa id felis egestas eleifend. Proin consequat dignissim magna ut scelerisque. Vestibulum ac lorem semper, posuere sapien nec, pharetra massa. Nulla a tellus facilisis, sollicitudin quam porta, aliquam lorem. Fusce dignissim eros ac diam molestie, ut ultrices lorem tristique. Ut facilisis augue ac nisi egestas malesuada. Nunc posuere tortor quis eleifend mollis. Aliquam erat volutpat. Donec feugiat elit tellus, nec convallis orci elementum in. Sed urna mi, vestibulum id tempus id, pretium et ante. Pellentesque eget sollicitudin ligula. Phasellus pellentesque velit eu porta suscipit.</p>
113
- </div>
114
- </div>
115
- <div class="panel panel-right panel-reveal layout-dark">
116
- <div class="view view-right">
117
- <div class="navbar">
118
- <div class="navbar-inner">
119
- <div class="center sliding">Right Panel</div>
120
- </div>
121
- </div>
122
- <div class="pages navbar-through">
123
- <div data-page="panel-right1" class="page">
124
- <div class="page-content">
125
- <div class="content-block">
126
- <p>This is a right side panel. You can close it by clicking outsite or on this link: <a href="#" class="close-panel">close me</a>. You can put here anything, even another isolated view, try it:</p>
127
- </div>
128
- <div class="list-block">
129
- <ul>
130
- <li><a href="panel-right2.html" class="item-link">
131
- <div class="item-content">
132
- <div class="item-inner">
133
- <div class="item-title">Right panel page 2</div>
134
- </div>
135
- </div></a></li>
136
- <li><a href="panel-right3.html" class="item-link">
137
- <div class="item-content">
138
- <div class="item-inner">
139
- <div class="item-title">Right panel page 3</div>
140
- </div>
141
- </div></a></li>
142
- </ul>
143
- </div>
144
- </div>
145
- </div>
146
- </div>
147
- </div>
148
- </div>
149
- <div class="views">
150
- <div class="view view-main">
151
- <div class="navbar">
152
- <div class="navbar-inner">
153
- <div class="center sliding">Framework7</div>
154
- <div class="right"><a href="#" class="open-panel link icon-only"><i class="icon icon-bars"></i></a></div>
155
- </div>
156
- </div>
157
- <div class="toolbar">
158
- <div class="toolbar-inner"><a href="#" class="link">Dummy Link</a><a href="#" data-popover=".popover-menu" class="open-popover link">Menu</a></div>
159
- </div>
160
- <div class="pages navbar-through toolbar-through">
161
- <div data-page="index" class="page">
162
- <div class="page-content">
163
- <div class="content-block-title">Welcome To Framework7</div>
164
- <div class="content-block"><a href="about.html" class="button">Read About Framework7</a></div>
165
- <div class="content-block-title">Framework7 Kitchen Sink</div>
166
- <div class="list-block">
167
- <ul>
168
- <li><a href="modals.html" class="item-link">
169
- <div class="item-content">
170
- <div class="item-media"><i class="icon icon-f7"></i></div>
171
- <div class="item-inner">
172
- <div class="item-title">Modals</div>
173
- </div>
174
- </div></a></li>
175
- <li><a href="popover.html" class="item-link">
176
- <div class="item-content">
177
- <div class="item-media"><i class="icon icon-f7"></i></div>
178
- <div class="item-inner">
179
- <div class="item-title">Popover</div>
180
- </div>
181
- </div></a></li>
182
- <li><a href="tabs.html" class="item-link">
183
- <div class="item-content">
184
- <div class="item-media"><i class="icon icon-f7"></i></div>
185
- <div class="item-inner">
186
- <div class="item-title">Tabs</div>
187
- </div>
188
- </div></a></li>
189
- <li><a href="panels.html" class="item-link">
190
- <div class="item-content">
191
- <div class="item-media"><i class="icon icon-f7"></i></div>
192
- <div class="item-inner">
193
- <div class="item-title">Side Panels</div>
194
- </div>
195
- </div></a></li>
196
- <li><a href="list-view.html" class="item-link">
197
- <div class="item-content">
198
- <div class="item-media"><i class="icon icon-f7"></i></div>
199
- <div class="item-inner">
200
- <div class="item-title">List View</div>
201
- </div>
202
- </div></a></li>
203
- <li><a href="media-lists.html" class="item-link">
204
- <div class="item-content">
205
- <div class="item-media"><i class="icon icon-f7"></i></div>
206
- <div class="item-inner">
207
- <div class="item-title">Media Lists</div>
208
- </div>
209
- </div></a></li>
210
- <li><a href="contacts.html" class="item-link">
211
- <div class="item-content">
212
- <div class="item-media"><i class="icon icon-f7"></i></div>
213
- <div class="item-inner">
214
- <div class="item-title">Contacts List</div>
215
- </div>
216
- </div></a></li>
217
- <li><a href="swipe-delete.html" class="item-link">
218
- <div class="item-content">
219
- <div class="item-media"><i class="icon icon-f7"></i></div>
220
- <div class="item-inner">
221
- <div class="item-title">Swipe To Delete</div>
222
- <div class="item-after"><span class="badge bg-blue">UPDATED</span></div>
223
- </div>
224
- </div></a></li>
225
- <li><a href="sortable-list.html" class="item-link">
226
- <div class="item-content">
227
- <div class="item-media"><i class="icon icon-f7"></i></div>
228
- <div class="item-inner">
229
- <div class="item-title">Sortable List</div>
230
- </div>
231
- </div></a></li>
232
- <li><a href="accordion.html" class="item-link">
233
- <div class="item-content">
234
- <div class="item-media"><i class="icon icon-f7"></i></div>
235
- <div class="item-inner">
236
- <div class="item-title">Accordion</div>
237
- </div>
238
- </div></a></li>
239
- <li><a href="pull-to-refresh.html" class="item-link">
240
- <div class="item-content">
241
- <div class="item-media"><i class="icon icon-f7"></i></div>
242
- <div class="item-inner">
243
- <div class="item-title">Pull To Refresh</div>
244
- </div>
245
- </div></a></li>
246
- <li><a href="forms.html" class="item-link">
247
- <div class="item-content">
248
- <div class="item-media"><i class="icon icon-f7"></i></div>
249
- <div class="item-inner">
250
- <div class="item-title">Forms</div>
251
- </div>
252
- </div></a></li>
253
- <li><a href="messages.html" class="item-link">
254
- <div class="item-content">
255
- <div class="item-media"><i class="icon icon-f7"></i></div>
256
- <div class="item-inner">
257
- <div class="item-title">Messages</div>
258
- </div>
259
- </div></a></li>
260
- <li><a href="grid.html" class="item-link">
261
- <div class="item-content">
262
- <div class="item-media"><i class="icon icon-f7"></i></div>
263
- <div class="item-inner">
264
- <div class="item-title">Grid</div>
265
- </div>
266
- </div></a></li>
267
- <li><a href="preloader.html" class="item-link">
268
- <div class="item-content">
269
- <div class="item-media"><i class="icon icon-f7"></i></div>
270
- <div class="item-inner">
271
- <div class="item-title">Preloader</div>
272
- </div>
273
- </div></a></li>
274
- <li><a href="navbars-toolbars.html" class="item-link">
275
- <div class="item-content">
276
- <div class="item-media"><i class="icon icon-f7"></i></div>
277
- <div class="item-inner">
278
- <div class="item-title">Navbars And Toolbars</div>
279
- </div>
280
- </div></a></li>
281
- <li><a href="searchbar.html" class="item-link">
282
- <div class="item-content">
283
- <div class="item-media"><i class="icon icon-f7"></i></div>
284
- <div class="item-inner">
285
- <div class="item-title">Search Bar</div>
286
- </div>
287
- </div></a></li>
288
- <li><a href="slider.html" class="item-link">
289
- <div class="item-content">
290
- <div class="item-media"><i class="icon icon-f7"></i></div>
291
- <div class="item-inner">
292
- <div class="item-title">Slider</div>
293
- </div>
294
- </div></a></li>
295
- <li><a href="photo-browser.html" class="item-link">
296
- <div class="item-content">
297
- <div class="item-media"><i class="icon icon-f7"></i></div>
298
- <div class="item-inner">
299
- <div class="item-title">Photo Browser</div>
300
- </div>
301
- </div></a></li>
302
- <li><a href="infinite-scroll.html" class="item-link">
303
- <div class="item-content">
304
- <div class="item-media"><i class="icon icon-f7"></i></div>
305
- <div class="item-inner">
306
- <div class="item-title">Infinite Scroll</div>
307
- </div>
308
- </div></a></li>
309
- <li><a href="notifications.html" class="item-link">
310
- <div class="item-content">
311
- <div class="item-media"><i class="icon icon-f7"></i></div>
312
- <div class="item-inner">
313
- <div class="item-title">Notifications</div>
314
- </div>
315
- </div></a></li>
316
- <li><a href="login-screen.html" class="item-link">
317
- <div class="item-content">
318
- <div class="item-media"><i class="icon icon-f7"></i></div>
319
- <div class="item-inner">
320
- <div class="item-title">Login Screen</div>
321
- </div>
322
- </div></a></li>
323
- <li><a href="color-themes.html" class="item-link">
324
- <div class="item-content">
325
- <div class="item-media"><i class="icon icon-f7"></i></div>
326
- <div class="item-inner">
327
- <div class="item-title">Color Themes</div>
328
- </div>
329
- </div></a></li>
330
- <li><a href="#" class="item-link ks-generate-page">
331
- <div class="item-content">
332
- <div class="item-media"><i class="icon icon-f7"></i></div>
333
- <div class="item-inner">
334
- <div class="item-title">Dynamically Generated Content</div>
335
- </div>
336
- </div></a></li>
337
- <li><a href="transitions.html" class="item-link">
338
- <div class="item-content">
339
- <div class="item-media"><i class="icon icon-f7"></i></div>
340
- <div class="item-inner">
341
- <div class="item-title">Transitions And Effects</div>
342
- </div>
343
- </div></a></li>
344
- </ul>
345
- </div>
346
- <div class="content-block-title">Core Features</div>
347
- <div class="content-block">
348
- <p><a href="core-features.html" class="button">Read About Core Features</a></p>
349
- </div>
350
- </div>
351
- </div>
352
- </div>
353
- </div>
354
- </div>
355
- <div class="popup demo-popup">
356
- <div class="view navbar-fixed">
357
- <div class="pages">
358
- <div class="page">
359
- <div class="navbar">
360
- <div class="navbar-inner">
361
- <div class="center">Popup Title</div>
362
- <div class="right"><a href="#" class="link close-popup">Done</a></div>
363
- </div>
364
- </div>
365
- <div class="page-content">
366
- <div class="content-block">
367
- <p>Here comes popup. You can put here anything, even independent view with its own navigation. Also not, that by default popup looks a bit different on iPhone/iPod and iPad, on iPhone it is fullscreen.</p>
368
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse faucibus mauris leo, eu bibendum neque congue non. Ut leo mauris, eleifend eu commodo a, egestas ac urna. Maecenas in lacus faucibus, viverra ipsum pulvinar, molestie arcu. Etiam lacinia venenatis dignissim. Suspendisse non nisl semper tellus malesuada suscipit eu et eros. Nulla eu enim quis quam elementum vulputate. Mauris ornare consequat nunc viverra pellentesque. Aenean semper eu massa sit amet aliquam. Integer et neque sed libero mollis elementum at vitae ligula. Vestibulum pharetra sed libero sed porttitor. Suspendisse a faucibus lectus.</p>
369
- <p>Duis ut mauris sollicitudin, venenatis nisi sed, luctus ligula. Phasellus blandit nisl ut lorem semper pharetra. Nullam tortor nibh, suscipit in consequat vel, feugiat sed quam. Nam risus libero, auctor vel tristique ac, malesuada ut ante. Sed molestie, est in eleifend sagittis, leo tortor ullamcorper erat, at vulputate eros sapien nec libero. Mauris dapibus laoreet nibh quis bibendum. Fusce dolor sem, suscipit in iaculis id, pharetra at urna. Pellentesque tempor congue massa quis faucibus. Vestibulum nunc eros, convallis blandit dui sit amet, gravida adipiscing libero.</p>
370
- <p>Morbi posuere ipsum nisl, accumsan tincidunt nibh lobortis sit amet. Proin felis lorem, dictum vel nulla quis, lobortis dignissim nunc. Pellentesque dapibus urna ut imperdiet mattis. Proin purus diam, accumsan ut mollis ac, vulputate nec metus. Etiam at risus neque. Fusce tincidunt, risus in faucibus lobortis, diam mi blandit nunc, quis molestie dolor tellus ac enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse interdum turpis a velit vestibulum pharetra. Vivamus blandit dapibus cursus. Aenean lorem augue, vehicula in eleifend ut, imperdiet quis felis.</p>
371
- <p>Duis non erat vel lacus consectetur ultricies. Sed non velit dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin vel varius mi, a tristique ante. Vivamus eget nibh ac elit tempor bibendum sit amet vitae velit. Proin sit amet dapibus nunc, non porta tellus. Fusce interdum vulputate imperdiet. Sed faucibus metus at pharetra fringilla. Fusce mattis orci et massa congue, eget dapibus ante rhoncus. Morbi semper sed tellus vel dignissim. Cras vestibulum, sapien in suscipit tincidunt, lectus mi sodales purus, at egestas ligula dui vel erat. Etiam cursus neque eu lectus eleifend accumsan vitae non leo. Aliquam scelerisque nisl sed lacus suscipit, ac consectetur sapien volutpat. Etiam nulla diam, accumsan ut enim vel, hendrerit venenatis sem. Vestibulum convallis justo vitae pharetra consequat. Mauris sollicitudin ac quam non congue.</p>
372
- </div>
373
- </div>
374
- </div>
375
- </div>
376
- </div>
377
- </div>
378
- <div class="popover popover-menu">
379
- <div class="popover-angle"></div>
380
- <div class="popover-inner">
381
- <div class="list-block">
382
- <ul>
383
- <li><a href="modals.html" class="list-button item-link">Modals</a></li>
384
- <li><a href="popover.html" class="list-button item-link">Popover</a></li>
385
- <li><a href="tabs.html" class="list-button item-link">Tabs</a></li>
386
- <li><a href="panels.html" class="list-button item-link">Side Panels</a></li>
387
- <li><a href="list-view.html" class="list-button item-link">List View</a></li>
388
- <li><a href="forms.html" class="list-button item-link">Forms</a></li>
389
- </ul>
390
- </div>
391
- </div>
392
- </div>
393
- <div class="popover popover-music">
394
- <div class="popover-angle"></div>
395
- <div class="popover-inner">
396
- <div class="list-block media-list">
397
- <ul>
398
- <li><a href="#" class="item-link item-content">
399
- <div class="item-media"><img src="http://hhhhold.com/88/d/jpg?13" width="44"></div>
400
- <div class="item-inner">
401
- <div class="item-title-row">
402
- <div class="item-title">Yellow Submarine</div>
403
- </div>
404
- <div class="item-subtitle">Beatles</div>
405
- </div></a></li>
406
- <li><a href="#" class="item-link item-content">
407
- <div class="item-media"><img src="http://hhhhold.com/88/d/jpg?23" width="44"></div>
408
- <div class="item-inner">
409
- <div class="item-title-row">
410
- <div class="item-title">Don't Stop Me Now</div>
411
- </div>
412
- <div class="item-subtitle">Queen</div>
413
- </div></a></li>
414
- <li><a href="#" class="item-link item-content">
415
- <div class="item-media"><img src="http://hhhhold.com/88/d/jpg?33" width="44"></div>
416
- <div class="item-inner">
417
- <div class="item-title-row">
418
- <div class="item-title">Billie Jean</div>
419
- </div>
420
- <div class="item-subtitle">Michael Jackson</div>
421
- </div></a></li>
422
- </ul>
423
- </div>
424
- </div>
425
- </div>
426
- <div class="login-screen">
427
- <div class="view">
428
- <div class="page">
429
- <div class="page-content login-screen-content">
430
- <div class="login-screen-title">Framework7</div>
431
- <form>
432
- <div class="list-block">
433
- <ul>
434
- <li class="item-content">
435
- <div class="item-inner">
436
- <div class="item-title label">Username</div>
437
- <div class="item-input">
438
- <input type="text" name="username" placeholder="Your username">
439
- </div>
440
- </div>
441
- </li>
442
- <li class="item-content">
443
- <div class="item-inner">
444
- <div class="item-title label">Password</div>
445
- <div class="item-input">
446
- <input type="password" name="password" placeholder="Your password">
447
- </div>
448
- </div>
449
- </li>
450
- </ul>
451
- </div>
452
- <div class="list-block">
453
- <ul>
454
- <li><a href="#" class="item-link list-button">Sign In</a></li>
455
- </ul>
456
- <div class="list-block-label">Some text about login information.<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
457
- </div>
458
- </form>
459
- </div>
460
- </div>
461
- </div>
462
- </div>
463
- <script type="text/javascript" src="../build/js/framework7.js"></script>
464
- <script type="text/javascript" src="js/kitchen-sink.js"></script>
465
- </body>
466
- </html>