-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio.html
391 lines (383 loc) · 28.4 KB
/
portfolio.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
<!DOCTYPE HTML>
<html>
<head>
<title>Portfolio - Saxo_Broko</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'" integrity="sha512-+EoPw+Fiwh6eSeRK7zwIKG2MA8i3rV/DGa3tdttQGgWyatG/SkncT53KHQaS5Jh9MNOT3dmFL0FjTY08And/Cw==" crossorigin="anonymous">
<noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css" integrity="sha512-+EoPw+Fiwh6eSeRK7zwIKG2MA8i3rV/DGa3tdttQGgWyatG/SkncT53KHQaS5Jh9MNOT3dmFL0FjTY08And/Cw==" crossorigin="anonymous"></noscript>
</head>
<body>
<div class="page-wrap">
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="/#"><span class="icon"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="svg-inline--fa fa-home fa-w-18" data-icon="home" data-prefix="fas" viewBox="0 0 576 512"><defs/><path fill="currentColor" d="M280 148L96 300v164a16 16 0 0016 16h112a16 16 0 0016-16v-96a16 16 0 0116-16h64a16 16 0 0116 16v96a16 16 0 0016 16h112a16 16 0 0016-16V300L296 148a12 12 0 00-16 0zm292 103l-84-68V44a12 12 0 00-12-12h-56a12 12 0 00-12 12v73l-90-74a48 48 0 00-61 0L4 251a12 12 0 00-1 17l25 31a12 12 0 0017 2l235-194a12 12 0 0116 0l235 194a12 12 0 0017-2l25-31a12 12 0 00-1-17z"/></svg>
<li><a href="/portfolio" class="active"><span class="icon"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="svg-inline--fa fa-camera-retro fa-w-16" data-icon="camera-retro" data-prefix="fas" viewBox="0 0 512 512"><defs/><path fill="currentColor" d="M48 32C22 32 0 54 0 80v352c0 27 22 48 48 48h416c27 0 48-21 48-48V80c0-26-21-48-48-48H48zm0 32h106c3 0 6 3 6 6v20c0 3-3 6-6 6H38c-3 0-6-3-6-6V80c0-9 7-16 16-16zm426 96H38c-3 0-6-3-6-6v-36c0-3 3-6 6-6h138l30-45c1-2 3-3 5-3h253c9 0 16 7 16 16v74c0 3-3 6-6 6zM256 424a120 120 0 110-240 120 120 0 010 240zm0-208a88 88 0 100 176 88 88 0 000-176zm-48 104c-9 0-16-7-16-16 0-35 29-64 64-64 9 0 16 7 16 16s-7 16-16 16c-18 0-32 14-32 32 0 9-7 16-16 16z"/></svg></span></a></li>
<li><a href="/games"><span class="icon"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="svg-inline--fa fa-gamepad fa-w-20" data-icon="gamepad" data-prefix="fas" viewBox="0 0 640 512"><defs/><path fill="currentColor" d="M480 96H160a160 160 0 10114 272h92A160 160 0 10480 96zM248 268a12 12 0 01-12 12h-52v52a12 12 0 01-12 12h-24a12 12 0 01-12-12v-52H84a12 12 0 01-12-12v-24a12 12 0 0112-12h52v-52a12 12 0 0112-12h24a12 12 0 0112 12v52h52a12 12 0 0112 12zm216 76a40 40 0 1140-40 40 40 0 01-40 40zm64-96a40 40 0 1140-40 40 40 0 01-40 40z"/></svg></span></a></li>
<li><a href="/tools"><span class="icon"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="svg-inline--fa fa-tools fa-w-16" data-icon="tools" data-prefix="fas" viewBox="0 0 512 512"><defs/><path fill="currentColor" d="M501 396L384 279a74 74 0 00-85-14L192 158V96L64 0 0 64l96 128h62l107 107c-14 27-10 62 14 85l117 117c14 15 38 15 52 0l53-53c15-14 15-38 0-52zM332 225c28 0 55 11 75 31l19 19a142 142 0 0082-166c-3-9-14-12-20-5l-75 74-68-11-11-68 74-74c7-7 4-18-5-21-48-11-100 1-137 38-28 29-42 66-41 104l82 82c8-2 17-3 25-3zm-104 82l-57-57L19 403a64 64 0 1090 90l124-123c-8-20-10-42-5-63zM64 472a24 24 0 1124-24c0 13-11 24-24 24z"/></svg></span></a></li>
<li><a href="/eco"><span class="icon"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="svg-inline--fa fa-leaf fa-w-18" data-icon="leaf" data-prefix="fas" viewBox="0 0 576 512"><defs/><path fill="currentColor" d="M546 10c-5-13-21-13-28-2-31 54-87 88-150 88h-80C182 96 96 182 96 288l2 21c63-46 155-85 286-85 9 0 16 7 16 16s-7 16-16 16C133 256 26 410 2 468a32 32 0 0060 24c1-3 21-48 72-90 32 44 94 86 174 77 158-11 268-152 268-325 0-50-11-102-30-144z"/></svg></span></a></li>
<li><a href="/oscar"><span class="icon"><svg mlns="http://www.w3.org/2000/svg" aria-hidden="true" class="svg-inline--fa fa-fish fa-w-18" data-icon="leaf" data-prefix="fas" viewBox="0 0 576 512"><path fill="currentColor" d="M180.5 141.5C219.7 108.5 272.6 80 336 80s116.3 28.5 155.5 61.5c39.1 33 66.9 72.4 81 99.8c4.7 9.2 4.7 20.1 0 29.3c-14.1 27.4-41.9 66.8-81 99.8C452.3 403.5 399.4 432 336 432s-116.3-28.5-155.5-61.5c-16.2-13.7-30.5-28.5-42.7-43.1L48.1 379.6c-12.5 7.3-28.4 5.3-38.7-4.9S-3 348.7 4.2 336.1L50 256 4.2 175.9c-7.2-12.6-5-28.4 5.3-38.6s26.1-12.2 38.7-4.9l89.7 52.3c12.2-14.6 26.5-29.4 42.7-43.1zM448 256c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32z"/></svg></span></a></li>
<li><a href="https://blog.saxobroko.com"><span class="icon"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="svg-inline--fa fa-pencil-alt fa-w-16" data-icon="pencil-alt" data-prefix="fas" viewBox="0 0 512 512"><defs/><path fill="currentColor" d="M498 142l-46 46c-5 5-13 5-17 0L324 77c-5-5-5-12 0-17l46-46c19-19 49-19 68 0l60 60c19 19 19 49 0 68zm-214-42L22 362 0 484c-3 16 12 30 28 28l122-22 262-262c5-5 5-13 0-17L301 100c-4-5-12-5-17 0zM124 340c-5-6-5-14 0-20l154-154c6-5 14-5 20 0s5 14 0 20L144 340c-6 5-14 5-20 0zm-36 84h48v36l-64 12-32-31 12-65h36v48z"/></svg></span></a></li>
<li><a href="https://saxobroko.kampsite.co/"><span class="icon"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="svg-inline--fa fa-comment-dots fa-w-16" data-icon="comment-dots" data-prefix="fas" viewBox="0 0 512 512"><defs/><path fill="currentColor" d="M256 32C115 32 0 125 0 240c0 50 21 95 57 131-12 50-54 95-55 96-2 2-3 5-1 8s4 5 7 5c66 0 116-32 141-51 32 12 69 19 107 19 141 0 256-93 256-208S397 32 256 32zM128 272a32 32 0 110-64 32 32 0 010 64zm128 0a32 32 0 110-64 32 32 0 010 64zm128 0a32 32 0 110-64 32 32 0 010 64z"/></svg></span></a></li>
<li><a href="https://share.saxobroko.com"><span class="icon"><svg xmlns="http://www.w3.org/2000/svg" class="svg-inline--fa fa-book-user fa-w-14 fa-5x" viewBox="0 0 448 512"><defs/><path fill="currentColor" d="M448 358V26c0-16-10-26-26-26H96C42 0 0 42 0 96v320c0 54 42 96 96 96h326c13 0 26-10 26-26v-16q0-9-10-19c-3-16-3-61 0-73q10-5 10-20zM240 64a64 64 0 11-64 64 64 64 0 0164-64zM128 282c0-32 30-58 67-58h5a103 103 0 0080 0h5c37 0 67 26 67 58v19c0 10-10 19-22 19H150c-12 0-22-9-22-19zm253 166H96c-19 0-32-13-32-32s16-32 32-32h285z"/></svg></span></a></li>
<li><a href="https://status.saxobroko.com"><span class="icon"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="svg-inline--fa fa-check fa-w-16" data-icon="check" data-prefix="fas" viewBox="0 0 512 512"><defs/><path fill="currentColor" d="M174 439L7 273a26 26 0 010-36l37-36c10-10 26-10 36 0l112 112L432 73c10-10 26-10 36 0l37 36c9 10 9 26 0 36L210 439a26 26 0 01-36 0z"/></svg></span></a></li>
<li><a href="/search"><span class="icon"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="check" data-prefix="fas" viewBox="0 0 40 40"><defs/><path fill="currentColor" fill-rule="evenodd" d="M27 29c-3 2-7 4-11 4a16 16 0 1113-6l11 10v3h-3L27 29zm-11 1a13 13 0 100-27 13 13 0 000 27z"/></svg></span></a></li>
<li><a href="/es/portfolio">ES</a></li>
</ul>
</nav>
<!-- Main -->
<section id="main">
<!-- Portfolio -->
<section id="galleries">
<!-- Photo Galleries -->
<div class="gallery">
<!-- Filters -->
<header>
<h1>Portfolio</h1>
<ul class="tabs">
<li><a href="#" data-tag="all" class="button active">All</a></li>
<li><a href="#" data-tag="photoshop" class="button">Photoshop</a></li>
<li><a href="#" data-tag="aftereffects" class="button">After Effects</a></li>
<li><a href="#" data-tag="music" class="button">Music</a></li>
</ul>
</header>
<div class="content">
<div class="media all aftereffects">
<a href="https://www.youtube-nocookie.com/embed/K7-NEpI1sos?autoplay=1&showinfo=0&rel=0" class="popyoutube">
<picture>
<source type="image/jxl" srcset="./images/thumbs/jxl/01.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/01.png" width="450" height="450" alt="Angel Eyes video." title="Angel Eyes video." loading="lazy">
</picture>
</a>
</div>
<div class="media all photoshop">
<a href="https://cdn.statically.io/img/saxobroko.com/f=auto/images/fulls/02.jpg" class="imagepop">
<picture>
<source type="image/jxl" srcset="./images/thumbs/jxl/02.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/02.jpg" width="450" height="450" alt="Angel Eyes photo." title="Angel Eyes photo." loading="lazy">
</picture>
</a>
</div>
<div class="media all photoshop">
<a href="https://cdn.statically.io/img/saxobroko.com/f=auto/images/fulls/03.jpg" class="imagepop">
<picture>
<source type="image/jxl" srcset="./images/thumbs/jxl/03.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/03.png" width="450" height="450" alt="Alternate Reality." title="Alternate Reality." loading="lazy">
</picture>
</a>
</div>
<div class="media all photoshop">
<a href="https://cdn.statically.io/img/saxobroko.com/f=auto/images/fulls/04.png" class="imagepop">
<picture>
<source type="image/jxl" srcset="./images/thumbs/jxl/04.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/04.png" width="450" height="450" alt="Trip to Mars." title="Trip to Mars." loading="lazy">
</picture>
</a>
</div>
<div class="media all photoshop">
<a href="https://cdn.statically.io/img/saxobroko.com/f=auto/images/fulls/05.jpg" class="imagepop">
<picture>
<source type="image/jxl" srcset="./images/thumbs/jxl/05.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/05.png" width="450" height="450" alt="YouTube Cover." title="YouTube Cover." loading="lazy">
</picture>
</a>
</div>
<div class="media all aftereffects">
<a href="https://www.youtube-nocookie.com/embed/NBpuxsxWtDI?autoplay=1&showinfo=0&rel=0" class="popyoutube">
<picture>
<source type="image/jxl" srcset="./images/thumbs/jxl/06.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/06.jpg" width="450" height="450" alt="Flying." title="Flying." loading="lazy">
</picture>
</a>
</div>
<div class="media all photoshop">
<a href="https://cdn.statically.io/img/saxobroko.com/f=auto/images/fulls/07.jpg">
<picture>
<source type="image/jxl" srcset="./images/thumbs/jxl/07.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/07.png" width="450" height="450" alt="Madi's House!" title="Madi's House!" loading="lazy">
</picture>
</a>
</div>
<div class="media all photoshop">
<a href="https://cdn.statically.io/img/saxobroko.com/f=auto/images/fulls/08.jpg">
<picture>
<source type="image/jxl" srcset="./images/thumbs/jxl/08.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/08.png" width="450" height="450" alt="Cool grass photo." title="Cool grass photo." loading="lazy">
</picture>
</a>
</div>
<div class="media all photoshop">
<a href="https://cdn.statically.io/img/saxobroko.com/f=auto/images/fulls/09.png">
<picture>
<source type="image/jxl" srcset="./images/thumbs/jxl/09.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/09.png" width="450" height="450" alt="Planetary Adventures." title="Planetary Adventures." loading="lazy">
</picture>
</a>
</div>
<div class="media all photoshop">
<a href="https://cdn.statically.io/img/saxobroko.com/f=auto/images/fulls/10.png">
<picture>
<source type="image/jxl" srcset="./images/thumbs/jxl/10.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/10.png" width="450" height="450" alt="Trip to Mars." title="Trip to Mars." loading="lazy">
</picture>
</a>
</div>
<div class="media all photoshop">
<a href="https://cdn.statically.io/img/saxobroko.com/f=auto/images/fulls/11.png">
<picture>
<source type="image/jxl" srcset="./images/thumbs/jxl/11.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/11.png" width="450" height="450" alt="Trip to Mars." title="Woah." loading="lazy">
</picture>
</a>
</div>
<div class="media all photoshop">
<a href="https://cdn.statically.io/img/saxobroko.com/f=auto/images/fulls/12.png">
<picture>
<source type="image/jxl" srcset="./images/thumbs/jxl/12.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/12.png" width="450" height="450" alt="Angelin on top of a buildin." title="Angelin on top of a buildin." loading="lazy">
</picture>
</a>
</div>
<div class="media all aftereffects">
<a href="https://www.youtube-nocookie.com/embed/8FZ7kKRF1Zo?autoplay=1&showinfo=0&rel=0" class="popyoutube">
<picture>
<source type="image/jxl" srcset="./images/thumbs/jxl/13.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/13.jpg" width="450" height="450" alt="Trip to Mars." title="Falling through sky." loading="lazy">
</picture>
</a>
</div>
<div class="media all aftereffects">
<a href="https://www.youtube-nocookie.com/embed/0d4YKFkDnBU?autoplay=1&showinfo=0&rel=0" class="popyoutube">
<picture>
<source type="image/jxl" srcset="./images/thumbs/jxl/14.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/14.jpg" width="450" height="450" alt="Snex music. video." title="Snex music. video." loading="lazy">
</picture>
</a>
</div>
<div class="media all aftereffects">
<a href="https://cdn.statically.io/img/saxobroko.com/f=auto/images/fulls/15.jpg">
<picture>
<source type="image/jxl" srcset="./images/thumbs/jxl/15.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/15.jpg" width="450" height="450" alt="Saxo_Broko in a tuxedo on a pier." title="Saxo_Broko in a tuxedo on a pier." loading="lazy">
</picture>
</a>
</div>
<div class="media all photoshop">
<a href="https://cdn.statically.io/img/saxobroko.com/f=auto/images/fulls/16.png">
<picture>
<source type="image/jxl" srcset="./images/thumbs/jxl/16.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/16.png" width="450" height="450" alt="Saxo_Broko on post apocalytpic deserted planet." title="Saxo_Broko on post apocalytpic deserted planet." loading="lazy">
</picture>
</a>
</div>
<div class="media all photoshop">
<a href="https://cdn.statically.io/img/saxobroko.com/f=auto/images/fulls/17.jpg">
<picture>
<source type="image/jxl" srcset="./images/thumbs/jxl/17.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/17.jpg" width="450" height="450" alt="Saxo_Broko laying on bed with chopped up arm and no hand." title="Saxo_Broko laying on bed with chopped up arm and no hand." loading="lazy">
</picture>
</a>
</div>
<div class="media all photoshop">
<a href="https://cdn.statically.io/img/saxobroko.com/f=auto/images/fulls/18.png">
<picture>
<source type="image/jxl" srcset="./images/thumbs/jxl/18.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/18.png" width="450" height="450" alt="Scary smile." title="Scary smile" loading="lazy">
</picture>
</a>
</div>
<div class="media all photoshop">
<a href="https://cdn.statically.io/img/saxobroko.com/f=auto/images/fulls/19.png">
<picture>
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto/images/thumbs/19.png" width="450" height="450" alt="Zombie." title="Zombie" loading="lazy">
</picture>
</a>
</div>
<div class="media all photoshop">
<a href="https://cdn.statically.io/img/saxobroko.com/f=auto/images/fulls/20.png">
<picture>
<source type="image/jxl" srcset="./images/thumbs/jxl/20.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto/images/thumbs/20.png" width="450" height="450" alt="Bloody Eyes." title="Bloody Eyes" loading="lazy">
</picture>
</a>
</div>
<div class="media all music">
<a href="https://open.spotify.com/embed/album/21TwTLgsEJ0GIIQXtY6mfn" class="popspotify">
<picture>
<source type="image/jxl" srcset="./images/thumbs/music/jxl/2004.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/music/2004.png" width="450" height="450" alt="Saxo_Broko's first release and EP '2 0 0 4'" title="Saxo_Broko's first release and EP '2 0 0 4'" loading="lazy">
</picture>
</a>
</div>
<div class="media all music">
<a href="https://open.spotify.com/embed/album/2yk7eTLmxMKa4nRz1cF6k5" class="popspotify">
<picture>
<source type="image/jxl" srcset="./images/thumbs/music/jxl/noum.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/music/noum.png" width="450" height="450" alt="No One Understands Me by JarrodWilsonD and Saxo_Broko" title="No One Understands Me by JarrodWilsonD and Saxo_Broko" loading="lazy">
</picture>
</a>
</div>
<div class="media all music">
<a href="https://open.spotify.com/embed/album/4OLtV2m23evtOHVgyZqpa6" class="popspotify">
<picture>
<source type="image/jxl" srcset="./images/thumbs/music/jxl/sbt.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/music/sbt.png" width="450" height="450" alt="Summer Boat Trip" title="Summer Boat Trip" loading="lazy">
</picture>
</a>
</div>
<div class="media all music">
<a href="https://open.spotify.com/embed/album/5kAbPiSRs3sMILevHOjSGw" class="popspotify">
<picture>
<source type="image/jxl" srcset="./images/thumbs/music/jxl/dc.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/music/dc.jpg" width="450" height="450" alt="Dem Chickens" title="Dem Chickens" loading="lazy">
</picture>
</a>
</div>
<div class="media all music">
<a href="https://open.spotify.com/embed/album/52mgNXL1MLptTijBVVPgN3" class="popspotify">
<picture>
<source type="image/jxl" srcset="./images/thumbs/music/jxl/ldcac.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/music/ldcac.png" width="450" height="450" alt="Little Doggo, Catto and Coconutto" title="Little Doggo, Catto and Coconutto" loading="lazy">
</picture>
</a>
</div>
<div class="media all music">
<a href="https://open.spotify.com/embed/album/4fx21fcjkdxWm4Np3HsBnN" class="popspotify">
<picture>
<source type="image/jxl" srcset="./images/thumbs/music/jxl/j.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/music/j.jpg" width="450" height="450" alt="Jerry" title="Jerry" loading="lazy">
</picture>
</a>
</div>
<div class="media all music">
<a href="https://open.spotify.com/embed/album/6VP9NDZJRMnUrPiENK3vmQ" class="popspotify">
<picture>
<source type="image/jxl" srcset="./images/thumbs/music/jxl/cf.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/music/cf.png" width="450" height="450" alt="Candy Fighters" title="Candy Fighters" loading="lazy">
</picture>
</a>
</div>
<div class="media all music">
<a href="https://open.spotify.com/embed/album/0Jo5TlMsqdAUa8bhUfjPu5" class="popspotify">
<picture>
<source type="image/jxl" srcset="./images/thumbs/music/jxl/potw.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/music/potw.jpg" width="450" height="450" alt="Party on the weekend" title="Party on the weekend" loading="lazy">
</picture>
</a>
</div>
<div class="media all music">
<a href="https://open.spotify.com/embed/album/3FcRpZjHICyZHZ8FfCt4V7" class="popspotify">
<picture>
<source type="image/jxl" srcset="./images/thumbs/music/jxl/itwm.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/music/itwm.png" width="450" height="450" alt="It's the weekend mate" title="It's the weekend mate" loading="lazy">
</picture>
</a>
</div>
<div class="media all music">
<a href="https://open.spotify.com/embed/album/0Pj3k1iVxhGKmIrE7tQsAj" class="popspotify">
<picture>
<source type="image/jxl" srcset="./images/thumbs/music/jxl/y.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/music/y.png" width="450" height="450" alt="Yeet" title="Yeet" loading="lazy">
</picture>
</a>
</div>
<div class="media all music">
<a href="https://open.spotify.com/embed/album/6hTv6i17k1gwfSc3aKfQo4" class="popspotify">
<picture>
<source type="image/jxl" srcset="./images/thumbs/music/jxl/ftr.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/music/ftr.png" width="450" height="450" alt="Feel the rhythm" title="Feel the rhythm" loading="lazy">
</picture>
</a>
</div>
<div class="media all music">
<a href="https://open.spotify.com/embed/album/3WIeucz5LtqcRXRY6Hc5j4" class="popspotify">
<picture>
<source type="image/jxl" srcset="./images/thumbs/music/jxl/q.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/music/q.jpg" width="450" height="450" alt="Quarantine" title="Quarantine" loading="lazy">
</picture>
</a>
</div>
<div class="media all music">
<a href="https://open.spotify.com/embed/album/4y2j7W0xSeu7LcCoJxTPMZ" class="popspotify">
<picture>
<source type="image/jxl" srcset="./images/thumbs/music/jxl/snex.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/music/snex.jpg" width="450" height="450" alt="Snex" title="Snex" loading="lazy">
</picture>
</a>
</div>
<div class="media all music">
<a href="https://open.spotify.com/embed/album/0AmBVLvN9pgAdW7fJFQyNw" class="popspotify">
<picture>
<source type="image/jxl" srcset="./images/thumbs/music/jxl/ff.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/music/ff.jpg" width="450" height="450" alt="Fluffy Fish" title="Fluffy Fish" loading="lazy">
</picture>
</a>
</div>
<div class="media all music">
<a href="https://open.spotify.com/embed/album/1A0VXzJU1Pdty2WBrdOFif" class="popspotify">
<picture>
<source type="image/jxl" srcset="./images/thumbs/music/jxl/f.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/music/f.jpg" width="450" height="450" alt="Feel by Black Water Creek and Saxo_Broko" title="Feel by Black Water Creek and Saxo_Broko" loading="lazy">
</picture>
</a>
</div>
<div class="media all music">
<a href="https://open.spotify.com/embed/album/62Q9dsULExCAbSGRMvDnve" class="popspotify">
<picture>
<source type="image/jxl" srcset="./images/thumbs/music/jxl/saxon.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/music/saxon.png" width="450" height="450" alt="Self-titled album Saxon" title="Self-titled album Saxon" loading="lazy">
</picture>
</a>
</div>
<div class="media all music">
<a href="https://open.spotify.com/embed/album/2ItpTDvojndwmUxPd4oDJB" class="popspotify">
<picture>
<source type="image/jxl" srcset="./images/thumbs/music/jxl/potato.jxl">
<img src="https://cdn.statically.io/img/saxobroko.com/f=auto,w=450,h=450/images/thumbs/music/potato.png" width="450" height="450" alt="Potato" title="Self-titled album Saxon" loading="lazy">
</picture>
</a>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="navbar">
<a href="/#">Home</a>
<a href="/portfolio#" class="active">Portfolio</a>
<a href="/games#">Games</a>
<a href="/tools#">Tools</a>
<a href="/eco#">Eco</a>
<a href="https://blog.saxobroko.com">Blog</a>
</div>
<div class="copyright">
© Saxo_Broko 2015-<script>document.write(new Date().getFullYear())</script><noscript>2024</noscript>.
</div>
<p class="copyright">Saxo_Broko acknowledges the Wurundjeri people of the Kulin Nation and other Traditional Custodians of country throughout Australia and their connections to the land, sea and community. We pay our respect to their elders past and present and extend that respect to all Aboriginal and Torres Strait Islander peoples.</p>
</footer>
</section>
</div>
<!-- Scripts -->
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
<script>
!function(window){var $q=function(q,res){if(document.querySelectorAll){res=document.querySelectorAll(q);}else{var d=document,a=d.styleSheets[0]||d.createStyleSheet();a.addRule(q,'f:b');for(var l=d.all,b=0,c=[],f=l.length;b<f;b++)
l[b].currentStyle.f&&c.push(l[b]);a.removeRule(0);res=c;}
return res;},addEventListener=function(evt,fn){window.addEventListener?this.addEventListener(evt,fn,false):(window.attachEvent)?this.attachEvent('on'+evt,fn):this['on'+evt]=fn;},_has=function(obj,key){return Object.prototype.hasOwnProperty.call(obj,key);};
function loadImage(el,fn){var img=new Image(),src=el.getAttribute('data-src');img.onload=function(){if(!!el.parent)
el.parent.replaceChild(img,el)
else
el.src=src;fn?fn():null;}
img.src=src;}
function elementInViewport(el){var rect=el.getBoundingClientRect()
return(rect.top>=0&&rect.left>=0&&rect.top<=(window.innerHeight||document.documentElement.clientHeight))}
var images=new Array(),query=$q('img.lazy'),processScroll=function(){for(var i=0;i<images.length;i++){if(elementInViewport(images[i])){loadImage(images[i],function(){images.splice(i,i);});}};};for(var i=0;i<query.length;i++){images.push(query[i]);};processScroll();addEventListener('scroll',processScroll);}(this);
</script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js" integrity="sha512-IsNh5E3eYy3tr/JiX2Yx4vsCujtkhwl7SLqgnwLNgf04Hrt9BT9SXlLlZlWx+OK4ndzAoALhsMNcCmkggjZB1w==" crossorigin="anonymous"></script>
<script defer src="assets/js/jquery.scrolly.min.js"></script>
<script defer src="assets/js/skel.min.js"></script>
<script defer src="assets/js/util.js"></script>
<script defer src="assets/js/main.js"></script>
</body>
</html>