-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
363 lines (348 loc) · 17.8 KB
/
index.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Moin!</title>
<meta name="description" content="">
<meta name="author" content="None">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="static/css/normalize.css">
<link rel="stylesheet" href="static/themes/classic/galleria.classic.css">
<link rel="stylesheet" href="static/css/style.css">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<style>
body::after{
position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
content:url(02C05C200E9C4ECEBB60ADE7EDF4085B4.jpg);
}
</style>
<style type="text/css" media="screen">
.gr_grid_container {
/* customize grid container div here. eg: width: 500px; */
}
.gr_grid_book_container {
/* customize book cover container div here */
float: left;
width: 98px;
height: 160px;
padding: 0px 0px;
overflow: hidden;
}
</style>
</head>
<body>
<div class="container">
<div>
<h1>Collages</h1>
<img align="center" style="width: 700px; height: auto;" src="https://rawcdn.githack.com/e419/e419.github.io/ba7258e1dbaf29e342553d66f69524b9732b97e2/collages/_DSC3994.jpg">
<br/>
<img align="center" style="width: 700px; height: auto;" src="https://rawcdn.githack.com/e419/e419.github.io/ba7258e1dbaf29e342553d66f69524b9732b97e2/collages/_DSC4024.jpg">
<br/>
<img align="center" style="width: 700px; height: auto;" src="https://rawcdn.githack.com/e419/e419.github.io/ba7258e1dbaf29e342553d66f69524b9732b97e2/collages/_DSC4035.jpg">
<br/>
<img align="center" style="width: 700px; height: auto;" src="https://rawcdn.githack.com/e419/e419.github.io/ba7258e1dbaf29e342553d66f69524b9732b97e2/collages/_DSC4036.jpg">
<br/>
<img align="center" style="width: 700px; height: auto;" src="https://rawcdn.githack.com/e419/e419.github.io/ba7258e1dbaf29e342553d66f69524b9732b97e2/collages/_DSC4037.jpg">
</div>
<header>
<h1><a href="./index.html">Random images</a></h1>
</header>
<div id="main" role="main">
<div class="icons">
<a id="fullscreen"><img src="static/img/fullscreen.png"
title="Fullscreen" alt="Fullscreen (f)" /></a>
</div>
<div id="gallery"></div>
</div>
<h1><a href="movies.jpg" target="blank">Movies</a></h1>
<img align="center" src='movies.jpg' data-title='Movies' style="width: 100%; height: auto;"/>
<div id="gr_grid_widget_1578399733">
<h2>
<a style="text-decoration: none;" rel="nofollow" href="https://www.goodreads.com/review/list/67743684-khan-dmitrik?shelf=read&utm_medium=api&utm_source=grid_widget">Khan's bookshelf: read</a>
</h2>
<div class="gr_grid_container">
<div class="gr_grid_book_container"><a title="Architecture in Minutes" rel="nofollow" href="https://www.goodreads.com/book/show/27416343-architecture-in-minutes"><img alt="Architecture in Minutes" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1456689775l/27416343._SX98_.jpg" /></a></div>
<div class="gr_grid_book_container"><a title="Nina Hartley's Guide to Total Sex" rel="nofollow" href="https://www.goodreads.com/book/show/89893.Nina_Hartley_s_Guide_to_Total_Sex"><img alt="Nina Hartley's Guide to Total Sex" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1309200718l/89893._SX98_.jpg" /></a></div>
<div class="gr_grid_book_container"><a title="Mastering Snowboarding" rel="nofollow" href="https://www.goodreads.com/book/show/15012152-mastering-snowboarding"><img alt="Mastering Snowboarding" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1354207225l/15012152._SX98_.jpg" /></a></div>
<div class="gr_grid_book_container"><a title="Six Thinking Hats for Schools: Bk. 2" rel="nofollow" href="https://www.goodreads.com/book/show/20637091-six-thinking-hats-for-schools"><img alt="Six Thinking Hats for Schools: Bk. 2" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1390747495l/20637091._SX98_.jpg" /></a></div>
<div class="gr_grid_book_container"><a title="Mastering Git" rel="nofollow" href="https://www.goodreads.com/book/show/30006732-mastering-git"><img alt="Mastering Git" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1464610068l/30006732._SX98_.jpg" /></a></div>
<div class="gr_grid_book_container"><a title="Pentaho for Big Data Analytics" rel="nofollow" href="https://www.goodreads.com/book/show/19139641-pentaho-for-big-data-analytics"><img alt="Pentaho for Big Data Analytics" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1387750625l/19139641._SX98_.jpg" /></a></div>
<div class="gr_grid_book_container"><a title="Киногид извращенца. Кино. Философия. Идеология" rel="nofollow" href="https://www.goodreads.com/book/show/22611279"><img alt="Киногид извращенца. Кино. Философия. Идеология" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1404226968l/22611279._SX98_.jpg" /></a></div>
<div class="gr_grid_book_container"><a title="How to Be a 3% Man, Winning the Heart of the Woman of Your Dreams" rel="nofollow" href="https://www.goodreads.com/book/show/1181646.How_to_Be_a_3_Man_Winning_the_Heart_of_the_Woman_of_Your_Dreams"><img alt="How to Be a 3% Man, Winning the Heart of the Woman of Your Dreams" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1382941758l/1181646._SX98_.jpg" /></a></div>
<div class="gr_grid_book_container"><a title="Freedom and Terror in the Donbas" rel="nofollow" href="https://www.goodreads.com/book/show/4410748-freedom-and-terror-in-the-donbas"><img alt="Freedom and Terror in the Donbas" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1347720912l/4410748._SX98_.jpg" /></a></div>
<div class="gr_grid_book_container"><a title="The Hero With a Thousand Faces" rel="nofollow" href="https://www.goodreads.com/book/show/588138.The_Hero_With_a_Thousand_Faces"><img alt="The Hero With a Thousand Faces" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1442885694l/588138._SX98_.jpg" /></a></div>
<div class="gr_grid_book_container"><a title="The Willpower Instinct: How Self-Control Works, Why It Matters, and What You Can Do to Get More of It" rel="nofollow" href="https://www.goodreads.com/book/show/10865206-the-willpower-instinct"><img alt="The Willpower Instinct: How Self-Control Works, Why It Matters, and What You Can Do to Get More of It" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1436737104l/10865206._SX98_.jpg" /></a></div>
<div class="gr_grid_book_container"><a title="Таинственный амбал" rel="nofollow" href="https://www.goodreads.com/book/show/35707464"><img alt="Таинственный амбал" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1500498153l/35707464._SX98_.jpg" /></a></div>
<div class="gr_grid_book_container"><a title="Экстремальный тайм-менеджмент" rel="nofollow" href="https://www.goodreads.com/book/show/15979678--"><img alt="Экстремальный тайм-менеджмент" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1346494312l/15979678._SX98_.jpg" /></a></div>
<div class="gr_grid_book_container"><a title="Algorithms to Live By: The Computer Science of Human Decisions" rel="nofollow" href="https://www.goodreads.com/book/show/25666050-algorithms-to-live-by"><img alt="Algorithms to Live By: The Computer Science of Human Decisions" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1454296875l/25666050._SX98_.jpg" /></a></div>
<div class="gr_grid_book_container"><a title="Язык композиции: Создаем выразительные фотографии" rel="nofollow" href="https://www.goodreads.com/book/show/36511865"><img alt="Язык композиции: Создаем выразительные фотографии" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1509487675l/36511865._SX98_.jpg" /></a></div>
<div class="gr_grid_book_container"><a title="L'éclipse (Abîmes et ténèbres #1)" rel="nofollow" href="https://www.goodreads.com/book/show/40099098-l-clipse"><img alt="L'éclipse" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1526011173l/40099098._SX98_.jpg" /></a></div>
<div class="gr_grid_book_container"><a title="Creative Landscapes: Digital Photography Tips and Techniques" rel="nofollow" href="https://www.goodreads.com/book/show/19071519-creative-landscapes"><img alt="Creative Landscapes: Digital Photography Tips and Techniques" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1385844533l/19071519._SX98_.jpg" /></a></div>
<div class="gr_grid_book_container"><a title="Soft Skills: The Software Developer's Life Manual" rel="nofollow" href="https://www.goodreads.com/book/show/23232941-soft-skills"><img alt="Soft Skills: The Software Developer's Life Manual" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1419180921l/23232941._SX98_.jpg" /></a></div>
<div class="gr_grid_book_container"><a title="How to Talk to Anyone, Anytime, Anywhere: The Secrets of Good Communication" rel="nofollow" href="https://www.goodreads.com/book/show/35211.How_to_Talk_to_Anyone_Anytime_Anywhere"><img alt="How to Talk to Anyone, Anytime, Anywhere: The Secrets of Good Communication" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1390753020l/35211._SX98_.jpg" /></a></div>
<div class="gr_grid_book_container"><a title="History of the Makhnovist Movement, 1918-21" rel="nofollow" href="https://www.goodreads.com/book/show/757424.History_of_the_Makhnovist_Movement_1918_21"><img alt="History of the Makhnovist Movement, 1918-21" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1368892195l/757424._SX98_.jpg" /></a></div>
<noscript><br/>Share <a rel="nofollow" href="/">book reviews</a> and ratings with Khan, and even join a <a rel="nofollow" href="/group">book club</a> on Goodreads.</noscript>
</div>
</div>
<footer>
<a class="twitter-timeline" data-theme="dark" href="https://twitter.com/eroor418?ref_src=twsrc%5Etfw">Tweets by eroor418</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</footer>
</div>
<script src="https://www.goodreads.com/review/grid_widget/67743684.Khan's%20bookshelf:%20read?cover_size=medium&hide_link=true&hide_title=&num_books=200&order=a&shelf=read&sort=date_read&widget_id=1578399733" type="text/javascript" charset="utf-8"></script>
<script src="static/jquery-3.3.1.min.js"></script>
<script src="static/galleria.min.js"></script>
<script src="static/themes/classic/galleria.classic.min.js"></script>
<script src="static/plugins/history/galleria.history.min.js"></script>
<script>
var data = [
{
title: "02C05C200E9C4ECEBB60ADE7EDF4085B4.jpg",
description: "",
thumb: "thumbnails/02C05C200E9C4ECEBB60ADE7EDF4085B4.jpg",
image: "02C05C200E9C4ECEBB60ADE7EDF4085B4.jpg"
},
{
title: "20472739042744BCB30DD8780845358C4.jpg",
description: "",
thumb: "thumbnails/20472739042744BCB30DD8780845358C4.jpg",
image: "20472739042744BCB30DD8780845358C4.jpg"
},
{
title: "BCCA13392BDD4091A6F8DB6ED0E13A954.jpg",
description: "",
thumb: "thumbnails/BCCA13392BDD4091A6F8DB6ED0E13A954.jpg",
image: "BCCA13392BDD4091A6F8DB6ED0E13A954.jpg"
},
{
title: "DSC25752.jpg",
description: "",
thumb: "thumbnails/DSC25752.jpg",
image: "DSC25752.jpg"
},
{
title: "DSC2613.jpg",
description: "",
thumb: "thumbnails/DSC2613.jpg",
image: "DSC2613.jpg"
},
{
title: "DSC2660.jpg",
description: "",
thumb: "thumbnails/DSC2660.jpg",
image: "DSC2660.jpg"
},
{
title: "DSC2670.jpg",
description: "",
thumb: "thumbnails/DSC2670.jpg",
image: "DSC2670.jpg"
},
{
title: "DSC2701.jpg",
description: "",
thumb: "thumbnails/DSC2701.jpg",
image: "DSC2701.jpg"
},
{
title: "DSC2756.jpg",
description: "",
thumb: "thumbnails/DSC2756.jpg",
image: "DSC2756.jpg"
},
{
title: "DSC2921.jpg",
description: "",
thumb: "thumbnails/DSC2921.jpg",
image: "DSC2921.jpg"
},
{
title: "DSC2958.jpg",
description: "",
thumb: "thumbnails/DSC2958.jpg",
image: "DSC2958.jpg"
},
{
title: "DSC2986.jpg",
description: "",
thumb: "thumbnails/DSC2986.jpg",
image: "DSC2986.jpg"
},
{
title: "DSC3029.jpg",
description: "",
thumb: "thumbnails/DSC3029.jpg",
image: "DSC3029.jpg"
},
{
title: "DSC3036.jpg",
description: "",
thumb: "thumbnails/DSC3036.jpg",
image: "DSC3036.jpg"
},
{
title: "DSC3049.jpg",
description: "",
thumb: "thumbnails/DSC3049.jpg",
image: "DSC3049.jpg"
},
{
title: "DSC3084.jpg",
description: "",
thumb: "thumbnails/DSC3084.jpg",
image: "DSC3084.jpg"
},
{
title: "DSC3102.jpg",
description: "",
thumb: "thumbnails/DSC3102.jpg",
image: "DSC3102.jpg"
},
{
title: "DSC3116.jpg",
description: "",
thumb: "thumbnails/DSC3116.jpg",
image: "DSC3116.jpg"
},
{
title: "DSC3120.jpg",
description: "",
thumb: "thumbnails/DSC3120.jpg",
image: "DSC3120.jpg"
},
{
title: "DSC3157.jpg",
description: "",
thumb: "thumbnails/DSC3157.jpg",
image: "DSC3157.jpg"
},
{
title: "DSC3248.jpg",
description: "",
thumb: "thumbnails/DSC3248.jpg",
image: "DSC3248.jpg"
},
{
title: "DSC3250.jpg",
description: "",
thumb: "thumbnails/DSC3250.jpg",
image: "DSC3250.jpg"
},
{
title: "DSC3284.jpg",
description: "",
thumb: "thumbnails/DSC3284.jpg",
image: "DSC3284.jpg"
},
{
title: "DSC3285.jpg",
description: "",
thumb: "thumbnails/DSC3285.jpg",
image: "DSC3285.jpg"
},
{
title: "DSC3296.jpg",
description: "",
thumb: "thumbnails/DSC3296.jpg",
image: "DSC3296.jpg"
},
{
title: "DSC3319.jpg",
description: "",
thumb: "thumbnails/DSC3319.jpg",
image: "DSC3319.jpg"
},
{
title: "DSC3330.jpg",
description: "",
thumb: "thumbnails/DSC3330.jpg",
image: "DSC3330.jpg"
},
{
title: "DSC3331.jpg",
description: "",
thumb: "thumbnails/DSC3331.jpg",
image: "DSC3331.jpg"
},
{
title: "DSC3351.jpg",
description: "",
thumb: "thumbnails/DSC3351.jpg",
image: "DSC3351.jpg"
},
{
title: "DSC3370.jpg",
description: "",
thumb: "thumbnails/DSC3370.jpg",
image: "DSC3370.jpg"
},
{
title: "DSC3373.jpg",
description: "",
thumb: "thumbnails/DSC3373.jpg",
image: "DSC3373.jpg"
},
{
title: "DSC3395.jpg",
description: "",
thumb: "thumbnails/DSC3395.jpg",
image: "DSC3395.jpg"
},
{
title: "DSC3406.jpg",
description: "",
thumb: "thumbnails/DSC3406.jpg",
image: "DSC3406.jpg"
},
{
title: "DSC3515.jpg",
description: "",
thumb: "thumbnails/DSC3515.jpg",
image: "DSC3515.jpg"
},
{
title: "E5874466FF2047318558883E782017034.jpg",
description: "",
thumb: "thumbnails/E5874466FF2047318558883E782017034.jpg",
image: "E5874466FF2047318558883E782017034.jpg"
},
{
title: "cplAf67hpzRkfkNeALpjcj+mjZ1kAPk.jpg",
description: "",
thumb: "thumbnails/cplAf67hpzRkfkNeALpjcj%2BmjZ1kAPk.jpg",
image: "cplAf67hpzRkfkNeALpjcj%2BmjZ1kAPk.jpg"
},
]
Galleria.ready(function() {
/*
load thumbnails after gallery setup, and download has started
for the main images, but before the loading of map tiles starts
in the background. This ensures visible elements are prioritised
over non-visible elements
The choice to lazy load thumbnails in batches of 50 was not made
scientifically. Other numbers may yield better performance.
*/
this.lazyLoadChunks( 50 );
this.attachKeyboard({
right: this.next,
left: this.prev,
/* Toggle fullscreen display on press of 'f' key */
0x46: this.toggleFullscreen,
});
var gallery = this;
$('#fullscreen').click(function() {
gallery.toggleFullscreen();
});
$('.icons').appendTo(this.$('container'));
});
Galleria.configure({
imageCrop: false,
transition: "fade",
thumbnails: "lazy"
});
Galleria.run("#gallery", {dataSource: data});
</script>
</body>
</html>