-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path8-1.live-stream-home.php
executable file
·469 lines (404 loc) · 22.9 KB
/
8-1.live-stream-home.php
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
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
<?php
$pageName = 'stream-home';
$title = '烤肉影片';
require './parts/connect-db.php';
?>
<?php include __DIR__ . '/parts/html-head.php' ?>
<link rel="stylesheet" href="css/videostyle.css">
<!-- <link rel="stylesheet" href="css/Vtuber_main.css"> -->
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<?php include __DIR__ . '/parts/html-navbar.php' ?>
<section class="coinshop">
<div class="freecoin-mission-title d-flex align-items-center">
<div class="freecoin-mission-title-en shine">烤肉影片精選</div>
</div>
<!-- 3D輪播牆 -->
<section id="carousel">
<input type="radio" name="slider" id="s1">
<input type="radio" name="slider" id="s2">
<input type="radio" name="slider" id="s3" checked>
<input type="radio" name="slider" id="s4">
<input type="radio" name="slider" id="s5">
<label for="s1" id="slider1">
<img class="mission-card" src="imgs/live streaming pic/ike直播頁面/ike12.jpeg" alt="" width="100%" height="100%">
</label>
<label class="mission-card-login" for="s2" id="slider2">
<img class="mission-card" src="imgs/live streaming pic/Mysta 直播頁面/Mysta12.jpeg" alt="" width="100%" height="100%">
</label>
<label for="s3" id="slider3">
<img class="mission-card" src="imgs/live streaming pic/luca直播頁面/luca12.jpeg" alt="" width="100%" height="100%">
</label>
<label for="s4" id="slider4">
<img class="mission-card" src="imgs/live streaming pic/shu直播頁面/shu12.jpeg" alt="" width="100%" height="100%">
</label>
<label for="s5" id="slider5">
<img class="mission-card" src="imgs/live streaming pic/Vox直播頁面/Vox12.jpeg" alt="" width="100%" height="100%">
</label>
</section>
<!-- 直播間首頁 影片 -->
<div id="tab-demo">
<ul class="tab-title NotoSans">
<li class="active"><a href="#tab01">烤肉影片區</a></li>
</ul>
<div class="tab-wrap">
<!-- ike stream wrap start-->
<div class="tab-title-wrap">
<p>Ike Eveland</p>
</div>
<div id="tab01" class="tab-inner NotoSans">
<div class="index_Watch_img_out_wrap d-flex">
<div class="index_Watch_img_wrap mr-2" data-toggle="modal" data-target="#stream1">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/ike直播頁面/ike1.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【NIJISANJI EN】【Ike eveland】膽敢嚇死我們Ike天使/Ike神父...? How dare you scare Angel Ike to death ?! 中字烤肉
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/ike直播頁面/ike2.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【Luxiem聯動/全視角】 入戲過深的Ike【彩虹社中譯/Propnight #3】
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/ike直播頁面/ike3.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【中文字幕/Ike Eveland】醉後伊芙蘭的奇幻漂流【NIJISANJI EN】
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/ike直播頁面/ike4.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【Ike Eveland】小學生吵架 音量注意 發霉? 灰色? 還是藍色?【NIJISANJI EN || Luxiem】【彩虹社EN烤肉】
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/ike直播頁面/ike5.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【中文字幕/Ike Eveland】剛來又剛好在講瑞典文的機率是多少【NIJISANJI EN】
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/ike直播頁面/ike6.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【NIJISANJI EN】文豪的IKEA讀音教學【 lke Eveland 中字 烤肉】
</p>
</div>
</div>
</div>
<!-- ike stream wrap end-->
<!-- luca stream wrap start-->
<div class="tab-title-wrap">
<p>Luca Kaneshiro</p>
</div>
<div id="tab01" class="tab-inner NotoSans">
<div class="index_Watch_img_out_wrap d-flex">
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/luca直播頁面/luca3.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【非專業烤肉】覺得遊戲太簡單了嗎Ike？帶上Luca吧！【Luxiem｜Luca Kaneshiro & Ike Eveland】_NIJISANJI EN
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/luca直播頁面/luca2.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【Nijisanji EN翻譯/Luca Kaneshiro】與Boss一起度過這個White Pog Day吧
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/luca直播頁面/luca4.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【［中字切片］槍與玫瑰貼貼？根本就是boss在欺負人！【Luca Kaneshiro/Shu Yamino/Rosemi Lovelock/Elira Pendora/Sonny Brisko】
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/luca直播頁面/luca5.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【Nijisanji EN翻譯/Luca Kaneshiro】與Boss一起度過這個White Pog Day吧
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/luca直播頁面/luca6.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【彩虹社EN中字】來互相傷害啊【Shu Yamino/Ike Eveland/Luca Kaneshiro】
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/luca直播頁面/luca7.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【Nijisanji 中字】線下混沌的POCKY GAME + 暴言頻出的深口侯話題
</p>
</div>
</div>
</div>
<!-- luca stream wrap end-->
<!-- mysta stream wrap start-->
<div class="tab-title-wrap">
<p>Mysta Rias</p>
</div>
<div id="tab01" class="tab-inner NotoSans">
<div class="index_Watch_img_out_wrap d-flex">
<div class="index_Watch_img_wrap mr-2" data-toggle="modal" data-target="#stream1">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/Mysta 直播頁面/Mysta1.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【彩虹社EN烤肉 / 切片】Mysta向Vox展現他的刀法!【Mysta Rias / Luxiem】
</p>
<!-- </a> -->
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/Mysta 直播頁面/Mysta2.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【彩虹社EN烤肉 / 切片】Mysta一邊BeatBox一邊哼Diamond City Light!【Mysta Rias / Luxiem】
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/Mysta 直播頁面/Mysta3.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">🧡🦊｜Mysta的Beatbox能力？！ Vox：「他會很多他說他不會的事」【Luxiem | Mysta Rias | 彩虹社 |中字切】
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/Mysta 直播頁面/Mysta4.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">Mysta本人親自下海示範:這才是真正的bo'om聲音!tskrrrr[彩虹社中字翻譯][Mysta Rias]
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/Mysta 直播頁面/Mysta5.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【Mysta Rias】性格內向的狐狸+出道前小故事【彩虹社EN中文精華/ NJISANJI EN】
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/Mysta 直播頁面/Mysta6.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【彩虹社EN烤肉】Mysta的字跡!【Mysta Rias / Luxiem】
【彩虹社EN烤肉】Mysta的字跡!【Mysta Rias / Luxiem】
</p>
</div>
</div>
</div>
<!-- mysta stream wrap end-->
<!-- shu stream wrap start-->
<div class="tab-title-wrap">
<p>Shu Yamino</p>
</div>
<div id="tab01" class="tab-inner NotoSans">
<div class="index_Watch_img_out_wrap d-flex">
<div class="index_Watch_img_wrap mr-2" data-toggle="modal" data-target="#stream1">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/shu直播頁面/shu1.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【一直忘記怎麼念烏克麗麗【Shu Yamino || NIJISANJI EN 中字】
</p>
<!-- </a> -->
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/shu直播頁面/shu2.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【彩虹社EN中字】請別再說這句話了【 Shu Yamino / luxiem】
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/shu直播頁面/shu3.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">Singing Soft Songs (Birthday Countdown pt. 1)【NIJISANJI EN | Shu
Yamino】
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/shu直播頁面/shu4.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">Shu重做純潔度測驗後發現自己是BAD BOY【NIJISANJI EN】
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/shu直播頁面/shu5.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【Luxiem│Shu│中文字幕】吃可愛與帥氣長大的Shu 4分鐘帶你認識這寶藏男孩
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/shu直播頁面/shu6.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【Nijisanji EN】Shu都知道大家(還有他自己)需要什麼 :)【Shu Yamino】【中文字幕】
</p>
</div>
</div>
</div>
<!-- shu stream wrap end-->
<!-- vox stream wrap start-->
<div class="tab-title-wrap">
<p>Vox Akuma</p>
</div>
<div id="tab01" class="tab-inner NotoSans">
<div class="index_Watch_img_out_wrap d-flex">
<div class="index_Watch_img_wrap mr-2" data-toggle="modal" data-target="#stream1">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/Vox直播頁面/Vox3.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">NIJISANJI EN】Vox put his foot down this time (認真向烤肉)【Vox Akuma / Luxiem】
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/Vox直播頁面/Vox2.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【NIJISANJI EN / Ikeakuma】天使嗓音的整人遊戲｜The Prank From The Angel Voice【Ike Eveland / Vox Akuma】
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/Vox直播頁面/Vox4.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【Vox/切熟】谁也不能命令叛逆的恶魔
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/Vox直播頁面/Vox5.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【Vox/切熟】差点错配CP的上帝盒导
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/Vox直播頁面/Vox6.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">office demon files papers, loses his mind 【STANLEY PARABLE ULTRA DELUXE】【NIJISANJI EN | Vox Akuma】
</p>
</div>
<div class="index_Watch_img_wrap mr-2">
<div class="index_Watch_img effect-ming">
<img src="imgs/live streaming pic/Vox直播頁面/Vox7.jpeg" alt="">
<figcaption class="d-flex align-items-center justify-content-center">
<h2>Click Me</h2>
</figcaption>
</div>
<p class="index_Watch_text">【Vox/切熟】脱衣舞！女装！一個不能少！！！
</p>
</div>
</div>
</div>
<!-- ike stream wrap end-->
</div>
</section>
<?php include __DIR__ . '/parts/html-script.php' ?>
<!-- <script src="js/jquery-3.6.0.js"></script> -->
<!-- <script src="./bootstrap-4.2.1-dist/js/bootstrap.bundle.js"></script> -->
<script src="js/plugins.js"></script>
<script>
$(window).on("load", function () {
$('body').addClass('loaded');
});
</script>
<?php include __DIR__ . '/parts/html-last.php' ?>