framework7rails 3.0.0 → 4.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +1 -1
- data/lib/framework7rails/version.rb +2 -2
- data/update_from_vendor.rb +1 -1
- data/vendor/assets/javascripts/framework7.js +5806 -2303
- data/vendor/assets/javascripts/framework7.js.map +1 -1
- data/vendor/assets/stylesheets/framework7.css +2164 -464
- data/vendor/assets/stylesheets/framework7.themes.css +189 -25
- metadata +2 -205
- data/Framework7-0.9.6/.gitignore +0 -5
- data/Framework7-0.9.6/.jshintrc +0 -33
- data/Framework7-0.9.6/.travis.yml +0 -5
- data/Framework7-0.9.6/CHANGELOG.md +0 -342
- data/Framework7-0.9.6/Gruntfile.js +0 -560
- data/Framework7-0.9.6/LICENSE +0 -20
- data/Framework7-0.9.6/README.md +0 -113
- data/Framework7-0.9.6/apps/todo7/css/todo7.css +0 -208
- data/Framework7-0.9.6/apps/todo7/img/Icon-152.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/bg.jpg +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-114.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-120.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-144.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-57.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-72.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-76.png +0 -0
- data/Framework7-0.9.6/apps/todo7/index.html +0 -112
- data/Framework7-0.9.6/apps/todo7/jade/index.jade +0 -99
- data/Framework7-0.9.6/apps/todo7/js/todo7.js +0 -102
- data/Framework7-0.9.6/apps/todo7/less/todo7.less +0 -221
- data/Framework7-0.9.6/apps/todo7/manifest.php +0 -27
- data/Framework7-0.9.6/apps/weather7/css/weather7.css +0 -291
- data/Framework7-0.9.6/apps/weather7/img/bg.jpg +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-114.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-120.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-144.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-152.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-57.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-72.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-76.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/logo.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/yahoo-logo.png +0 -0
- data/Framework7-0.9.6/apps/weather7/index.html +0 -127
- data/Framework7-0.9.6/apps/weather7/jade/index.jade +0 -113
- data/Framework7-0.9.6/apps/weather7/js/weather7.js +0 -213
- data/Framework7-0.9.6/apps/weather7/less/weather7.less +0 -294
- data/Framework7-0.9.6/apps/weather7/manifest.php +0 -29
- data/Framework7-0.9.6/bower.json +0 -30
- data/Framework7-0.9.6/dist/about.html +0 -28
- data/Framework7-0.9.6/dist/css/framework7.css +0 -4922
- data/Framework7-0.9.6/dist/css/framework7.min.css +0 -15
- data/Framework7-0.9.6/dist/css/framework7.rtl.css +0 -427
- data/Framework7-0.9.6/dist/css/framework7.rtl.min.css +0 -1
- data/Framework7-0.9.6/dist/css/framework7.themes.css +0 -279
- data/Framework7-0.9.6/dist/css/framework7.themes.min.css +0 -1
- data/Framework7-0.9.6/dist/css/my-app.css +0 -0
- data/Framework7-0.9.6/dist/form.html +0 -229
- data/Framework7-0.9.6/dist/img/i-f7.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-calendar.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-comment.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-email.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-gender.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-name.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-password.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-settings.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-tel.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-toggle.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-url.png +0 -0
- data/Framework7-0.9.6/dist/index.html +0 -102
- data/Framework7-0.9.6/dist/js/framework7.js +0 -7479
- data/Framework7-0.9.6/dist/js/framework7.min.js +0 -18
- data/Framework7-0.9.6/dist/js/my-app.js +0 -48
- data/Framework7-0.9.6/dist/services.html +0 -28
- data/Framework7-0.9.6/examples/split-view-panel/about.html +0 -20
- data/Framework7-0.9.6/examples/split-view-panel/css/my-app.css +0 -56
- data/Framework7-0.9.6/examples/split-view-panel/index.html +0 -135
- data/Framework7-0.9.6/examples/split-view-panel/jade/about.jade +0 -18
- data/Framework7-0.9.6/examples/split-view-panel/jade/index.jade +0 -107
- data/Framework7-0.9.6/examples/split-view-panel/jade/left-page-1.jade +0 -15
- data/Framework7-0.9.6/examples/split-view-panel/jade/left-page-2.jade +0 -15
- data/Framework7-0.9.6/examples/split-view-panel/jade/services.jade +0 -18
- data/Framework7-0.9.6/examples/split-view-panel/js/my-app.js +0 -15
- data/Framework7-0.9.6/examples/split-view-panel/left-page-1.html +0 -19
- data/Framework7-0.9.6/examples/split-view-panel/left-page-2.html +0 -19
- data/Framework7-0.9.6/examples/split-view-panel/less/my-app.less +0 -62
- data/Framework7-0.9.6/examples/split-view-panel/services.html +0 -20
- data/Framework7-0.9.6/examples/split-view/about.html +0 -19
- data/Framework7-0.9.6/examples/split-view/css/my-app.css +0 -23
- data/Framework7-0.9.6/examples/split-view/index.html +0 -135
- data/Framework7-0.9.6/examples/split-view/jade/about.jade +0 -15
- data/Framework7-0.9.6/examples/split-view/jade/index.jade +0 -107
- data/Framework7-0.9.6/examples/split-view/jade/left-page-1.jade +0 -15
- data/Framework7-0.9.6/examples/split-view/jade/left-page-2.jade +0 -15
- data/Framework7-0.9.6/examples/split-view/jade/services.jade +0 -15
- data/Framework7-0.9.6/examples/split-view/js/my-app.js +0 -15
- data/Framework7-0.9.6/examples/split-view/left-page-1.html +0 -19
- data/Framework7-0.9.6/examples/split-view/left-page-2.html +0 -19
- data/Framework7-0.9.6/examples/split-view/less/my-app.less +0 -23
- data/Framework7-0.9.6/examples/split-view/services.html +0 -19
- data/Framework7-0.9.6/examples/tab-bar/about.html +0 -19
- data/Framework7-0.9.6/examples/tab-bar/css/my-app.css +0 -34
- data/Framework7-0.9.6/examples/tab-bar/index.html +0 -238
- data/Framework7-0.9.6/examples/tab-bar/jade/about.jade +0 -15
- data/Framework7-0.9.6/examples/tab-bar/jade/index.jade +0 -189
- data/Framework7-0.9.6/examples/tab-bar/jade/services.jade +0 -15
- data/Framework7-0.9.6/examples/tab-bar/js/my-app.js +0 -15
- data/Framework7-0.9.6/examples/tab-bar/less/my-app.less +0 -35
- data/Framework7-0.9.6/examples/tab-bar/services.html +0 -19
- data/Framework7-0.9.6/kitchen-sink/about.html +0 -22
- data/Framework7-0.9.6/kitchen-sink/accordion.html +0 -171
- data/Framework7-0.9.6/kitchen-sink/color-themes.html +0 -42
- data/Framework7-0.9.6/kitchen-sink/contacts.html +0 -190
- data/Framework7-0.9.6/kitchen-sink/core-features.html +0 -70
- data/Framework7-0.9.6/kitchen-sink/css/kitchen-sink.css +0 -233
- data/Framework7-0.9.6/kitchen-sink/deep-2.html +0 -22
- data/Framework7-0.9.6/kitchen-sink/deep-navbar-2.html +0 -19
- data/Framework7-0.9.6/kitchen-sink/deep-navbar-3.html +0 -19
- data/Framework7-0.9.6/kitchen-sink/deep-navbar.html +0 -18
- data/Framework7-0.9.6/kitchen-sink/forms-buttons.html +0 -64
- data/Framework7-0.9.6/kitchen-sink/forms-checkboxes.html +0 -200
- data/Framework7-0.9.6/kitchen-sink/forms-elements.html +0 -359
- data/Framework7-0.9.6/kitchen-sink/forms-selects.html +0 -72
- data/Framework7-0.9.6/kitchen-sink/forms-storage.html +0 -181
- data/Framework7-0.9.6/kitchen-sink/forms.html +0 -56
- data/Framework7-0.9.6/kitchen-sink/grid.html +0 -140
- data/Framework7-0.9.6/kitchen-sink/hide-navbar-toolbar.html +0 -42
- data/Framework7-0.9.6/kitchen-sink/img/beach.jpg +0 -0
- data/Framework7-0.9.6/kitchen-sink/img/lock.jpg +0 -0
- data/Framework7-0.9.6/kitchen-sink/img/monkey.jpg +0 -0
- data/Framework7-0.9.6/kitchen-sink/img/mountains.jpg +0 -0
- data/Framework7-0.9.6/kitchen-sink/index.html +0 -466
- data/Framework7-0.9.6/kitchen-sink/infinite-scroll-load.php +0 -19
- data/Framework7-0.9.6/kitchen-sink/infinite-scroll.html +0 -119
- data/Framework7-0.9.6/kitchen-sink/jade/about.jade +0 -19
- data/Framework7-0.9.6/kitchen-sink/jade/accordion.jade +0 -133
- data/Framework7-0.9.6/kitchen-sink/jade/color-themes.jade +0 -37
- data/Framework7-0.9.6/kitchen-sink/jade/contacts.jade +0 -115
- data/Framework7-0.9.6/kitchen-sink/jade/core-features.jade +0 -74
- data/Framework7-0.9.6/kitchen-sink/jade/deep-navbar-2.jade +0 -15
- data/Framework7-0.9.6/kitchen-sink/jade/deep-navbar-3.jade +0 -15
- data/Framework7-0.9.6/kitchen-sink/jade/deep-navbar.jade +0 -15
- data/Framework7-0.9.6/kitchen-sink/jade/forms-buttons.jade +0 -71
- data/Framework7-0.9.6/kitchen-sink/jade/forms-checkboxes.jade +0 -152
- data/Framework7-0.9.6/kitchen-sink/jade/forms-elements.jade +0 -239
- data/Framework7-0.9.6/kitchen-sink/jade/forms-selects.jade +0 -60
- data/Framework7-0.9.6/kitchen-sink/jade/forms-storage.jade +0 -134
- data/Framework7-0.9.6/kitchen-sink/jade/forms.jade +0 -52
- data/Framework7-0.9.6/kitchen-sink/jade/grid.jade +0 -110
- data/Framework7-0.9.6/kitchen-sink/jade/hide-navbar-toolbar.jade +0 -38
- data/Framework7-0.9.6/kitchen-sink/jade/index.jade +0 -427
- data/Framework7-0.9.6/kitchen-sink/jade/infinite-scroll.jade +0 -20
- data/Framework7-0.9.6/kitchen-sink/jade/list-view.jade +0 -266
- data/Framework7-0.9.6/kitchen-sink/jade/login-screen-embedded.jade +0 -22
- data/Framework7-0.9.6/kitchen-sink/jade/login-screen.jade +0 -20
- data/Framework7-0.9.6/kitchen-sink/jade/media-lists.jade +0 -170
- data/Framework7-0.9.6/kitchen-sink/jade/messages.jade +0 -71
- data/Framework7-0.9.6/kitchen-sink/jade/modals.jade +0 -36
- data/Framework7-0.9.6/kitchen-sink/jade/navbars-toolbars.jade +0 -43
- data/Framework7-0.9.6/kitchen-sink/jade/no-navbar-toolbar.jade +0 -7
- data/Framework7-0.9.6/kitchen-sink/jade/no-navbar.jade +0 -7
- data/Framework7-0.9.6/kitchen-sink/jade/no-toolbar.jade +0 -17
- data/Framework7-0.9.6/kitchen-sink/jade/notifications.jade +0 -23
- data/Framework7-0.9.6/kitchen-sink/jade/panels.jade +0 -21
- data/Framework7-0.9.6/kitchen-sink/jade/photo-browser.jade +0 -36
- data/Framework7-0.9.6/kitchen-sink/jade/popover.jade +0 -21
- data/Framework7-0.9.6/kitchen-sink/jade/preloader.jade +0 -31
- data/Framework7-0.9.6/kitchen-sink/jade/pull-to-refresh.jade +0 -44
- data/Framework7-0.9.6/kitchen-sink/jade/searchbar.jade +0 -146
- data/Framework7-0.9.6/kitchen-sink/jade/slider-custom.jade +0 -23
- data/Framework7-0.9.6/kitchen-sink/jade/slider-horizontal.jade +0 -18
- data/Framework7-0.9.6/kitchen-sink/jade/slider-multiple.jade +0 -48
- data/Framework7-0.9.6/kitchen-sink/jade/slider-nested.jade +0 -26
- data/Framework7-0.9.6/kitchen-sink/jade/slider-space-between.jade +0 -18
- data/Framework7-0.9.6/kitchen-sink/jade/slider-vertical.jade +0 -18
- data/Framework7-0.9.6/kitchen-sink/jade/slider.jade +0 -57
- data/Framework7-0.9.6/kitchen-sink/jade/sortable-list.jade +0 -107
- data/Framework7-0.9.6/kitchen-sink/jade/swipe-delete.jade +0 -195
- data/Framework7-0.9.6/kitchen-sink/jade/tabbar-labels.jade +0 -54
- data/Framework7-0.9.6/kitchen-sink/jade/tabbar.jade +0 -50
- data/Framework7-0.9.6/kitchen-sink/jade/tabs.jade +0 -34
- data/Framework7-0.9.6/kitchen-sink/jade/transitions.jade +0 -27
- data/Framework7-0.9.6/kitchen-sink/js/kitchen-sink.js +0 -442
- data/Framework7-0.9.6/kitchen-sink/less/kitchen-sink.less +0 -245
- data/Framework7-0.9.6/kitchen-sink/list-view.html +0 -318
- data/Framework7-0.9.6/kitchen-sink/login-screen-embedded.html +0 -36
- data/Framework7-0.9.6/kitchen-sink/login-screen.html +0 -21
- data/Framework7-0.9.6/kitchen-sink/media-lists.html +0 -173
- data/Framework7-0.9.6/kitchen-sink/messages.html +0 -84
- data/Framework7-0.9.6/kitchen-sink/modals.html +0 -33
- data/Framework7-0.9.6/kitchen-sink/navbars-toolbars.html +0 -46
- data/Framework7-0.9.6/kitchen-sink/no-navbar-toolbar.html +0 -11
- data/Framework7-0.9.6/kitchen-sink/no-navbar.html +0 -11
- data/Framework7-0.9.6/kitchen-sink/no-toolbar.html +0 -18
- data/Framework7-0.9.6/kitchen-sink/notifications.html +0 -21
- data/Framework7-0.9.6/kitchen-sink/panel-right2.html +0 -16
- data/Framework7-0.9.6/kitchen-sink/panel-right3.html +0 -16
- data/Framework7-0.9.6/kitchen-sink/panels.html +0 -23
- data/Framework7-0.9.6/kitchen-sink/photo-browser.html +0 -36
- data/Framework7-0.9.6/kitchen-sink/popover.html +0 -21
- data/Framework7-0.9.6/kitchen-sink/preloader.html +0 -28
- data/Framework7-0.9.6/kitchen-sink/pull-to-refresh.html +0 -52
- data/Framework7-0.9.6/kitchen-sink/searchbar.html +0 -233
- data/Framework7-0.9.6/kitchen-sink/slider-custom.html +0 -28
- data/Framework7-0.9.6/kitchen-sink/slider-horizontal.html +0 -29
- data/Framework7-0.9.6/kitchen-sink/slider-multiple.html +0 -89
- data/Framework7-0.9.6/kitchen-sink/slider-nested.html +0 -32
- data/Framework7-0.9.6/kitchen-sink/slider-space-between.html +0 -29
- data/Framework7-0.9.6/kitchen-sink/slider-vertical.html +0 -29
- data/Framework7-0.9.6/kitchen-sink/slider.html +0 -54
- data/Framework7-0.9.6/kitchen-sink/sortable-list.html +0 -137
- data/Framework7-0.9.6/kitchen-sink/swipe-delete.html +0 -216
- data/Framework7-0.9.6/kitchen-sink/tabbar-labels.html +0 -51
- 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
|
-
|