-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlff.html
116 lines (90 loc) · 5.37 KB
/
lff.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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover, shrink-to-fit=no">
<meta name="robots" content="index, follow">
<script src="js/spotlight.bundle.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="css/style.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@1,400..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
</style>
<title>Little Fighter Mosaics</title>
</head>
<body>
<div class="top-line">
<h1>Little Fighter Mosaics</h1>
<h2> </h2>
<!-- <h3>Games you've never played</h3> -->
<hr>
</div>
<div class="gallery-wrapper">
<div class="spotlight-group" data-download="true">
<a class="spotlight" href="images/original.jpg">
<img class="top-image lesser" src="images/original_thumb.jpg">
<img class="bottom-image lesser" src="images/original_source.jpg">
</a>
<a class="spotlight" href="images/mods.jpg">
<img class="top-image lesser" src="images/mods_thumb.jpg">
<img class="bottom-image lesser" src="images/mods_source.jpg">
</a>
<a class="spotlight" href="images/animations.jpg">
<img class="top-image lesser" src="images/animations_thumb.jpg">
<img class="bottom-image lesser" src="images/animations_source.jpg">
</a>
<br>
<a class="spotlight" href="images/ds.jpg">
<img class="top-image lesser" src="images/ds_thumb.jpg">
<img class="bottom-image lesser" src="images/ds_source.jpg">
</a>
<a class="spotlight" href="images/dsbonus.jpg">
<img class="top-image lesser" src="images/dsbonus_thumb.jpg">
<img class="bottom-image lesser" src="images/dsbonus_source.jpg">
</a>
<a class="spotlight" href="images/julian1.jpg">
<img class="top-image lesser small-image" src="images/julian1_thumb.jpg">
<img class="bottom-image lesser small-image" src="images/julian1_source.jpg">
</a>
</div>
</div>
<hr>
<div class="bot-line"><div class="description-block-wrapper"><hr>
<p class="text active"><span class="info">Total size:</span> <span class="desc">30400x30600 pixels</span>
<span class="info">Grid parts amount:</span> <span class="desc">76 vertical * 136 horizontal</span>
<span class="info">Total images in showcase:</span> <span class="desc">10336 (out of 10646+ dataset</span>
<span class="desc"><i>* Image downscaled to 23000x23150 for Chromium browsers support
for full size <a href="images/original_full.jpg" class="spotlight textlink" data-download="true">click-here</a> (probably for Firefox only)</i></span>
<span class="desc"><i>* * This image contains repeating images due to the lack of diversity of pictures</i>¯\_(ツ)_/¯</span>
</p>
<p class="text"><span class="info">Total size:</span> <span class="desc">20400x20328 pixels</span>
<span class="info">Grid parts amount:</span> <span class="desc">68 vertical * 121 horizontal</span>
<span class="info">Total images in showcase:</span> <span class="desc">8228 (out of 11647+ dataset)</span>
<span class="desc"><i>* This is the original image working both in Chromium and Firefox browsers</i></span>
</p>
<p class="text"><span class="info">Total size:</span> <span class="desc">20400x20328 pixels</span>
<span class="info">Grid parts amount:</span> <span class="desc">68 vertical * 121 horizontal</span>
<span class="info">Total images in showcase:</span> <span class="desc">8228 (out of 13182+ dataset)</span>
<span class="desc"><i>* This is the original image working both in Chromium and Firefox browsers</i></span>
</p>
<p class="text"><span class="info">Total size:</span> <span class="desc">38000x28662 pixels</span>
<span class="info">Grid parts amount:</span> <span class="desc">72 vertical * 96 horizontal</span>
<span class="info">Total images in showcase:</span> <span class="desc">6912 (out of 7826+ dataset)</span>
<span class="desc"><i>* Image downscaled to 25000x18857 for Chromium browsers support
for full size <a href="images/ds_full.jpg" class="spotlight textlink" data-download="true">click-here</a> (probably for Firefox only)</i></span>
</p>
<p class="text"><span class="info">Total size:</span> <span class="desc">28500x21356 pixels</span>
<span class="info">Grid parts amount:</span> <span class="desc">57 vertical * 76 horizontal</span>
<span class="info">Total images in showcase:</span> <span class="desc">4332 (out of 7826+ dataset)</span>
<span class="desc"><i>* Image downscaled to 25000x18857 for Chromium browsers support
for full size <a href="images/dsbonus_full.jpg" class="spotlight textlink" data-download="true">click-here</a> (probably for Firefox only)</i></span>
</p>
<p class="text"><span class="info">Total size:</span> <span class="desc">33500x20796 pixels</span>
<span class="info">Grid parts amount:</span> <span class="desc">67 vertical * 74 horizontal</span>
<span class="info">Total images in showcase:</span> <span class="desc">4958 (out of 5550+ dataset)</span>
<span class="desc"><i>* Image downscaled to 29000x18000 for Chromium browsers support
for full size <a href="images/julian1_full.jpg" class="spotlight textlink" data-download="true">click-here</a> (probably for Firefox only)</i></span>
</p>
</div></div>
<script src="js/easing.js"></script>
</body>
</html>