-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
421 lines (352 loc) · 34.3 KB
/
index.html
File metadata and controls
421 lines (352 loc) · 34.3 KB
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
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Make Pixels Dance: High-Dynamic Video Generation">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Make Pixels Dance: High-Dynamic Video Generation</title>
<link rel='icon' type='image/png' href='static/assets/logo_plus.png'>
<link rel="stylesheet" href="./static/css/own.min.css">
<link rel="stylesheet" href="./static/css/custom.min.css">
<link href="https://fonts.googleapis.com/css?family=Noto+Sans|Shantell+Sans" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.0/css/bulma.min.css"/>
<link href="https://cdn.jsdelivr.net/npm/bulma-carousel@4.0.4/dist/css/bulma-carousel.min.css" rel="stylesheet"/>
<script defer src="https://cdn.jsdelivr.net/npm/bulma-carousel@4.0.4/dist/js/bulma-carousel.min.js"></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/js/all.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<link rel="stylesheet" href="./static/css/index.min.css">
<script defer src="./static/js/index.min.js"></script>
</head>
<body>
<section class="hero">
<div class="hero-body-background">
<div class="hero-body-background-div"></div>
<div style="text-align: center; z-index: 1; margin-top: 60px">
<p class="sansfont acmefont shadowtext make-font" style="color: #FFFFFF; display: inline; margin-right: 20pt; font-weight: 600">Make</p>
<p class="word1 shakefont shadowtext" style="margin-right: -10px; color: #FFC5C5;font-family:PressStart2P">P</p>
<p class="word2 shakefont shadowtext" style="margin-right: -2px; color: #ecd1aa;font-family:PressStart2P">I</p>
<p class="word3 shakefont shadowtext" style="margin-right: -2px; color: #fe8e8e;font-family:PressStart2P">X</p>
<p class="word4 shakefont shadowtext" style="margin-right: -10px; color: #98d4e6;font-family:PressStart2P">E</p>
<p class="word5 shakefont shadowtext" style="margin-right: -10px; color: #c8a4dd;font-family:PressStart2P">L</p>
<p class="word6 shakefont shadowtext" style="color: #9fd8ca;font-family:PressStart2P">S</p>
<p class="sansfont acmefont shadowtext make-font" style="color: #FFFFFF; display: inline; margin-left: 15pt; font-weight: 600">Dance</p>
<p class="acmefont shadowtext high-font" style="color: #FFFFFF;">
High-Dynamic Video Generation
</p>
<p class="author-block sansfont shadowtext" style="color: #FFFFFF; font-size: 1.8em;">
CVPR 2024
</p>
</div>
<div class="columns is-centered" style="z-index: 1; margin-top: -80px">
<div class="column has-text-centered ">
<div class="publication-authors shadowtext authors-font" style="color: #FFFFFF;font-weight: bold;font-family:DMSerifText;">
<span class="author-block sansfont">Yan Zeng<sup>†</sup> </span>
<span class="author-block sansfont">Guoqiang Wei<sup>†</sup> </span>
<span class="author-block sansfont">Jiani Zheng </span>
<span class="author-block sansfont">Jiaxin Zou </span>
<span class="author-block sansfont">Yang Wei </span>
<span class="author-block sansfont">Yuchen Zhang </span>
<span class="author-block sansfont">Hang Li</span>
</div>
<div class="publication-authors shadowtext authors-font" style="color: #FFFFFF;font-weight: bold;font-family:DMSerifText; margin-bottom: 4pt;">
<span class="author-block sansfont">ByteDance Research </span>
<span class="author-block sansfont"><sup>†</sup>Equal Contribution </span>
</div>
<div class="column has-text-centered" style="font-family:DMSerifText">
<div class="publication-links">
<span class="link-block">
<a href="https://arxiv.org/abs/2311.10982" class="external-link button is-normal is-rounded light-btn btn-font">
<span class="icon">
<i class="fas fa-file-pdf"></i>
</span>
<span class="sansfont">Paper</span>
</a>
</span>
<span class="link-block">
<a href="https://www.youtube.com/watch?v=QERmPmCg9aQ" class="external-link button is-normal is-rounded light-btn btn-font">
<span class="icon">
<i class="fa-brands fa-youtube"></i>
</span>
<span class="sansfont">YouTube</span>
</a>
</span>
<span class="link-block">
<a href="https://www.bilibili.com/video/BV1j94y1H7Hm/?buvid=YA40DAA4C1939E574402B8753701AF310CFF&is_story_h5=false&mid=kOiE12ow6Llv%2F70nN%2FnaBw%3D%3D&plat_id=147&share_from=ugc&share_medium=iphone&share_plat=ios&share_session_id=2576C9EE-EC33-458F-AAA1-108F9E8A8822&share_source=COPY&share_tag=s_i×tamp=1700297509&unique_k=HvSnPHL&up_id=245771980&vd_source=a5d5f36fa93049aa21aa60fe9824d708" class="external-link button is-normal is-rounded light-btn btn-font">
<span class="icon">
<i class="fa-brands fa-bilibili"></i>
</span>
<span class="sansfont">Bilibili</span>
</a>
</span>
<span class="link-block">
<a href="static/assets/bib.txt" class="external-link button is-normal is-rounded light-btn btn-font">
<span class="icon">
<i class="fa fa-quote-left"></i>
</span>
<span class="sansfont">Cite</span>
</a>
</span>
<span class="link-block">
<a href="demo.html" class="external-link button is-normal is-rounded light-btn btn-font">
<span class="icon">
<i class="fa-solid fa-desktop"></i>
</span>
<span class="sansfont">Demo</span>
</a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="hero">
<div class="columns" style="background: linear-gradient(#9D9D9D, #FfFfFf);">
<div class="column auto"></div>
<div class="column is-half">
<div class="hero-body-long-video" style="display: flex; flex-direction: column; justify-content: space-around;">
<div class="column-video" style="border-radius:10px;justify-content: center;align-items: center; font-size: 100px;">
<iframe src="https://www.youtube.com/embed/QERmPmCg9aQ" src="" class="frame" frameborder="0" allowfullscreen></iframe>
</div>
<div class="long-font" style="font-family:'Acme';color:#595959;">
The First 3-minute AI Generated Video
</div>
<div class="note-font" style="margin-top: 8pt; font-style: italic;">
*Best viewed in the highest resolution and with the sound on
</div>
</div>
</div>
<div class="column auto"></div>
</div>
</section>
<div style="border: #ffffff 20px solid;"></div>
<section class="hero">
<div class="hero-body-subtitle" style="display: block">
<div class="columns is-centered has-text-centered">
<div class="container is-max-maxwidth">
<div class="title sansfont mode-font" style="font-family:'Acme';color:#595959;">
Basic Mode
</div>
<div class="note-font" style="margin-top: -10pt; font-style: italic;">
*with text instruction and image instruction, generating more motion-rich videos even with out-of-domain inputs
</div>
</div>
</div>
</div>
</section>
<div style="border: #999999 1px solid;"></div>
<section class="hero is-light" style="padding-top: 2em;">
<div class="v-columns" style="display: flex; width: 100%;">
<div class="v-column-left"></div>
<div class="v-column-center" style="text-align: center; display: flex;">
<div class="" style="width: 27%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;">
<img width="100%" src="videos/25_0/a-.png" alt="Image" style="border-radius: 6pt;">
<p class="handtext instruct-font">Image Instruction</p>
</div>
<div class="" style="width: 45%; display: flex; justify-content: space-around; align-items: center; text-align: center;">
<div class="box handtext ist-font" style="text-align: center; background-color: #ffffff00; box-shadow: 0 0 0;">
<i class="fa-solid fa-plus"></i>
</div>
<div class="box handtext example-font" style="font-size: 1.25em; text-align: center; box-shadow: 0 0.5em 1em 0.125em rgba(10,10,10,.1), 0 0 0 2px rgba(10,10,10,.02);">
The bronze sculpture of couple are kissing and enbracing, rotate
</div>
<div class="box handtext ist-font" style="text-align: center; background-color: #ffffff00; box-shadow: 0 0 0;">
<i class="fa-solid fa-video"></i>
</div>
</div>
<div class="" style="width: 28%; display: flex; justify-content: space-around; align-items: center; text-align: center;">
<video class="lazy" width="100%" autoplay loop muted style="border-radius: 6pt;">
<source data-src="videos/25_0/a-watermark.mp4" type="video/mp4">
</video>
</div>
</div>
<div class="v-column-right"></div>
</div>
</section>
<section class="hero is-light">
<section class="section">
<div class="container is-clipped">
<div id="slide1r" class="custom-slider">
<div class='card-0'>
<div class='card card-1'>
<div class='card-image'>
<video class='lazy' autoplay loop muted width='100%'><source data-src='videos/26_0/a-watermark.mp4' type='video/mp4'></video>
</div>
<div class='card-content'>
<div class='prompt'>The skull is burining, red fires, the skull exploding</div>
</div>
</div>
<div class='card card-1'>
<div class='card-image'>
<video class='lazy' autoplay loop muted width='100%'><source data-src='videos/40_0/a-watermark.mp4' type='video/mp4'></video>
</div>
<div class='card-content'>
<div class='prompt'>The cyber metal tiger is roaring and walking, blue light, cyberpunk street, dark, light</div>
</div>
</div>
</div>
<div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/2_0/2_0-b-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>An angry Godzilla is roaring and raising hands, big fire is burning and bombs are exploding in the background</div></div></div><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/127/a-3-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>Rotate, rotate around the golden rabbit model</div></div></div></div> <div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/103_0/a-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>Coloful powder exploding</div></div></div><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/107_0/a-4-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>Girl rotate head slowly, smiling, hair fluttering, leaves floating, slowly</div></div></div></div>
<div class='card-0'>
<div class='card card-1'>
<div class='card-image'>
<video class='lazy' autoplay loop muted width='100%'><source data-src='videos/30_0_case1/a-3-watermark.mp4' type='video/mp4'></video></div>
<div class='card-content'>
<div class='prompt'>The comic girl walking along the road, hair is futtering, petal floating and falling down</div>
</div>
</div>
<div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/16_0/a-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>Blue flowers grow out from the skull slowly</div></div></div></div> <div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/134/a-2-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>Boy walking in the street, butterflies flying</div></div></div><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/49_0/a-1-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>The girl is smiling and winking, hair fluttering</div></div></div></div> <div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/5_0/a-2-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>A cute cat pirat is sufing on the sea, it raises its hands and dances on the board, the waves are surging</div></div></div><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/7_0/a-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>A happy panda is playing guitar and singing loudly, music symbols are slowly generated from the guitar and floating in the sky</div></div></div></div> <div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/44_0/b-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>The cat in a coat is slowly raising its hand to salute, salute</div></div></div><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/9_0/a-2-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>A kawaii squirrel is surfing and dancing on the board</div></div></div></div> <div class='card-0'>
<div class='card card-1'>
<div class='card-image'>
<video class='lazy' autoplay loop muted width='100%'><source data-src='videos/116/a-2-watermark.mp4' type='video/mp4'></video>
</div>
<div class='card-content'>
<div class='prompt'>Mini batman surfing on the sea, batman dancing on the boarrd, waves surging high</div>
</div>
</div>
<div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/13_0/a-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>Two jedi cats are fighting with each other in the forest</div></div></div></div> <div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/28_0/a-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>The girl is laughing, hair fluttering, butterfly is flying</div></div></div><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/30_0_case3/a-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>The comic girl dancing on the road, hair is futtering, petal floating and falling down, fireworks exploding in the remote</div></div></div></div> <div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/36_0/b-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>The girl is thinking, hair is fluttering, birds flying in the sky</div></div></div><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/37_0/a-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>The boat is floating on the sea, waves are surging</div></div></div></div> <div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/38_0/a_SUP_500-crop-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>The cyber metal tiger is riding a motorcycle across the street, fast speed, cyberpunk street, dark, light</div></div></div><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/11_0/a-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>Batman and ironman are dancing</div></div></div></div> <div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/130/a-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>The battleship is firing, bombs exploding</div></div></div><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/140/a-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>Cyberpunk man riding a horsethrough the street, pink light, slowly</div></div></div></div>
</div>
</div>
</section>
</section>
<div style="border: #ffffff 20px solid;"></div>
<section class="hero">
<div class="hero-body-subtitle-light" style="display: block">
<div class="columns is-centered has-text-centered">
<div class="container is-max-maxwidth">
<div class="title is-2 sansfont" style="font-family:'Acme';color:#595959; font-size: 68px;">
Magic Mode
</div>
<div class="note-font"style="margin-top: -10pt; font-style: italic;">
*with text instruction, image instruction 1 and image instruction 2, generating intricate out-of-domain scenes and/or actions
</div>
</div>
</div>
</div>
</section>
<div style="border: #999999 1px solid;"></div>
<section class="hero" style="padding-top: 2em;">
<div class="v-columns" style="display: flex; width: 100%;">
<div class="v-column-left"></div>
<div class="v-column-center" style="text-align: center; display: flex;">
<div class="" style="width: 33%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;">
<img src="videos/57_30/c.png" alt="Image" style="border-radius: 6pt;">
<p class="handtext instruct-font">Image Instructions</p>
</div>
<div class="" style="width: 45%; display: flex; justify-content: space-around; align-items: center; text-align: center;">
<div class="box handtext ist-font" style="text-align: center; background-color: #ffffff00; box-shadow: 0 0 0;">
<i class="fa-solid fa-plus"></i>
</div>
<div class="box handtext example-font" style="font-size: 1.25em; text-align: center; box-shadow: 0 0.5em 1em 0.125em rgba(10,10,10,.1), 0 0 0 2px rgba(10,10,10,.02);">
The ball is in fire and turns into a dragon in fire
</div>
<div class="box handtext ist-font" style="text-align: center; background-color: #ffffff00; box-shadow: 0 0 0;">
<i class="fa-solid fa-video"></i>
</div>
</div>
<div class="" style="width: 22%; display: flex; justify-content: space-around; align-items: center; text-align: center;">
<video class="lazy" width="100%" autoplay loop muted style="border-radius: 6pt;">
<source data-src="videos/57_30/b-watermark.mp4" type="video/mp4">
</video>
</div>
</div>
<div class="v-column-right"></div>
</div>
</section>
<section class="section">
<div class="container is-clipped">
<div id="slider2" class="custom-slider">
<div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/56_30/f-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>Grass and flowers growing from the hair slowly, bees flying slowly</div></div></div><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/46_35_case2/ab-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>The skull in a hood slowly standing up from the water, very smooth transition, dark</div></div></div></div> <div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/14_35/ab-0-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>A man rides on a huge fish, flying from the water into the sky, sunset</div></div></div><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/47_35/a-5-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>Half of the face turns into cyborg face, robot eye, titanium skull</div></div></div></div> <div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/k1/k1-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>Forest in fire, a ghost appears</div></div></div><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/8_40/ab-3-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>A green ghost is slowly walking from the distance, on a halloween street, bats are flying in the sky</div></div></div></div> <div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/106/ab-bc-cd-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>The head of woman become a tiger head, woman with a tiger head look at viewer, tiger fade out, changing into a cyperpunk tiger, blue light, slowly</div></div></div><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/k3/k3-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>Black humanoid raise hand slowly, blue lightening</div></div></div></div> <div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/55_30/ab-3-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>From winter to spring, rotate, zoom in, smooth transition, wide range view</div></div></div><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/126/ab-2-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>Zoom in, comic, slowly</div></div></div></div> <div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/k2/k2-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>Tiger becomes cyberpunk-style tiger</div></div></div><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/k4/k4-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>Girl in green jacket walks closer</div></div></div></div> <div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/42_25/ab-3-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>The kawaii squirrel is surfing to the beach, slow and smooth transition,tropical, rainbow</div></div></div><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/k5/k5-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>Unicorn running, becoming oil painting style</div></div></div></div> <div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/k6/k6-watermark.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>A huge whale jumps out of water</div></div></div></div>
</div>
</div>
</section>
<div style="border: #ffffff 20px solid;"></div>
<section class="hero">
<div class="hero-body-subtitle-light" style="display: block">
<div class="columns is-centered has-text-centered">
<div class="container is-max-maxwidth">
<div class="title is-2 sansfont" style="font-family:'Acme';color:#595959; font-size: 68px;">
Gallery
</div>
<div class="note-font"style="margin-top: -10pt; font-style: italic;">
*generated with instructions provided by our users
</div>
</div>
</div>
</div>
</section>
<div style="border: #999999 1px solid;"></div>
<section class="section">
<div class="container is-clipped">
<div id="slider3" class="custom-slider2">
<!-- + 1227 -->
<div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/gallery_1227/1.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>Robots are walking and searching through the rubble. science fiction.</div></div></div><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/gallery_1227/7.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>An girl quitely look at the camera, smiling and winking.</div></div></div></div> <div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/gallery_1227/11.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>A man is riding a horse. style of chinese painting.</div></div></div><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/gallery_1227/2.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>A mechanical spider is crawling. science fiction.</div></div></div></div> <div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/gallery_1227/4.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>An anime girl piloting a spaceship.</div></div></div><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/gallery_1227/10.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>Machine is moving.</div></div></div></div> <div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/gallery_1227/3.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>An anime girl is flying a plane.</div></div></div><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/gallery_1227/5.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>A spaceship is slowly descending.</div></div></div></div> <div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/gallery_1227/6.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>An anime girl piloting a spaceship.</div></div></div><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/gallery_1227/8.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>A knight looks at the camera and smiles.</div></div></div></div> <div class='card-0'><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/gallery_1227/9.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>An girl in a woolly hat is smiling.</div></div></div><div class='card card-1'><div class='card-image'><video class='lazy' autoplay loop muted width='100%'><source data-src='videos/gallery_1227/12.mp4' type='video/mp4'></video></div><div class='card-content'><div class='prompt'>A man is riding a horse. style of chinese painting.</div></div></div></div>
<!-- + 1121 -->
<div class='card-0'>
<div class='card card-1'>
<div class='card-image'>
<video class='lazy' autoplay loop muted width='100%'><source data-src='videos/1121-1/a-watermark.mp4' type='video/mp4'></video>
</div>
<div class='card-content'>
<div class='prompt'>A beautiful woman with long golden hair is driving a red convertible sports car</div>
</div>
</div>
<div class='card card-1'>
<div class='card-image'>
<video class='lazy' autoplay loop muted width='100%'><source data-src='videos/1121-4/a-watermark.mp4' type='video/mp4'></video>
</div>
<div class='card-content'>
<div class='prompt'>A fiery humanoid monster with flames burning</div>
</div>
</div>
</div>
<div class='card-0'>
<div class='card card-1'>
<div class='card-image'>
<video class='lazy' autoplay loop muted width='100%'><source data-src='videos/1121-3/a-watermark.mp4' type='video/mp4'></video>
</div>
<div class='card-content'>
<div class='prompt'>A man and a woman performing a social dance</div>
</div>
</div>
<div class='card card-1'>
<div class='card-image'>
<video class='lazy' autoplay loop muted width='100%'><source data-src='videos/1121-3/b-watermark.mp4' type='video/mp4'></video>
</div>
<div class='card-content'>
<div class='prompt'>A man and a woman performing a social dance</div>
</div>
</div>
</div>
<div class='card-0'>
<div class='card card-1'>
<div class='card-image'>
<video class='lazy' autoplay loop muted width='100%'><source data-src='videos/1121-2/a-watermark.mp4' type='video/mp4'></video>
</div>
<div class='card-content'>
<div class='prompt'>A man wearing a cowboy outfit and a black hat kisses a woman with long golden hair wearing a red dress</div>
</div>
</div>
<div class='card card-1'>
<div class='card-image'>
<video class='lazy' autoplay loop muted width='100%'><source data-src='videos/1121-5/a-watermark.mp4' type='video/mp4'></video>
</div>
<div class='card-content'>
<div class='prompt'>The moon ascends in the background, bringing nightfall around an anime girl</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer" style="padding: 2em;">
<div class="content has-text-centered">
<p>
<strong>Bulma</strong> by <a href="https://jgthms.com">Jeremy Thomas</a>. The source code is licensed
<a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content
is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>.
</p>
</div>
</footer>
</body>
</html>