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
@@ -1,19 +0,0 @@
1
- <?php
2
- // Start index of list element to repsonse with
3
- $leftIndex = $_GET['leftIndex'];
4
- $itemsAmount = 19; // 19 items per request
5
- $maxItemIndex = 200; // 150th item will be the last
6
-
7
- if ($leftIndex >= $maxItemIndex) {
8
- // nothing to load
9
- exit();
10
- }
11
-
12
- $rightIndex = $leftIndex + $itemsAmount;
13
- if ($rightIndex > $maxItemIndex) $rightIndex = $maxItemIndex;
14
-
15
- for ($i = $leftIndex; $i <= $rightIndex; $i++) {
16
- echo '<li class="item-content"><div class="item-inner"><div class="item-title">Item '.$i.'</div></div></li>';
17
- }
18
-
19
- ?>
@@ -1,119 +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">Infinite Scroll</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="infinite-scroll" class="page">
11
- <div data-distance="50" class="page-content infinite-scroll">
12
- <div class="content-block-title">Scroll bottom</div>
13
- <div class="list-block">
14
- <ul>
15
- <li class="item-content">
16
- <div class="item-inner">
17
- <div class="item-title">Item 1</div>
18
- </div>
19
- </li>
20
- <li class="item-content">
21
- <div class="item-inner">
22
- <div class="item-title">Item 2</div>
23
- </div>
24
- </li>
25
- <li class="item-content">
26
- <div class="item-inner">
27
- <div class="item-title">Item 3</div>
28
- </div>
29
- </li>
30
- <li class="item-content">
31
- <div class="item-inner">
32
- <div class="item-title">Item 4</div>
33
- </div>
34
- </li>
35
- <li class="item-content">
36
- <div class="item-inner">
37
- <div class="item-title">Item 5</div>
38
- </div>
39
- </li>
40
- <li class="item-content">
41
- <div class="item-inner">
42
- <div class="item-title">Item 6</div>
43
- </div>
44
- </li>
45
- <li class="item-content">
46
- <div class="item-inner">
47
- <div class="item-title">Item 7</div>
48
- </div>
49
- </li>
50
- <li class="item-content">
51
- <div class="item-inner">
52
- <div class="item-title">Item 8</div>
53
- </div>
54
- </li>
55
- <li class="item-content">
56
- <div class="item-inner">
57
- <div class="item-title">Item 9</div>
58
- </div>
59
- </li>
60
- <li class="item-content">
61
- <div class="item-inner">
62
- <div class="item-title">Item 10</div>
63
- </div>
64
- </li>
65
- <li class="item-content">
66
- <div class="item-inner">
67
- <div class="item-title">Item 11</div>
68
- </div>
69
- </li>
70
- <li class="item-content">
71
- <div class="item-inner">
72
- <div class="item-title">Item 12</div>
73
- </div>
74
- </li>
75
- <li class="item-content">
76
- <div class="item-inner">
77
- <div class="item-title">Item 13</div>
78
- </div>
79
- </li>
80
- <li class="item-content">
81
- <div class="item-inner">
82
- <div class="item-title">Item 14</div>
83
- </div>
84
- </li>
85
- <li class="item-content">
86
- <div class="item-inner">
87
- <div class="item-title">Item 15</div>
88
- </div>
89
- </li>
90
- <li class="item-content">
91
- <div class="item-inner">
92
- <div class="item-title">Item 16</div>
93
- </div>
94
- </li>
95
- <li class="item-content">
96
- <div class="item-inner">
97
- <div class="item-title">Item 17</div>
98
- </div>
99
- </li>
100
- <li class="item-content">
101
- <div class="item-inner">
102
- <div class="item-title">Item 18</div>
103
- </div>
104
- </li>
105
- <li class="item-content">
106
- <div class="item-inner">
107
- <div class="item-title">Item 19</div>
108
- </div>
109
- </li>
110
- <li class="item-content">
111
- <div class="item-inner">
112
- <div class="item-title">Item 20</div>
113
- </div>
114
- </li>
115
- </ul>
116
- </div>
117
- </div>
118
- </div>
119
- </div>
@@ -1,19 +0,0 @@
1
- .navbar
2
- .navbar-inner
3
- .left.sliding
4
- a(href="index.html").back.link
5
- i.icon.icon-back
6
- span Back
7
- .center.sliding About Framework7
8
- .right
9
- a(href="#").open-panel.link.icon-only
10
- i.icon.icon-bars
11
- .pages.navbar-through
12
- .page(data-page="about")
13
- .page-content
14
- .content-block-title Welcome to Framework7
15
- .content-block
16
- .content-block-inner
17
- p Framework7 - is a free (Open Source) and ultra lightweight mobile framework for development of hybrid (Phonegap) or web apps with iOS7 native look and feel. It is intended to use in mobile websites, mobile web apps, and mobile native apps. Designed for iOS Safari, but also works great on desktop Chrome and Safari. Framework7 is created by Vladimir Kharlampidi (The iDangero.us).
18
- p Main approach of the Framework7 is to give you an instrument, easy and clear, for building iOS7 apps on HTML. Framework7 is full of freedom, it doesn't put you in strict frames like other HTML mobile frameworks. Framework7 doesn't try to do everything for you, no, Framework7 gives you freedom, it has ultra simple and clean HTML layout, all basic interfaces (futher more), animations, work with views, and easy customization and styling opportunities.
19
- p Framework7 doesn't try to be compatible with all platforms, it is focused only on iOS7 to bring the best experience and simplicity.
@@ -1,133 +0,0 @@
1
- .navbar
2
- .navbar-inner
3
- .left.sliding
4
- a(href="index.html").back.link
5
- i.icon.icon-back
6
- span Back
7
- .center.sliding Accordion
8
- .right
9
- a(href="#").open-panel.link.icon-only
10
- i.icon.icon-bars
11
- .pages.navbar-through
12
- .page(data-page="accordion")
13
- .page-content
14
- .content-block-title List View Accordion
15
- .list-block.accordion-list
16
- ul
17
- li.accordion-item
18
- a(href="#").item-link.item-content
19
- .item-inner
20
- .item-title Lorem Ipsum
21
- .accordion-item-content
22
- .content-block
23
- p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean elementum id neque nec commodo. Sed vel justo at turpis laoreet pellentesque quis sed lorem. Integer semper arcu nibh, non mollis arcu tempor vel. Sed pharetra tortor vitae est rhoncus, vel congue dui sollicitudin. Donec eu arcu dignissim felis viverra blandit suscipit eget ipsum.
24
- li.accordion-item
25
- a(href="#").item-link.item-content
26
- .item-inner
27
- .item-title Nested List
28
- .accordion-item-content
29
- .list-block
30
- ul
31
- li
32
- .item-content
33
- .item-media
34
- i.icon.icon-f7
35
- .item-inner
36
- .item-title Item 1
37
- li
38
- .item-content
39
- .item-media
40
- i.icon.icon-f7
41
- .item-inner
42
- .item-title Item 2
43
- li
44
- .item-content
45
- .item-media
46
- i.icon.icon-f7
47
- .item-inner
48
- .item-title Item 3
49
- li
50
- .item-content
51
- .item-media
52
- i.icon.icon-f7
53
- .item-inner
54
- .item-title Item 4
55
- li.accordion-item
56
- a(href="#").item-link.item-content
57
- .item-inner
58
- .item-title Integer semper
59
- .accordion-item-content
60
- .content-block
61
- p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean elementum id neque nec commodo. Sed vel justo at turpis laoreet pellentesque quis sed lorem. Integer semper arcu nibh, non mollis arcu tempor vel. Sed pharetra tortor vitae est rhoncus, vel congue dui sollicitudin. Donec eu arcu dignissim felis viverra blandit suscipit eget ipsum.
62
- .content-block-title Inset Accordion
63
- .list-block.accordion-list.inset
64
- ul
65
- li.accordion-item
66
- a(href="#").item-link.item-content
67
- .item-inner
68
- .item-title Lorem Ipsum
69
- .accordion-item-content
70
- .content-block
71
- p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean elementum id neque nec commodo. Sed vel justo at turpis laoreet pellentesque quis sed lorem. Integer semper arcu nibh, non mollis arcu tempor vel. Sed pharetra tortor vitae est rhoncus, vel congue dui sollicitudin. Donec eu arcu dignissim felis viverra blandit suscipit eget ipsum.
72
- li.accordion-item
73
- a(href="#").item-link.item-content
74
- .item-inner
75
- .item-title Nested List
76
- .accordion-item-content
77
- .list-block
78
- ul
79
- li
80
- .item-content
81
- .item-media
82
- i.icon.icon-f7
83
- .item-inner
84
- .item-title Item 1
85
- li
86
- .item-content
87
- .item-media
88
- i.icon.icon-f7
89
- .item-inner
90
- .item-title Item 2
91
- li
92
- .item-content
93
- .item-media
94
- i.icon.icon-f7
95
- .item-inner
96
- .item-title Item 3
97
- li
98
- .item-content
99
- .item-media
100
- i.icon.icon-f7
101
- .item-inner
102
- .item-title Item 4
103
- li.accordion-item
104
- a(href="#").item-link.item-content
105
- .item-inner
106
- .item-title Integer semper
107
- .accordion-item-content
108
- .content-block
109
- p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean elementum id neque nec commodo. Sed vel justo at turpis laoreet pellentesque quis sed lorem. Integer semper arcu nibh, non mollis arcu tempor vel. Sed pharetra tortor vitae est rhoncus, vel congue dui sollicitudin. Donec eu arcu dignissim felis viverra blandit suscipit eget ipsum.
110
- .content-block-title Custom Styled Accordion
111
- .content-block.accordion-list.custom-accordion
112
- .accordion-item
113
- .accordion-item-toggle
114
- i.icon.icon-ks-plus +
115
- i.icon.icon-ks-minus -
116
- span Item 1
117
- .accordion-item-content
118
- p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean elementum id neque nec commodo. Sed vel justo at turpis laoreet pellentesque quis sed lorem. Integer semper arcu nibh, non mollis arcu tempor vel. Sed pharetra tortor vitae est rhoncus, vel congue dui sollicitudin. Donec eu arcu dignissim felis viverra blandit suscipit eget ipsum.
119
- .accordion-item
120
- .accordion-item-toggle
121
- i.icon.icon-ks-plus +
122
- i.icon.icon-ks-minus -
123
- span Item 2
124
- .accordion-item-content
125
- p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean elementum id neque nec commodo. Sed vel justo at turpis laoreet pellentesque quis sed lorem. Integer semper arcu nibh, non mollis arcu tempor vel. Sed pharetra tortor vitae est rhoncus, vel congue dui sollicitudin. Donec eu arcu dignissim felis viverra blandit suscipit eget ipsum.
126
- .accordion-item
127
- .accordion-item-toggle
128
- i.icon.icon-ks-plus +
129
- i.icon.icon-ks-minus -
130
- span Item 3
131
- .accordion-item-content
132
- p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean elementum id neque nec commodo. Sed vel justo at turpis laoreet pellentesque quis sed lorem. Integer semper arcu nibh, non mollis arcu tempor vel. Sed pharetra tortor vitae est rhoncus, vel congue dui sollicitudin. Donec eu arcu dignissim felis viverra blandit suscipit eget ipsum.
133
-
@@ -1,37 +0,0 @@
1
- .navbar
2
- .navbar-inner
3
- .left.sliding
4
- a(href="index.html").back.link
5
- i.icon.icon-back
6
- span Back
7
- .center.sliding Color Themes
8
- .right
9
- a(href="#").open-panel.link.icon-only
10
- i.icon.icon-bars
11
- .pages.navbar-through
12
- .page(data-page="color-themes")
13
- .page-content
14
- .content-block
15
- p Framework7 comes with default 10 iOS color themes set and three layout color themes (default, dark and pure white):
16
- .content-block-title Choose Layout Theme
17
- .content-block
18
- .row
19
- .col-33.ks-layout-theme.ks-layout-default.active(data-layout="")
20
- .col-33.ks-layout-theme.ks-layout-dark(data-theme="dark")
21
- .col-33.ks-layout-theme.ks-layout-white(data-theme="white")
22
- .content-block-title Choose Color Theme
23
- .content-block
24
- .row
25
- .col-20.ks-color-theme.bg-white(data-theme="white")
26
- .col-20.ks-color-theme.bg-black(data-theme="black")
27
- .col-20.ks-color-theme.bg-blue(data-theme="blue")
28
- .col-20.ks-color-theme.bg-orange(data-theme="orange")
29
- .col-20.ks-color-theme.bg-red(data-theme="red")
30
- .row
31
- .col-20.ks-color-theme.bg-pink(data-theme="pink")
32
- .col-20.ks-color-theme.bg-green(data-theme="green")
33
- .col-20.ks-color-theme.bg-lightblue(data-theme="lightblue")
34
- .col-20.ks-color-theme.bg-yellow(data-theme="yellow")
35
- .col-20.ks-color-theme.bg-gray(data-theme="gray")
36
-
37
-
@@ -1,115 +0,0 @@
1
- .navbar
2
- .navbar-inner
3
- .left.sliding
4
- a(href="index.html").back.link
5
- i.icon.icon-back
6
- span Back
7
- .center.sliding Contacts
8
- .right
9
- a(href="#").open-panel.link.icon-only
10
- i.icon.icon-bars
11
- .pages.navbar-through
12
- .page(data-page="contacts")
13
- .page-content.contacts-content
14
- .list-block.contacts-block
15
- .list-group
16
- ul
17
- li.list-group-title A
18
- li
19
- .item-content
20
- .item-inner
21
- .item-title Aaron
22
- li
23
- .item-content
24
- .item-inner
25
- .item-title Abbie
26
- li
27
- .item-content
28
- .item-inner
29
- .item-title Adam
30
- li
31
- .item-content
32
- .item-inner
33
- .item-title Adele
34
- li
35
- .item-content
36
- .item-inner
37
- .item-title Agatha
38
- li
39
- .item-content
40
- .item-inner
41
- .item-title Agnes
42
- li
43
- .item-content
44
- .item-inner
45
- .item-title Albert
46
- li
47
- .item-content
48
- .item-inner
49
- .item-title Alexander
50
- .list-group
51
- ul
52
- li.list-group-title B
53
- li
54
- .item-content
55
- .item-inner
56
- .item-title Bailey
57
- li
58
- .item-content
59
- .item-inner
60
- .item-title Barclay
61
- li
62
- .item-content
63
- .item-inner
64
- .item-title Bartolo
65
- li
66
- .item-content
67
- .item-inner
68
- .item-title Bellamy
69
- li
70
- .item-content
71
- .item-inner
72
- .item-title Belle
73
- li
74
- .item-content
75
- .item-inner
76
- .item-title Benjamin
77
- .list-group
78
- ul
79
- li.list-group-title C
80
- li
81
- .item-content
82
- .item-inner
83
- .item-title Caiden
84
- li
85
- .item-content
86
- .item-inner
87
- .item-title Calvin
88
- li
89
- .item-content
90
- .item-inner
91
- .item-title Candy
92
- li
93
- .item-content
94
- .item-inner
95
- .item-title Carl
96
- li
97
- .item-content
98
- .item-inner
99
- .item-title Cherilyn
100
- li
101
- .item-content
102
- .item-inner
103
- .item-title Chester
104
- li
105
- .item-content
106
- .item-inner
107
- .item-title Chloe
108
- .list-group
109
- ul
110
- li.list-group-title V
111
- li
112
- .item-content
113
- .item-inner
114
- .item-title Vladimir
115
-