This repository was archived by the owner on May 2, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 140
/
Copy pathkitchen-sink-material-html.js
176 lines (176 loc) · 9.57 KB
/
kitchen-sink-material-html.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
module.exports = '' +
'<div class="popup demo-popup">' +
' <div class="view navbar-fixed">' +
' <div class="pages">' +
' <div class="page">' +
' <div class="navbar">' +
' <div class="navbar-inner">' +
' <div class="center">Popup Title</div>' +
' <div class="right"><a href="#" class="link close-popup">Done</a></div>' +
' </div>' +
' </div>' +
' <div class="page-content">' +
' <div class="content-block">' +
' <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>' +
' <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>' +
' <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>' +
' <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>' +
' <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>' +
' </div>' +
' </div>' +
' </div>' +
' </div>' +
' </div>' +
'</div>' +
'<div class="popover popover-menu">' +
' <div class="popover-inner">' +
' <div class="list-block">' +
' <ul>' +
' <li><a href="/f7material/modals/" class="list-button item-link">Modals</a></li>' +
' <li><a href="/f7material/popover/" class="list-button item-link">Popover</a></li>' +
' <li><a href="/f7material/tabs/" class="list-button item-link">Tabs</a></li>' +
' <li><a href="/f7material/panels/" class="list-button item-link">Side Panels</a></li>' +
' <li><a href="/f7material/list-view/" class="list-button item-link">List View</a></li>' +
' <li><a href="/f7material/forms/" class="list-button item-link">Forms</a></li>' +
' </ul>' +
' </div>' +
' </div>' +
'</div>' +
'<div class="popover popover-music">' +
' <div class="popover-inner">' +
' <div class="list-block media-list">' +
' <ul>' +
' <li>' +
' <a href="#" class="item-link item-content">' +
' <div class="item-media"><img src="http://lorempixel.com/88/88/people/1" width="44"></div>' +
' <div class="item-inner">' +
' <div class="item-title-row">' +
' <div class="item-title">Yellow Submarine</div>' +
' </div>' +
' <div class="item-subtitle">Beatles</div>' +
' </div>' +
' </a>' +
' </li>' +
' <li>' +
' <a href="#" class="item-link item-content">' +
' <div class="item-media"><img src="http://lorempixel.com/88/88/people/2" width="44"></div>' +
' <div class="item-inner">' +
' <div class="item-title-row">' +
' <div class="item-title">Don\'t Stop Me Now</div>' +
' </div>' +
' <div class="item-subtitle">Queen</div>' +
' </div>' +
' </a>' +
' </li>' +
' <li>' +
' <a href="#" class="item-link item-content">' +
' <div class="item-media"><img src="http://lorempixel.com/88/88/people/3" width="44"></div>' +
' <div class="item-inner">' +
' <div class="item-title-row">' +
' <div class="item-title">Billie Jean</div>' +
' </div>' +
' <div class="item-subtitle">Michael Jackson</div>' +
' </div>' +
' </a>' +
' </li>' +
' </ul>' +
' </div>' +
' </div>' +
'</div>' +
'<div class="popover popover-contacts">' +
' <div class="popover-inner">' +
' <div class="list-block media-list">' +
' <ul>' +
' <li class="item-content">' +
' <div class="item-media"><img src="http://lorempixel.com/88/88/people/1" width="40"></div>' +
' <div class="item-inner">' +
' <div class="item-title-row">' +
' <div class="item-title">Ali Connors</div>' +
' </div>' +
' </div>' +
' </li>' +
' <li class="item-content">' +
' <div class="item-media"><img src="http://lorempixel.com/88/88/people/2" width="40"></div>' +
' <div class="item-inner">' +
' <div class="item-title-row">' +
' <div class="item-title">Sandra Adams</div>' +
' </div>' +
' </div>' +
' </li>' +
' <li class="item-content">' +
' <div class="item-media"><img src="http://lorempixel.com/88/88/people/3" width="40"></div>' +
' <div class="item-inner">' +
' <div class="item-title-row">' +
' <div class="item-title">Trevor Hansen</div>' +
' </div>' +
' </div>' +
' </li>' +
' <li>' +
' <a href="#" class="item-link item-content bg-purple color-white ripple-white">' +
' <div class="item-media"><i class="icon material-icons"></i></div>' +
' <div class="item-inner">' +
' <div class="item-title-row">' +
' <div class="item-title">Add New</div>' +
' </div>' +
' </div>' +
' </a>' +
' </li>' +
' </ul>' +
' </div>' +
' </div>' +
'</div>' +
'<div class="login-screen">' +
' <div class="view">' +
' <div class="page">' +
' <div class="page-content login-screen-content">' +
' <div class="login-screen-title">Framework7</div>' +
' <form>' +
' <div class="list-block inputs-list">' +
' <ul>' +
' <li class="item-content">' +
' <div class="item-inner">' +
' <div class="item-title label">Username</div>' +
' <div class="item-input">' +
' <input type="text" name="username" placeholder="Your username">' +
' </div>' +
' </div>' +
' </li>' +
' <li class="item-content">' +
' <div class="item-inner">' +
' <div class="item-title label">Password</div>' +
' <div class="item-input">' +
' <input type="password" name="password" placeholder="Your password">' +
' </div>' +
' </div>' +
' </li>' +
' </ul>' +
' </div>' +
' <div class="content-block"><a href="#" class="button button-big">Sign In</a></div>' +
' <div class="content-block">' +
' <div class="list-block-label">Some text about login information.<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>' +
' </div>' +
' </form>' +
' </div>' +
' </div>' +
' </div>' +
'</div>' +
'<div class="picker-modal picker-modal-demo">' +
' <div class="toolbar">' +
' <div class="toolbar-inner">' +
' <div class="left"></div>' +
' <div class="right"><a href="#" class="link close-picker">Done</a></div>' +
' </div>' +
' </div>' +
' <div class="picker-modal-inner">' +
' <div class="content-block">Integer mollis nulla id nibh elementum finibus. Maecenas eget fermentum ipsum. Sed sagittis condimentum nisl at tempus. Duis lacus libero, laoreet vitae ligula a, aliquet eleifend sapien. Nullam sodales viverra sodales.</div>' +
' </div>' +
'</div>'