-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathNJB-spoiler.html
818 lines (779 loc) · 77 KB
/
NJB-spoiler.html
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
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" type="image/png" href="sets/NJB-files/icon.png"/>
<link rel="stylesheet" href="/resources/header.css">
<title>NJB visual spoiler</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
overscroll-behavior: none;
background-size: cover;
background-attachment: fixed;
}
.main-content {
position: relative;
width: 100%;
float: left;
z-index: 2;
justify-items: center;
}
.sidebar {
position: sticky;
top: 0;
display: none;
text-align: center;
padding-right: 3%;
z-index: 1;
justify-items: center;
}
.sidebar-container {
width: 80%;
max-width: 375px;
position: relative;
}
.sidebar-h-img {
display: none;
transform: rotate(90deg);
position: absolute;
left: 10%;
top: 10%;
width: 85%;
}
.sidebar-img {
vertical-align: middle;
width: 100%;
}
.close-btn {
background: url('img/close.png') no-repeat;
background-size: contain;
background-position: center;
width: 10%;
height: 10%;
border: none;
cursor: pointer;
position: absolute;
right: 4%;
}
.close-btn:hover {
background: url('img/close-hover.png') no-repeat;
background-size: contain;
background-position: center;
}
.grid-container {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
gap: 2px;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 3%;
justify-items: center;
max-width: 1200px;
}
.grid-container img {
width: 100%;
height: auto;
display: block;
visibility: hidden;
cursor: pointer;
}
.banner {
width: 100%;
height: auto;
padding-top: 20px;
padding-bottom: 50px;
}
.logo {
display: block;
margin: auto;
max-width: 30%;
max-height: 320px;
}
.container {
position: relative;
width: 100%;
}
.container img {
width: 100%;
height: auto;
}
.flip-btn {
background: url('img/flip.png') no-repeat;
background-size: contain;
background-position: center;
width: 15%;
height: 11%;
cursor: pointer;
border: none;
position: absolute;
left: 50%;
top: 48%;
transform: translate(-50%, -50%);
opacity: 0.5;
}
.flip-btn:hover {
background: url('img/flip-hover.png') no-repeat;
background-size: contain;
background-position: center;
}
.icon-bar {
display: grid;
grid-template-columns: repeat(10, 3fr 2fr) 3fr;
gap: 1px;
padding-left: 5%;
padding-right: 5%;
padding-top: 2%;
padding-bottom: 1%;
justify-items: center;
align-items: center;
}
.icon-bar .icon img {
width: 90%;
max-width: 80px;
height: auto;
display: block;
padding: 5%;
margin: auto;
text-align: center;
}
.icon-bar .dot img {
width: 50%;
max-width: 65px;
height: auto;
display: block;
margin: auto;
text-align: center;
}
.preload-hidden {
display: none;
}
/* This is here to enable the stickiness in a Float environment. I don't know why it works but it does */
.footer {
clear: both;
}
</style>
</head>
<body>
<img class="preload-hidden" src="/img/dot.png" />
<img class="preload-hidden" src="/sets/NJB-files/logo.png" />
<img class="preload-hidden" src="/sets/SHF-files/icon.png" />
<img class="preload-hidden" src="/sets/GSS-files/icon.png" />
<img class="preload-hidden" src="/sets/KND-files/icon.png" />
<img class="preload-hidden" src="/sets/NJB-files/icon.png" />
<img class="preload-hidden" src="/sets/AEX-files/icon.png" />
<img class="preload-hidden" src="/sets/WAS-files/icon.png" />
<img class="preload-hidden" src="/sets/SGB-files/icon.png" />
<img class="preload-hidden" src="/sets/GQC-files/icon.png" />
<img class="preload-hidden" src="/sets/DSS-files/icon.png" />
<img class="preload-hidden" src="/sets/KOD-files/icon.png" />
<img class="preload-hidden" src="/sets/GHQ-files/icon.png" />
<img class="preload-hidden" src="/sets/TWB-files/icon.png" />
<img class="preload-hidden" src="/sets/FAU-files/icon.png" />
<img class="preload-hidden" src="/sets/MVA-files/icon.png" />
<img class="preload-hidden" src="/sets/ATB-files/icon.png" />
<img class="preload-hidden" src="/sets/SUR-files/icon.png" />
<img class="preload-hidden" src="/sets/GNJ-files/icon.png" />
<img class="preload-hidden" src="/sets/GSC-files/icon.png" />
<img class="preload-hidden" src="/sets/FAE-files/icon.png" />
<img class="preload-hidden" src="/sets/AOD-files/icon.png" />
<img class="preload-hidden" src="/sets/ICH-files/icon.png" />
<img class="preload-hidden" src="/sets/AGH-files/icon.png" />
<img class="preload-hidden" src="/sets/MSR-files/icon.png" />
<img class="preload-hidden" src="/sets/GLC-files/icon.png" />
<img class="preload-hidden" src="/sets/ACE-files/icon.png" />
<img class="preload-hidden" id="bg" src="/sets/NJB-files/bg.png" />
<div class="header">
<div class="search-grid">
<a href="/"><img class="sg-logo" src="/img/banner.png"></a>
<img class="sg-icon" src="/img/search.png">
<input type="text" inputmode="search" placeholder="Search ..." name="search" id="search" spellcheck="false" autocomplete="off" autocorrect="off" spellcheck="false">
<a href="/all-sets"><img src="/img/sets.png" class="sg-icon">Sets</a>
<a href="/deckbuilder"><img src="/img/deck.png" class="sg-icon">Deckbuilder</a>
<a onclick="randomCard()"><img src="/img/random.png" class="sg-icon">Random</a>
</div>
</div>
<div class="icon-bar">
<div class="icon"><a href="SHF-spoiler"><img src="sets/SHF-files/icon.png"></img></a></div>
<div class="dot"><img src="img/dot.png"></img></div>
<div class="icon"><a href="GSS-spoiler"><img src="sets/GSS-files/icon.png"></img></a></div>
<div class="dot"><img src="img/dot.png"></img></div>
<div class="icon"><a href="KND-spoiler"><img src="sets/KND-files/icon.png"></img></a></div>
<div class="dot"><img src="img/dot.png"></img></div>
<div class="icon"><a href="NJB-spoiler"><img src="sets/NJB-files/icon.png"></img></a></div>
<div class="dot"><img src="img/dot.png"></img></div>
<div class="icon"><a href="AEX-spoiler"><img src="sets/AEX-files/icon.png"></img></a></div>
<div class="dot"><img src="img/dot.png"></img></div>
<div class="icon"><a href="WAS-spoiler"><img src="sets/WAS-files/icon.png"></img></a></div>
<div class="dot"><img src="img/dot.png"></img></div>
<div class="icon"><a href="SGB-spoiler"><img src="sets/SGB-files/icon.png"></img></a></div>
<div class="dot"><img src="img/dot.png"></img></div>
<div class="icon"><a href="GQC-spoiler"><img src="sets/GQC-files/icon.png"></img></a></div>
<div class="dot"><img src="img/dot.png"></img></div>
<div class="icon"><a href="DSS-spoiler"><img src="sets/DSS-files/icon.png"></img></a></div>
<div class="dot"><img src="img/dot.png"></img></div>
<div class="icon"><a href="KOD-spoiler"><img src="sets/KOD-files/icon.png"></img></a></div>
<div class="dot"><img src="img/dot.png"></img></div>
<div class="icon"><a href="GHQ-spoiler"><img src="sets/GHQ-files/icon.png"></img></a></div>
<div class="icon"><a href="TWB-spoiler"><img src="sets/TWB-files/icon.png"></img></a></div>
<div class="dot"><img src="img/dot.png"></img></div>
<div class="icon"><a href="FAU-spoiler"><img src="sets/FAU-files/icon.png"></img></a></div>
<div class="dot"><img src="img/dot.png"></img></div>
<div class="icon"><a href="MVA-spoiler"><img src="sets/MVA-files/icon.png"></img></a></div>
<div class="dot"><img src="img/dot.png"></img></div>
<div class="icon"><a href="ATB-spoiler"><img src="sets/ATB-files/icon.png"></img></a></div>
<div class="dot"><img src="img/dot.png"></img></div>
<div class="icon"><a href="SUR-spoiler"><img src="sets/SUR-files/icon.png"></img></a></div>
<div class="dot"><img src="img/dot.png"></img></div>
<div class="icon"><a href="GNJ-spoiler"><img src="sets/GNJ-files/icon.png"></img></a></div>
<div class="dot"><img src="img/dot.png"></img></div>
<div class="icon"><a href="GSC-spoiler"><img src="sets/GSC-files/icon.png"></img></a></div>
<div class="dot"><img src="img/dot.png"></img></div>
<div class="icon"><a href="FAE-spoiler"><img src="sets/FAE-files/icon.png"></img></a></div>
<div class="dot"><img src="img/dot.png"></img></div>
<div class="icon"><a href="AOD-spoiler"><img src="sets/AOD-files/icon.png"></img></a></div>
<div class="dot"><img src="img/dot.png"></img></div>
<div class="icon"><a href="ICH-spoiler"><img src="sets/ICH-files/icon.png"></img></a></div>
<div class="dot"><img src="img/dot.png"></img></div>
<div class="icon"><a href="AGH-spoiler"><img src="sets/AGH-files/icon.png"></img></a></div>
<div class="icon"><a href="MSR-spoiler"><img src="sets/MSR-files/icon.png"></img></a></div>
<div class="dot"><img src="img/dot.png"></img></div>
<div class="icon"><a href="GLC-spoiler"><img src="sets/GLC-files/icon.png"></img></a></div>
<div class="dot"><img src="img/dot.png"></img></div>
<div class="icon"><a href="ACE-spoiler"><img src="sets/ACE-files/icon.png"></img></a></div>
</div>
<div class="banner">
<img class="logo" src="sets/NJB-files/logo.png">
</div>
<div class="main-content" id="main-content">
<div class="grid-container">
<div class="container"><img alt="sets/NJB-files/img/20_Heping, Grand Pacifist.png" id="20_Heping, Grand Pacifist" data-flag="@X" onclick="openSidebar('20_Heping, Grand Pacifist',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/57_Ing'Wei, Azure Empress.png" id="57_IngWei, Azure Empress" data-flag="@X" onclick="openSidebar('57_IngWei, Azure Empress',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/92_Forbidden Shiangshi Arts.png" id="92_Forbidden Shiangshi Arts" data-flag="@X" onclick="openSidebar('92_Forbidden Shiangshi Arts',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/134_Entropic Inferno.png" id="134_Entropic Inferno" data-flag="@X" onclick="openSidebar('134_Entropic Inferno',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/178_Foster the Future.png" id="178_Foster the Future" data-flag="@X" onclick="openSidebar('178_Foster the Future',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/24_Lijing, the Great Partisan.png" id="24_Lijing, the Great Partisan" data-flag="@X" onclick="openSidebar('24_Lijing, the Great Partisan',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/66_Panya, Who Dares to Dream.png" id="66_Panya, Who Dares to Dream" data-flag="@X" onclick="openSidebar('66_Panya, Who Dares to Dream',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/100_Lizhao, Last Breath of the Yenzu.png" id="100_Lizhao, Last Breath of the Yenzu" data-flag="@X" onclick="openSidebar('100_Lizhao, Last Breath of the Yenzu',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/143_Hao'Tai, the Reverent.png" id="143_HaoTai, the Reverent" data-flag="@X" onclick="openSidebar('143_HaoTai, the Reverent',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/191_Qiyan, Great Progenitor.png" id="191_Qiyan, Great Progenitor" data-flag="@X" onclick="openSidebar('191_Qiyan, Great Progenitor',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/6_Cai Lan, the Puppeteer.png" id="6_Cai Lan, the Puppeteer" data-flag="@X" onclick="openSidebar('6_Cai Lan, the Puppeteer',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/51_Elder Soothsayer Chian.png" id="51_Elder Soothsayer Chian" data-flag="@X" onclick="openSidebar('51_Elder Soothsayer Chian',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/86_Birth of the Yaozu.png" id="86_Birth of the Yaozu" data-flag="@X" onclick="openSidebar('86_Birth of the Yaozu',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/124_The Art of War.png" id="124_The Art of War" data-flag="@X" onclick="openSidebar('124_The Art of War',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/169_Chiu, Hand of the Pack.png" id="169_Chiu, Hand of the Pack" data-flag="@X" onclick="openSidebar('169_Chiu, Hand of the Pack',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/9_Chronicles of the Kitsune.png" id="9_Chronicles of the Kitsune" data-flag="@X" onclick="openSidebar('9_Chronicles of the Kitsune',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/59_Juyu Offering Pool.png" id="59_Juyu Offering Pool" data-flag="@X" onclick="openSidebar('59_Juyu Offering Pool',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/87_The Blood Sun Sets.png" id="87_The Blood Sun Sets" data-flag="@X" onclick="openSidebar('87_The Blood Sun Sets',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/132_Dragon Emperor's Chariot.png" id="132_Dragon Emperors Chariot" data-flag="@X" onclick="openSidebar('132_Dragon Emperors Chariot',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/173_Da'Lang, Timberheart.png" id="173_DaLang, Timberheart" data-flag="@X" onclick="openSidebar('173_DaLang, Timberheart',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/10_Diao of the Opal Infantry.png" id="10_Diao of the Opal Infantry" data-flag="@X" onclick="openSidebar('10_Diao of the Opal Infantry',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/61_Kan'Gi, High Tactician.png" id="61_KanGi, High Tactician" data-flag="@X" onclick="openSidebar('61_KanGi, High Tactician',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/96_Ha'Eng, Profane Scribe.png" id="96_HaEng, Profane Scribe" data-flag="@X" onclick="openSidebar('96_HaEng, Profane Scribe',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/133_Elder General Hatsuo.png" id="133_Elder General Hatsuo" data-flag="@X" onclick="openSidebar('133_Elder General Hatsuo',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/183_Heyu, Depthlurker.png" id="183_Heyu, Depthlurker" data-flag="@X" onclick="openSidebar('183_Heyu, Depthlurker',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/16_Gao'Wu, Humble Sibyl.png" id="16_GaoWu, Humble Sibyl" data-flag="@X" onclick="openSidebar('16_GaoWu, Humble Sibyl',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/65_Oshin, Reef Warden.png" id="65_Oshin, Reef Warden" data-flag="@X" onclick="openSidebar('65_Oshin, Reef Warden',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/97_Kai'Jun, the Eradicator.png" id="97_KaiJun, the Eradicator" data-flag="@X" onclick="openSidebar('97_KaiJun, the Eradicator',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/146_Jiu, Daughter of the Sun.png" id="146_Jiu, Daughter of the Sun" data-flag="@X" onclick="openSidebar('146_Jiu, Daughter of the Sun',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/185_Jindao, the World Eye.png" id="185_Jindao, the World Eye" data-flag="@X" onclick="openSidebar('185_Jindao, the World Eye',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/18_The Great War Ends.png" id="18_The Great War Ends" data-flag="@X" onclick="openSidebar('18_The Great War Ends',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/67_Papier-Mâché Marvel.png" id="67_Papier-Mâché Marvel" data-flag="@X" onclick="openSidebar('67_Papier-Mâché Marvel',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/98_Kai'Long, the Call of the Dark.png" id="98_KaiLong, the Call of the Dark" data-flag="@X" onclick="openSidebar('98_KaiLong, the Call of the Dark',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/147_Judgment of Hao'Tai.png" id="147_Judgment of HaoTai" data-flag="@X" onclick="openSidebar('147_Judgment of HaoTai',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/193_Savage Convergence.png" id="193_Savage Convergence" data-flag="@X" onclick="openSidebar('193_Savage Convergence',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/22_Kiri, Corporeal Conduit.png" id="22_Kiri, Corporeal Conduit" data-flag="@X" onclick="openSidebar('22_Kiri, Corporeal Conduit',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/76_Shuilong Technique.png" id="76_Shuilong Technique" data-flag="@X" onclick="openSidebar('76_Shuilong Technique',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/99_Kai'Zhou, the Purifier.png" id="99_KaiZhou, the Purifier" data-flag="@X" onclick="openSidebar('99_KaiZhou, the Purifier',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/150_Mieng of the Pyre Waltz.png" id="150_Mieng of the Pyre Waltz" data-flag="@X" onclick="openSidebar('150_Mieng of the Pyre Waltz',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/198_Till the Queen's Gardens.png" id="198_Till the Queens Gardens" data-flag="@X" onclick="openSidebar('198_Till the Queens Gardens',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/25_Li's Moonblades.png" id="25_Lis Moonblades" data-flag="@X" onclick="openSidebar('25_Lis Moonblades',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/78_Sun Yun, Master of Man.png" id="78_Sun Yun, Master of Man" data-flag="@X" onclick="openSidebar('78_Sun Yun, Master of Man',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/118_Tzelin, Cabal Liturgist.png" id="118_Tzelin, Cabal Liturgist" data-flag="@X" onclick="openSidebar('118_Tzelin, Cabal Liturgist',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/151_Nichang Yuyi.png" id="151_Nichang Yuyi" data-flag="@X" onclick="openSidebar('151_Nichang Yuyi',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/204_Wildlife Sketches.png" id="204_Wildlife Sketches" data-flag="@X" onclick="openSidebar('204_Wildlife Sketches',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/41_Yujei, Zephyr Melodist.png" id="41_Yujei, Zephyr Melodist" data-flag="@X" onclick="openSidebar('41_Yujei, Zephyr Melodist',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/80_Ushi Yun, the Curator.png" id="80_Ushi Yun, the Curator" data-flag="@X" onclick="openSidebar('80_Ushi Yun, the Curator',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/121_Xie'e Amphitheatre.png" id="121_Xiee Amphitheatre" data-flag="@X" onclick="openSidebar('121_Xiee Amphitheatre',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/161_Tseng, the Shooting Star.png" id="161_Tseng, the Shooting Star" data-flag="@X" onclick="openSidebar('161_Tseng, the Shooting Star',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/205_Xiejuan and Hao Lu.png" id="205_Xiejuan and Hao Lu" data-flag="@X" onclick="openSidebar('205_Xiejuan and Hao Lu',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/1_Adept Lieutenant.png" id="1_Adept Lieutenant" data-flag="@X" onclick="openSidebar('1_Adept Lieutenant',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/43_Aftermath of the Surge.png" id="43_Aftermath of the Surge" data-flag="@X" onclick="openSidebar('43_Aftermath of the Surge',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/84_Bandit's Dagger.png" id="84_Bandits Dagger" data-flag="@X" onclick="openSidebar('84_Bandits Dagger',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/125_Baptism by Fire.png" id="125_Baptism by Fire" data-flag="@X" onclick="openSidebar('125_Baptism by Fire',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/168_Chaparral Hunter.png" id="168_Chaparral Hunter" data-flag="@X" onclick="openSidebar('168_Chaparral Hunter',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/7_Chamber of Penance.png" id="7_Chamber of Penance" data-flag="@X" onclick="openSidebar('7_Chamber of Penance',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/46_Bian Lian Opera.png" id="46_Bian Lian Opera" data-flag="@X" onclick="openSidebar('46_Bian Lian Opera',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/88_Consign to Old Diyu.png" id="88_Consign to Old Diyu" data-flag="@X" onclick="openSidebar('88_Consign to Old Diyu',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/126_Bonk.png" id="126_Bonk" data-flag="@X" onclick="openSidebar('126_Bonk',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/177_Forerunner of the Briar.png" id="177_Forerunner of the Briar" data-flag="@X" onclick="openSidebar('177_Forerunner of the Briar',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/8_Chiseled Familiar.png" id="8_Chiseled Familiar" data-flag="@X" onclick="openSidebar('8_Chiseled Familiar',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/47_Budding Couturier.png" id="47_Budding Couturier" data-flag="@X" onclick="openSidebar('47_Budding Couturier',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/89_Demon of Hubris.png" id="89_Demon of Hubris" data-flag="@X" onclick="openSidebar('89_Demon of Hubris',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/131_Draconic Cinderlance.png" id="131_Draconic Cinderlance" data-flag="@X" onclick="openSidebar('131_Draconic Cinderlance',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/187_Lu'She Temple Customs.png" id="187_LuShe Temple Customs" data-flag="@X" onclick="openSidebar('187_LuShe Temple Customs',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/12_Fox of a Glistening Glen.png" id="12_Fox of a Glistening Glen" data-flag="@X" onclick="openSidebar('12_Fox of a Glistening Glen',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/48_Cerulean Sovereign.png" id="48_Cerulean Sovereign" data-flag="@X" onclick="openSidebar('48_Cerulean Sovereign',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/91_Eaveshoppers.png" id="91_Eaveshoppers" data-flag="@X" onclick="openSidebar('91_Eaveshoppers',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/136_Fervid Dragonheart.png" id="136_Fervid Dragonheart" data-flag="@X" onclick="openSidebar('136_Fervid Dragonheart',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/190_Pack Savagery.png" id="190_Pack Savagery" data-flag="@X" onclick="openSidebar('190_Pack Savagery',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/14_Fox of a Radiant Meadow.png" id="14_Fox of a Radiant Meadow" data-flag="@X" onclick="openSidebar('14_Fox of a Radiant Meadow',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/56_Hydrolyze.png" id="56_Hydrolyze" data-flag="@X" onclick="openSidebar('56_Hydrolyze',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/95_Grotesque Defiler.png" id="95_Grotesque Defiler" data-flag="@X" onclick="openSidebar('95_Grotesque Defiler',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/137_Filigree Fan Dance.png" id="137_Filigree Fan Dance" data-flag="@X" onclick="openSidebar('137_Filigree Fan Dance',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/192_Rampaging Xiangshe.png" id="192_Rampaging Xiangshe" data-flag="@X" onclick="openSidebar('192_Rampaging Xiangshe',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/17_Glorious Wingwright.png" id="17_Glorious Wingwright" data-flag="@X" onclick="openSidebar('17_Glorious Wingwright',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/63_Lunar Shachuan.png" id="63_Lunar Shachuan" data-flag="@X" onclick="openSidebar('63_Lunar Shachuan',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/102_Mercenary of the Folded Fan.png" id="102_Mercenary of the Folded Fan" data-flag="@X" onclick="openSidebar('102_Mercenary of the Folded Fan',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/139_For the Court of the Queen.png" id="139_For the Court of the Queen" data-flag="@X" onclick="openSidebar('139_For the Court of the Queen',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/194_Spawn of Qiyan.png" id="194_Spawn of Qiyan" data-flag="@X" onclick="openSidebar('194_Spawn of Qiyan',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/21_Heping's Acolyte.png" id="21_Hepings Acolyte" data-flag="@X" onclick="openSidebar('21_Hepings Acolyte',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/64_Nonpareil of the Abyss.png" id="64_Nonpareil of the Abyss" data-flag="@X" onclick="openSidebar('64_Nonpareil of the Abyss',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/105_Sable Evangelist.png" id="105_Sable Evangelist" data-flag="@X" onclick="openSidebar('105_Sable Evangelist',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/142_Frisky Denmates.png" id="142_Frisky Denmates" data-flag="@X" onclick="openSidebar('142_Frisky Denmates',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/195_Spirited Florist.png" id="195_Spirited Florist" data-flag="@X" onclick="openSidebar('195_Spirited Florist',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/23_Leave the Den.png" id="23_Leave the Den" data-flag="@X" onclick="openSidebar('23_Leave the Den',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/69_Pon's Apprentice.png" id="69_Pons Apprentice" data-flag="@X" onclick="openSidebar('69_Pons Apprentice',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/110_Shifu of Xiangyin Temple.png" id="110_Shifu of Xiangyin Temple" data-flag="@X" onclick="openSidebar('110_Shifu of Xiangyin Temple',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/148_Keen Redtail.png" id="148_Keen Redtail" data-flag="@X" onclick="openSidebar('148_Keen Redtail',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/197_Thriving Viper.png" id="197_Thriving Viper" data-flag="@X" onclick="openSidebar('197_Thriving Viper',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/30_The People's Anthem.png" id="30_The Peoples Anthem" data-flag="@X" onclick="openSidebar('30_The Peoples Anthem',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/72_Reflecting Pool Drifter.png" id="72_Reflecting Pool Drifter" data-flag="@X" onclick="openSidebar('72_Reflecting Pool Drifter',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/111_Skirmish Scars.png" id="111_Skirmish Scars" data-flag="@X" onclick="openSidebar('111_Skirmish Scars',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/154_Pup of a Marigold Burrow.png" id="154_Pup of a Marigold Burrow" data-flag="@X" onclick="openSidebar('154_Pup of a Marigold Burrow',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/199_Timberland Hymn.png" id="199_Timberland Hymn" data-flag="@X" onclick="openSidebar('199_Timberland Hymn',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/31_Pious Flutist.png" id="31_Pious Flutist" data-flag="@X" onclick="openSidebar('31_Pious Flutist',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/74_Sage of the Jade Baton.png" id="74_Sage of the Jade Baton" data-flag="@X" onclick="openSidebar('74_Sage of the Jade Baton',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/112_Soul Engulfer.png" id="112_Soul Engulfer" data-flag="@X" onclick="openSidebar('112_Soul Engulfer',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/155_Rapacious Regent.png" id="155_Rapacious Regent" data-flag="@X" onclick="openSidebar('155_Rapacious Regent',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/200_Vassal of the Wild.png" id="200_Vassal of the Wild" data-flag="@X" onclick="openSidebar('200_Vassal of the Wild',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/32_Red-Crowned Admiral.png" id="32_Red-Crowned Admiral" data-flag="@X" onclick="openSidebar('32_Red-Crowned Admiral',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/77_Stand in Opposition.png" id="77_Stand in Opposition" data-flag="@X" onclick="openSidebar('77_Stand in Opposition',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/120_Whispers of the Dead.png" id="120_Whispers of the Dead" data-flag="@X" onclick="openSidebar('120_Whispers of the Dead',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/156_Scholar of the Staff.png" id="156_Scholar of the Staff" data-flag="@X" onclick="openSidebar('156_Scholar of the Staff',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/201_Verdant Druid.png" id="201_Verdant Druid" data-flag="@X" onclick="openSidebar('201_Verdant Druid',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/35_Seal the Gateway.png" id="35_Seal the Gateway" data-flag="@X" onclick="openSidebar('35_Seal the Gateway',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/79_Trawl the Annals.png" id="79_Trawl the Annals" data-flag="@X" onclick="openSidebar('79_Trawl the Annals',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/123_Yenzu Melodrama.png" id="123_Yenzu Melodrama" data-flag="@X" onclick="openSidebar('123_Yenzu Melodrama',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/163_Vulpine Verse.png" id="163_Vulpine Verse" data-flag="@X" onclick="openSidebar('163_Vulpine Verse',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/203_Viridian Townships.png" id="203_Viridian Townships" data-flag="@X" onclick="openSidebar('203_Viridian Townships',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/2_Aerie Aria.png" id="2_Aerie Aria" data-flag="@X" onclick="openSidebar('2_Aerie Aria',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/42_Abandon the Past.png" id="42_Abandon the Past" data-flag="@X" onclick="openSidebar('42_Abandon the Past',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/83_Arrogant Orator.png" id="83_Arrogant Orator" data-flag="@X" onclick="openSidebar('83_Arrogant Orator',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/127_Burning of Xiangyin Temple.png" id="127_Burning of Xiangyin Temple" data-flag="@X" onclick="openSidebar('127_Burning of Xiangyin Temple',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/165_Adventurous Impulse.png" id="165_Adventurous Impulse" data-flag="@X" onclick="openSidebar('165_Adventurous Impulse',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/3_Apogee Cranes.png" id="3_Apogee Cranes" data-flag="@X" onclick="openSidebar('3_Apogee Cranes',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/44_Air of Vernal Tidings.png" id="44_Air of Vernal Tidings" data-flag="@X" onclick="openSidebar('44_Air of Vernal Tidings',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/85_Bearer of Vile Incense.png" id="85_Bearer of Vile Incense" data-flag="@X" onclick="openSidebar('85_Bearer of Vile Incense',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/128_Ceremonial Jian.png" id="128_Ceremonial Jian" data-flag="@X" onclick="openSidebar('128_Ceremonial Jian',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/166_Bastion Ranger.png" id="166_Bastion Ranger" data-flag="@X" onclick="openSidebar('166_Bastion Ranger',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/4_Apostle of the Elders.png" id="4_Apostle of the Elders" data-flag="@X" onclick="openSidebar('4_Apostle of the Elders',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/45_Ballad of the Forgotten.png" id="45_Ballad of the Forgotten" data-flag="@X" onclick="openSidebar('45_Ballad of the Forgotten',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/90_Dirge of the Damned.png" id="90_Dirge of the Damned" data-flag="@X" onclick="openSidebar('90_Dirge of the Damned',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/129_Char Brewer.png" id="129_Char Brewer" data-flag="@X" onclick="openSidebar('129_Char Brewer',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/167_Called Shot.png" id="167_Called Shot" data-flag="@X" onclick="openSidebar('167_Called Shot',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/5_Armament Exhibition.png" id="5_Armament Exhibition" data-flag="@X" onclick="openSidebar('5_Armament Exhibition',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/49_Dare to Dream.png" id="49_Dare to Dream" data-flag="@X" onclick="openSidebar('49_Dare to Dream',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/93_Gilded Sell-Sword.png" id="93_Gilded Sell-Sword" data-flag="@X" onclick="openSidebar('93_Gilded Sell-Sword',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/130_Dazzling Duelist.png" id="130_Dazzling Duelist" data-flag="@X" onclick="openSidebar('130_Dazzling Duelist',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/170_Chords of Conflict.png" id="170_Chords of Conflict" data-flag="@X" onclick="openSidebar('170_Chords of Conflict',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/11_Festival Celebrants.png" id="11_Festival Celebrants" data-flag="@X" onclick="openSidebar('11_Festival Celebrants',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/50_Dewdrop Oracle.png" id="50_Dewdrop Oracle" data-flag="@X" onclick="openSidebar('50_Dewdrop Oracle',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/94_Grim Bounty.png" id="94_Grim Bounty" data-flag="@X" onclick="openSidebar('94_Grim Bounty',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/135_Expedite.png" id="135_Expedite" data-flag="@X" onclick="openSidebar('135_Expedite',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/171_Cohorts of the Grove.png" id="171_Cohorts of the Grove" data-flag="@X" onclick="openSidebar('171_Cohorts of the Grove',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/13_Fox of a New Era.png" id="13_Fox of a New Era" data-flag="@X" onclick="openSidebar('13_Fox of a New Era',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/52_Erratic Visionary.png" id="52_Erratic Visionary" data-flag="@X" onclick="openSidebar('52_Erratic Visionary',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/101_Lizhao's Soulblade.png" id="101_Lizhaos Soulblade" data-flag="@X" onclick="openSidebar('101_Lizhaos Soulblade',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/138_Flame Juggler.png" id="138_Flame Juggler" data-flag="@X" onclick="openSidebar('138_Flame Juggler',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/172_Crooning Eulogist.png" id="172_Crooning Eulogist" data-flag="@X" onclick="openSidebar('172_Crooning Eulogist',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/15_Fox of an Amber Dawn.png" id="15_Fox of an Amber Dawn" data-flag="@X" onclick="openSidebar('15_Fox of an Amber Dawn',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/53_Festival Decorator.png" id="53_Festival Decorator" data-flag="@X" onclick="openSidebar('53_Festival Decorator',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/103_Nightblade Umbra.png" id="103_Nightblade Umbra" data-flag="@X" onclick="openSidebar('103_Nightblade Umbra',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/140_Fox of the Juniper Vale.png" id="140_Fox of the Juniper Vale" data-flag="@X" onclick="openSidebar('140_Fox of the Juniper Vale',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/174_Descendant of Shimaru.png" id="174_Descendant of Shimaru" data-flag="@X" onclick="openSidebar('174_Descendant of Shimaru',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/19_Guzheng Instructor.png" id="19_Guzheng Instructor" data-flag="@X" onclick="openSidebar('19_Guzheng Instructor',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/54_Harmony of Blossoms.png" id="54_Harmony of Blossoms" data-flag="@X" onclick="openSidebar('54_Harmony of Blossoms',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/104_Restless Oppressor.png" id="104_Restless Oppressor" data-flag="@X" onclick="openSidebar('104_Restless Oppressor',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/141_Fox of the River Run.png" id="141_Fox of the River Run" data-flag="@X" onclick="openSidebar('141_Fox of the River Run',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/175_Edgeland Savant.png" id="175_Edgeland Savant" data-flag="@X" onclick="openSidebar('175_Edgeland Savant',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/26_Lunar Flock.png" id="26_Lunar Flock" data-flag="@X" onclick="openSidebar('26_Lunar Flock',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/55_Horizon Glider.png" id="55_Horizon Glider" data-flag="@X" onclick="openSidebar('55_Horizon Glider',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/106_Sanguine Muralist.png" id="106_Sanguine Muralist" data-flag="@X" onclick="openSidebar('106_Sanguine Muralist',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/144_Herald of the Dragon Army.png" id="144_Herald of the Dragon Army" data-flag="@X" onclick="openSidebar('144_Herald of the Dragon Army',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/176_Exquisite Slash.png" id="176_Exquisite Slash" data-flag="@X" onclick="openSidebar('176_Exquisite Slash',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/27_Ornate Legionnaire.png" id="27_Ornate Legionnaire" data-flag="@X" onclick="openSidebar('27_Ornate Legionnaire',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/58_Ing'Wei's Admonition.png" id="58_IngWeis Admonition" data-flag="@X" onclick="openSidebar('58_IngWeis Admonition',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/107_Scar Tattooist.png" id="107_Scar Tattooist" data-flag="@X" onclick="openSidebar('107_Scar Tattooist',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/145_Jeering Kit.png" id="145_Jeering Kit" data-flag="@X" onclick="openSidebar('145_Jeering Kit',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/179_Gashing Panther.png" id="179_Gashing Panther" data-flag="@X" onclick="openSidebar('179_Gashing Panther',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/28_Outcast of the Folded Fan.png" id="28_Outcast of the Folded Fan" data-flag="@X" onclick="openSidebar('28_Outcast of the Folded Fan',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/60_Kaleidoscale Drake.png" id="60_Kaleidoscale Drake" data-flag="@X" onclick="openSidebar('60_Kaleidoscale Drake',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/108_Scatter Memories as Ashes.png" id="108_Scatter Memories as Ashes" data-flag="@X" onclick="openSidebar('108_Scatter Memories as Ashes',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/149_Kuoshu Martial Arts.png" id="149_Kuoshu Martial Arts" data-flag="@X" onclick="openSidebar('149_Kuoshu Martial Arts',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/180_Harmonic Recruit.png" id="180_Harmonic Recruit" data-flag="@X" onclick="openSidebar('180_Harmonic Recruit',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/29_Pacifism.png" id="29_Pacifism" data-flag="@X" onclick="openSidebar('29_Pacifism',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/62_Lamplight Tender.png" id="62_Lamplight Tender" data-flag="@X" onclick="openSidebar('62_Lamplight Tender',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/109_Serum Peddler.png" id="109_Serum Peddler" data-flag="@X" onclick="openSidebar('109_Serum Peddler',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/152_Ode to the Red Wind.png" id="152_Ode to the Red Wind" data-flag="@X" onclick="openSidebar('152_Ode to the Red Wind',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/181_Herbal Remedy.png" id="181_Herbal Remedy" data-flag="@X" onclick="openSidebar('181_Herbal Remedy',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/33_Roadside Performer.png" id="33_Roadside Performer" data-flag="@X" onclick="openSidebar('33_Roadside Performer',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/68_Parasol Twirler.png" id="68_Parasol Twirler" data-flag="@X" onclick="openSidebar('68_Parasol Twirler',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/113_Spear Flourish.png" id="113_Spear Flourish" data-flag="@X" onclick="openSidebar('113_Spear Flourish',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/153_One Last Dance.png" id="153_One Last Dance" data-flag="@X" onclick="openSidebar('153_One Last Dance',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/182_Hero's Journey.png" id="182_Heros Journey" data-flag="@X" onclick="openSidebar('182_Heros Journey',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/34_Russet Denmother.png" id="34_Russet Denmother" data-flag="@X" onclick="openSidebar('34_Russet Denmother',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/70_Prince Crab.png" id="70_Prince Crab" data-flag="@X" onclick="openSidebar('70_Prince Crab',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/114_Theatre of Cruelty.png" id="114_Theatre of Cruelty" data-flag="@X" onclick="openSidebar('114_Theatre of Cruelty',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/157_Scorching Dragonfire.png" id="157_Scorching Dragonfire" data-flag="@X" onclick="openSidebar('157_Scorching Dragonfire',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/184_Jadeplate Armor.png" id="184_Jadeplate Armor" data-flag="@X" onclick="openSidebar('184_Jadeplate Armor',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/36_Sheersilk Robes.png" id="36_Sheersilk Robes" data-flag="@X" onclick="openSidebar('36_Sheersilk Robes',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/71_Read the Tides.png" id="71_Read the Tides" data-flag="@X" onclick="openSidebar('71_Read the Tides',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/115_Traveler's Trial.png" id="115_Travelers Trial" data-flag="@X" onclick="openSidebar('115_Travelers Trial',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/158_Scourge of the Sun.png" id="158_Scourge of the Sun" data-flag="@X" onclick="openSidebar('158_Scourge of the Sun',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/186_Journeying Packmaster.png" id="186_Journeying Packmaster" data-flag="@X" onclick="openSidebar('186_Journeying Packmaster',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/37_Sponsor of the Folded Fan.png" id="37_Sponsor of the Folded Fan" data-flag="@X" onclick="openSidebar('37_Sponsor of the Folded Fan',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/73_Rest and Relaxation.png" id="73_Rest and Relaxation" data-flag="@X" onclick="openSidebar('73_Rest and Relaxation',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/116_Tree of Tragedies.png" id="116_Tree of Tragedies" data-flag="@X" onclick="openSidebar('116_Tree of Tragedies',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/159_Slapdash Matrimony.png" id="159_Slapdash Matrimony" data-flag="@X" onclick="openSidebar('159_Slapdash Matrimony',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/188_Mighty Xioshu.png" id="188_Mighty Xioshu" data-flag="@X" onclick="openSidebar('188_Mighty Xioshu',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/38_Sword Dance.png" id="38_Sword Dance" data-flag="@X" onclick="openSidebar('38_Sword Dance',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/75_Scribe of the Sky Scrolls.png" id="75_Scribe of the Sky Scrolls" data-flag="@X" onclick="openSidebar('75_Scribe of the Sky Scrolls',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/117_Trophy Collector.png" id="117_Trophy Collector" data-flag="@X" onclick="openSidebar('117_Trophy Collector',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/160_Stroke of Fortune.png" id="160_Stroke of Fortune" data-flag="@X" onclick="openSidebar('160_Stroke of Fortune',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/189_Mischievous Maolu.png" id="189_Mischievous Maolu" data-flag="@X" onclick="openSidebar('189_Mischievous Maolu',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/39_Tale of Tranquility.png" id="39_Tale of Tranquility" data-flag="@X" onclick="openSidebar('39_Tale of Tranquility',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/81_Wealth of the Flood.png" id="81_Wealth of the Flood" data-flag="@X" onclick="openSidebar('81_Wealth of the Flood',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/119_Visit from Aunti.png" id="119_Visit from Aunti" data-flag="@X" onclick="openSidebar('119_Visit from Aunti',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/162_Violent Devotion.png" id="162_Violent Devotion" data-flag="@X" onclick="openSidebar('162_Violent Devotion',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/196_Suitor of the Glade.png" id="196_Suitor of the Glade" data-flag="@X" onclick="openSidebar('196_Suitor of the Glade',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/40_Walk the Ancestral Path.png" id="40_Walk the Ancestral Path" data-flag="@X" onclick="openSidebar('40_Walk the Ancestral Path',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/82_Yenzu Puppeteering.png" id="82_Yenzu Puppeteering" data-flag="@X" onclick="openSidebar('82_Yenzu Puppeteering',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/122_Yenzu Disciple.png" id="122_Yenzu Disciple" data-flag="@X" onclick="openSidebar('122_Yenzu Disciple',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/164_Warlord of Wun Su.png" id="164_Warlord of Wun Su" data-flag="@X" onclick="openSidebar('164_Warlord of Wun Su',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/202_Vinehorn Stag.png" id="202_Vinehorn Stag" data-flag="@X" onclick="openSidebar('202_Vinehorn Stag',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/246_Wang Xi, Wishes on the Wind.png" id="246_Wang Xi, Wishes on the Wind" data-flag="@X" onclick="openSidebar('246_Wang Xi, Wishes on the Wind',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/225_Kiyoko of the Silver Mist.png" id="225_Kiyoko of the Silver Mist" data-flag="@X" onclick="openSidebar('225_Kiyoko of the Silver Mist',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/244_Swiftblade Ren.png" id="244_Swiftblade Ren" data-flag="@X" onclick="openSidebar('244_Swiftblade Ren',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/208_Autumn Symphony.png" id="208_Autumn Symphony" data-flag="@X" onclick="openSidebar('208_Autumn Symphony',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/221_Hang Up Your Lanterns.png" id="221_Hang Up Your Lanterns" data-flag="@X" onclick="openSidebar('221_Hang Up Your Lanterns',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/234_Painting Dolls.png" id="234_Painting Dolls" data-flag="@X" onclick="openSidebar('234_Painting Dolls',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/227_Lin, the Opportunist.png" id="227_Lin, the Opportunist" data-flag="@X" onclick="openSidebar('227_Lin, the Opportunist',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/250_Xihuo, the Onyx Flame.png" id="250_Xihuo, the Onyx Flame" data-flag="@X" onclick="openSidebar('250_Xihuo, the Onyx Flame',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/232_Old Lord Xiusheng.png" id="232_Old Lord Xiusheng" data-flag="@X" onclick="openSidebar('232_Old Lord Xiusheng',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/209_Bai of the Royal Gardens.png" id="209_Bai of the Royal Gardens" data-flag="@X" onclick="openSidebar('209_Bai of the Royal Gardens',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/219_Gemscale Drake.png" id="219_Gemscale Drake" data-flag="@X" onclick="openSidebar('219_Gemscale Drake',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/235_Path of the Outsider.png" id="235_Path of the Outsider" data-flag="@X" onclick="openSidebar('235_Path of the Outsider',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/206_Altar of Twisted Piety.png" id="206_Altar of Twisted Piety" data-flag="@X" onclick="openSidebar('206_Altar of Twisted Piety',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/211_Celebrations of Ferocity.png" id="211_Celebrations of Ferocity" data-flag="@X" onclick="openSidebar('211_Celebrations of Ferocity',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/207_Ascetic of the Folded Fan.png" id="207_Ascetic of the Folded Fan" data-flag="@X" onclick="openSidebar('207_Ascetic of the Folded Fan',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/245_Those Lost to the Waves.png" id="245_Those Lost to the Waves" data-flag="@X" onclick="openSidebar('245_Those Lost to the Waves',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/253_Yenzu Nightblade.png" id="253_Yenzu Nightblade" data-flag="@X" onclick="openSidebar('253_Yenzu Nightblade',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/210_Blackblood Feaster.png" id="210_Blackblood Feaster" data-flag="@X" onclick="openSidebar('210_Blackblood Feaster',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/248_Wilderkin Zealot.png" id="248_Wilderkin Zealot" data-flag="@X" onclick="openSidebar('248_Wilderkin Zealot',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/224_Kanghyae Forum.png" id="224_Kanghyae Forum" data-flag="@X" onclick="openSidebar('224_Kanghyae Forum',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/255_Zou Meili, Cruel Justice.png" id="255_Zou Meili, Cruel Justice" data-flag="@X" onclick="openSidebar('255_Zou Meili, Cruel Justice',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/247_Wei Ji, Life's Rhythm.png" id="247_Wei Ji, Lifes Rhythm" data-flag="@X" onclick="openSidebar('247_Wei Ji, Lifes Rhythm',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/220_Gui, the Brinebearer.png" id="220_Gui, the Brinebearer" data-flag="@X" onclick="openSidebar('220_Gui, the Brinebearer',false)"></div>
<div class="container"><img data-alt_src="sets/NJB-files/img/228_Ma'Long, the Skystorm_back.png" alt="sets/NJB-files/img/228_Ma'Long, the Skystorm_front.png" id="228_MaLong, the Skystorm" data-flag="@XD" onclick="openSidebar('228_MaLong, the Skystorm',false)"><button class="flip-btn" onclick="imgFlip(228_MaLong, the Skystorm)"></button></div>
<div class="container"><img alt="sets/NJB-files/img/240_Seto San, Divine Heroine.png" id="240_Seto San, Divine Heroine" data-flag="@X" onclick="openSidebar('240_Seto San, Divine Heroine',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/252_Yenzu Blood Pact.png" id="252_Yenzu Blood Pact" data-flag="@X" onclick="openSidebar('252_Yenzu Blood Pact',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/239_Ruchong Awakening.png" id="239_Ruchong Awakening" data-flag="@X" onclick="openSidebar('239_Ruchong Awakening',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/242_Shigurei, Vassal of the Depths.png" id="242_Shigurei, Vassal of the Depths" data-flag="@X" onclick="openSidebar('242_Shigurei, Vassal of the Depths',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/214_Dance of Dragons.png" id="214_Dance of Dragons" data-flag="@X" onclick="openSidebar('214_Dance of Dragons',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/237_Qulai, Orchard Shepherd.png" id="237_Qulai, Orchard Shepherd" data-flag="@X" onclick="openSidebar('237_Qulai, Orchard Shepherd',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/222_Imperious Aristocrat.png" id="222_Imperious Aristocrat" data-flag="@X" onclick="openSidebar('222_Imperious Aristocrat',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/216_Fables of the Ill-Fated.png" id="216_Fables of the Ill-Fated" data-flag="@X" onclick="openSidebar('216_Fables of the Ill-Fated',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/226_Lady of the Nymphaeas.png" id="226_Lady of the Nymphaeas" data-flag="@X" onclick="openSidebar('226_Lady of the Nymphaeas',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/238_The Royal Vignettes.png" id="238_The Royal Vignettes" data-flag="@X" onclick="openSidebar('238_The Royal Vignettes',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/218_Fox of a Brisk Autumn.png" id="218_Fox of a Brisk Autumn" data-flag="@X" onclick="openSidebar('218_Fox of a Brisk Autumn',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/229_Memorial Plaza.png" id="229_Memorial Plaza" data-flag="@X" onclick="openSidebar('229_Memorial Plaza',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/230_Mire Sculptor.png" id="230_Mire Sculptor" data-flag="@X" onclick="openSidebar('230_Mire Sculptor',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/236_Peacetime Murals.png" id="236_Peacetime Murals" data-flag="@X" onclick="openSidebar('236_Peacetime Murals',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/243_Song of Wind and Fire.png" id="243_Song of Wind and Fire" data-flag="@X" onclick="openSidebar('243_Song of Wind and Fire',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/241_Seto's Private Collection.png" id="241_Setos Private Collection" data-flag="@X" onclick="openSidebar('241_Setos Private Collection',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/251_Ya'Ling, the Rune-Drake.png" id="251_YaLing, the Rune-Drake" data-flag="@X" onclick="openSidebar('251_YaLing, the Rune-Drake',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/217_Fang Luo, the Astral Tide.png" id="217_Fang Luo, the Astral Tide" data-flag="@X" onclick="openSidebar('217_Fang Luo, the Astral Tide',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/223_Kai'Oro, Grave Betrayer.png" id="223_KaiOro, Grave Betrayer" data-flag="@X" onclick="openSidebar('223_KaiOro, Grave Betrayer',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/212_Cheng, Wild Tyrant.png" id="212_Cheng, Wild Tyrant" data-flag="@X" onclick="openSidebar('212_Cheng, Wild Tyrant',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/254_Zihao, Song of the Glade.png" id="254_Zihao, Song of the Glade" data-flag="@X" onclick="openSidebar('254_Zihao, Song of the Glade',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/249_Wun Su, War's Muse.png" id="249_Wun Su, Wars Muse" data-flag="@X" onclick="openSidebar('249_Wun Su, Wars Muse',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/233_Oshu of the Bosk.png" id="233_Oshu of the Bosk" data-flag="@X" onclick="openSidebar('233_Oshu of the Bosk',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/231_The Mythical Zhiwu.png" id="231_The Mythical Zhiwu" data-flag="@X" onclick="openSidebar('231_The Mythical Zhiwu',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/213_Cou Ling of the Lunar Den.png" id="213_Cou Ling of the Lunar Den" data-flag="@X" onclick="openSidebar('213_Cou Ling of the Lunar Den',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/215_Emperor Dan Te Mogui.png" id="215_Emperor Dan Te Mogui" data-flag="@X" onclick="openSidebar('215_Emperor Dan Te Mogui',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/257_Duan's Aeriform Ribbons.png" id="257_Duans Aeriform Ribbons" data-flag="@X" onclick="openSidebar('257_Duans Aeriform Ribbons',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/262_Xueyang San.png" id="262_Xueyang San" data-flag="@X" onclick="openSidebar('262_Xueyang San',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/256_Dignitary's Rickshaw.png" id="256_Dignitarys Rickshaw" data-flag="@X" onclick="openSidebar('256_Dignitarys Rickshaw',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/258_Effigy of Ivory Fire.png" id="258_Effigy of Ivory Fire" data-flag="@X" onclick="openSidebar('258_Effigy of Ivory Fire',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/259_Ornamental Longbow.png" id="259_Ornamental Longbow" data-flag="@X" onclick="openSidebar('259_Ornamental Longbow',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/260_Processional Junk.png" id="260_Processional Junk" data-flag="@X" onclick="openSidebar('260_Processional Junk',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/261_Prophetic Prismite.png" id="261_Prophetic Prismite" data-flag="@X" onclick="openSidebar('261_Prophetic Prismite',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/263_Yenzu Ritual Vessel.png" id="263_Yenzu Ritual Vessel" data-flag="@X" onclick="openSidebar('263_Yenzu Ritual Vessel',false)"></div>
<div class="container"><img alt="img/e.png" id="e" data-flag="@E" onclick="openSidebar('e',false)"></div>
<div class="container"><img alt="img/e.png" id="e" data-flag="@E" onclick="openSidebar('e',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/275_Tranquil Cove.png" id="275_Tranquil Cove" data-flag="@X" onclick="openSidebar('275_Tranquil Cove',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/266_Dismal Backwater.png" id="266_Dismal Backwater" data-flag="@X" onclick="openSidebar('266_Dismal Backwater',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/264_Bloodfell Caves.png" id="264_Bloodfell Caves" data-flag="@X" onclick="openSidebar('264_Bloodfell Caves',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/270_Rugged Highlands.png" id="270_Rugged Highlands" data-flag="@X" onclick="openSidebar('270_Rugged Highlands',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/265_Blossoming Sands.png" id="265_Blossoming Sands" data-flag="@X" onclick="openSidebar('265_Blossoming Sands',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/271_Scoured Barrens.png" id="271_Scoured Barrens" data-flag="@X" onclick="openSidebar('271_Scoured Barrens',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/268_Jungle Hollow.png" id="268_Jungle Hollow" data-flag="@X" onclick="openSidebar('268_Jungle Hollow',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/274_Thornwood Falls.png" id="274_Thornwood Falls" data-flag="@X" onclick="openSidebar('274_Thornwood Falls',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/273_Swiftwater Cliffs.png" id="273_Swiftwater Cliffs" data-flag="@X" onclick="openSidebar('273_Swiftwater Cliffs',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/277_Wind-Scarred Crag.png" id="277_Wind-Scarred Crag" data-flag="@X" onclick="openSidebar('277_Wind-Scarred Crag',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/269_The Orange Orchard.png" id="269_The Orange Orchard" data-flag="@X" onclick="openSidebar('269_The Orange Orchard',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/272_Shrine of Elder Lords.png" id="272_Shrine of Elder Lords" data-flag="@X" onclick="openSidebar('272_Shrine of Elder Lords',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/267_Festival Centrum.png" id="267_Festival Centrum" data-flag="@X" onclick="openSidebar('267_Festival Centrum',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/276_Warped Landscape.png" id="276_Warped Landscape" data-flag="@X" onclick="openSidebar('276_Warped Landscape',false)"></div>
<div class="container"><img alt="img/e.png" id="e" data-flag="@E" onclick="openSidebar('e',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/278_Plains.png" id="278_Plains" data-flag="@X" onclick="openSidebar('278_Plains',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/282_Island.png" id="282_Island" data-flag="@X" onclick="openSidebar('282_Island',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/286_Swamp.png" id="286_Swamp" data-flag="@X" onclick="openSidebar('286_Swamp',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/290_Mountain.png" id="290_Mountain" data-flag="@X" onclick="openSidebar('290_Mountain',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/294_Forest.png" id="294_Forest" data-flag="@X" onclick="openSidebar('294_Forest',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/279_Plains.png" id="279_Plains" data-flag="@X" onclick="openSidebar('279_Plains',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/283_Island.png" id="283_Island" data-flag="@X" onclick="openSidebar('283_Island',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/287_Swamp.png" id="287_Swamp" data-flag="@X" onclick="openSidebar('287_Swamp',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/291_Mountain.png" id="291_Mountain" data-flag="@X" onclick="openSidebar('291_Mountain',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/295_Forest.png" id="295_Forest" data-flag="@X" onclick="openSidebar('295_Forest',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/280_Plains.png" id="280_Plains" data-flag="@X" onclick="openSidebar('280_Plains',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/284_Island.png" id="284_Island" data-flag="@X" onclick="openSidebar('284_Island',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/288_Swamp.png" id="288_Swamp" data-flag="@X" onclick="openSidebar('288_Swamp',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/292_Mountain.png" id="292_Mountain" data-flag="@X" onclick="openSidebar('292_Mountain',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/296_Forest.png" id="296_Forest" data-flag="@X" onclick="openSidebar('296_Forest',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/281_Plains.png" id="281_Plains" data-flag="@X" onclick="openSidebar('281_Plains',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/285_Island.png" id="285_Island" data-flag="@X" onclick="openSidebar('285_Island',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/289_Swamp.png" id="289_Swamp" data-flag="@X" onclick="openSidebar('289_Swamp',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/293_Mountain.png" id="293_Mountain" data-flag="@X" onclick="openSidebar('293_Mountain',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/297_Forest.png" id="297_Forest" data-flag="@X" onclick="openSidebar('297_Forest',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="img/er.png" id="er" data-flag="@E" onclick="openSidebar('er',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/1t_Spirit.png" id="1t_Spirit" data-flag="@X" onclick="openSidebar('1t_Spirit',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/2t_Bird.png" id="2t_Bird" data-flag="@X" onclick="openSidebar('2t_Bird',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/3t_Hu Li.png" id="3t_Hu Li" data-flag="@X" onclick="openSidebar('3t_Hu Li',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/4t_Warrior.png" id="4t_Warrior" data-flag="@X" onclick="openSidebar('4t_Warrior',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/5t_Drake.png" id="5t_Drake" data-flag="@X" onclick="openSidebar('5t_Drake',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/6t_Kraken.png" id="6t_Kraken" data-flag="@X" onclick="openSidebar('6t_Kraken',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/7t_Cultist.png" id="7t_Cultist" data-flag="@X" onclick="openSidebar('7t_Cultist',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/8t_Demon.png" id="8t_Demon" data-flag="@X" onclick="openSidebar('8t_Demon',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/9t_Bard.png" id="9t_Bard" data-flag="@X" onclick="openSidebar('9t_Bard',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/10t_Dragon.png" id="10t_Dragon" data-flag="@X" onclick="openSidebar('10t_Dragon',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/11t_Panda.png" id="11t_Panda" data-flag="@X" onclick="openSidebar('11t_Panda',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/12t_Beast.png" id="12t_Beast" data-flag="@X" onclick="openSidebar('12t_Beast',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/13t_Hydra.png" id="13t_Hydra" data-flag="@X" onclick="openSidebar('13t_Hydra',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/14t_Panda Bear Monk.png" id="14t_Panda Bear Monk" data-flag="@X" onclick="openSidebar('14t_Panda Bear Monk',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/15t_Plant.png" id="15t_Plant" data-flag="@X" onclick="openSidebar('15t_Plant',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/16t_Shimaru, the Unfading.png" id="16t_Shimaru, the Unfading" data-flag="@X" onclick="openSidebar('16t_Shimaru, the Unfading',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/17t_Wurm.png" id="17t_Wurm" data-flag="@X" onclick="openSidebar('17t_Wurm',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/18t_Fox.png" id="18t_Fox" data-flag="@X" onclick="openSidebar('18t_Fox',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/19t_Idol.png" id="19t_Idol" data-flag="@X" onclick="openSidebar('19t_Idol',false)"></div>
<div class="container"><img alt="sets/NJB-files/img/20t_Treasure.png" id="20t_Treasure" data-flag="@X" onclick="openSidebar('20t_Treasure',false)"></div>
</div>
</div>
<div class="sidebar" id="sidebar">
<div class="sidebar-container">
<img id="sidebar_img" class="sidebar-img" src="img/er.png">
<img id="sidebar_h_img" class="sidebar-h-img">
<button class="flip-btn" id="sidebar-flip-btn" onclick="imgFlip('sidebar_img')"></button>
</div>
<button class="close-btn" onclick="closeSidebar()"></button>
</div>
<div class="footer"></div>
<script>
const delay = ms => new Promise(res => setTimeout(res, ms));
let specialchars = "";
document.addEventListener('DOMContentLoaded', async function() {
await fetch('/lists/all-cards.json')
.then(response => response.json())
.then(json => {
card_list = json;
}).catch(error => console.error('Error:', error));
await fetch('/resources/replacechars.txt')
.then(response => response.text())
.then(text => {
specialchars = text;
}).catch(error => console.error('Error:', error));
card_list_arrayified = card_list.cards;
preloadImgs = document.getElementsByClassName('preload-hidden');
let images_loaded = [];
do {
await delay(100);
images_loaded = []
for (const img of preloadImgs)
{
images_loaded.push(isImageOk(img));
}
}
while (images_loaded.includes(false));
document.body.style.backgroundImage = 'url(' + document.getElementById("bg").src + ')';
loadImages();
});
function isImageOk(img) {
if (!img.complete || img.naturalWidth == 0) {
return false;
}
return true;
}
function loadImages() {
const images = document.querySelectorAll('.grid-container img');
images.forEach(img => {
const flag = img.getAttribute('data-flag');
if (flag === '@N') {
img.src = 'img/card_back.png';
img.removeAttribute("onclick");
img.style.cursor = 'default';
}
else
{
img.src = img.alt;
if (flag === '@E') {
img.removeAttribute("onclick");
img.style.cursor = 'default';
}
}
img.style.visibility = 'visible';
});
}
window.addEventListener('resize', function(event) {
setSidebarTop();
}, true);
function setSidebarTop() {
let vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
let sh = document.getElementById('sidebar').offsetHeight;
let height = 100 * ((vh - sh) / 2) / vh;
document.getElementById('sidebar').style.top = height + '%';
}
let horizontal = false;
function imgFlip(num) {
tmp = document.getElementById(num).src;
document.getElementById(num).src = document.getElementById(num).dataset.alt_src;
document.getElementById(num).dataset.alt_src = tmp;
const rotated_img = document.getElementById('sidebar_h_img');
const sidebar_img = document.getElementById('sidebar_img');
if (horizontal && rotated_img.style.display == 'none')
{
rotated_img.style.display = "block";
sidebar_img.style.filter = "blur(2px) brightness(0.7)";
}
else
{
rotated_img.style.display = "none";
sidebar_img.style.filter = "";
}
}
function openSidebar(id, h=false) {
horizontal = h;
scroll_pct = window.scrollY / document.documentElement.scrollHeight;
document.getElementById('sidebar').style.display = 'grid';
const rotated_img = document.getElementById('sidebar_h_img');
const sidebar_img = document.getElementById('sidebar_img');
sidebar_img.src = document.getElementById(id).src;
if (horizontal)
{
rotated_img.src = document.getElementById(id).src;
rotated_img.style.display = "block";
sidebar_img.style.filter = "blur(2px) brightness(0.7)";
}
else
{
rotated_img.style.display = "none";
sidebar_img.style.filter = "";
}
if (document.getElementById(id).dataset.alt_src)
{
document.getElementById('sidebar_img').dataset.alt_src = document.getElementById(id).dataset.alt_src;
document.getElementById('sidebar-flip-btn').style.display = 'block';
}
else
{
delete document.getElementById('sidebar_img').dataset.alt_src;
document.getElementById('sidebar-flip-btn').style.display = 'none';
}
document.getElementById('main-content').style.width = '60%';
scroll_pos = scroll_pct * document.documentElement.scrollHeight;
window.scrollTo(window.scrollX, scroll_pos);
setSidebarTop();
}
function closeSidebar() {
scroll_pct = window.scrollY / document.documentElement.scrollHeight;
document.getElementById('sidebar').style.display = 'none';
document.getElementById('main-content').style.width = '100%';
scroll_pos = scroll_pct * document.documentElement.scrollHeight;
window.scrollTo(window.scrollX, scroll_pos);
}
document.getElementById("search").addEventListener("keypress", function(event) {
if (event.key === "Enter") {
event.preventDefault();
search();
}
});
function search() {
window.location = ("/search?search=" + document.getElementById("search").value);
}
function randomCard() {
let i = Math.floor(Math.random() * (card_list_arrayified.length + 1));
let card_name = card_list_arrayified[i].card_name;
for (const char of specialchars)
{
card_name = card_name.replaceAll(char, "");
}
window.location = ('/cards/' + card_list_arrayified[i].set + '/' + card_list_arrayified[i].number + '_' + card_name);
}
</script>
</body>
</html>