PageSourceSearch

https://theicedragonz.github.io/avatars/

html theicedragonz.github.io collected 2026-10-03 10:04:26 UTC 52,699 bytes, 857 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>TheIceDragonz | Avatars</title>
7    
8    
9    <meta name="referrer" content="strict-origin-when-cross-origin">
10    <meta name="description" content="Explore official Avatar Packs created by TheIceDragonz. Featuring Kaya &amp; Kade, Lila &amp; Levi, Mave &amp; Dave, and Kate &amp; Nate. Available on Gumroad and Payhip.">
11    <meta name="keywords" content="TheIceDragonz, VRChat Avatars, Avatars, Kaya and Kade, Lila and Levi, Mave and Dave, Kate and Nate, Gumroad, Payhip">
12    <meta name="author" content="TheIceDragonz">
13    <meta name="theme-color" content="#06080e">
14    <link rel="icon" type="image/png" href="../favicon.png">
15    <link rel="apple-touch-icon" href="../favicon.png">
16
17    
18    <meta property="og:type" content="website">
19    <meta property="og:title" content="TheIceDragonz | Avatars">
20    <meta property="og:description" content="Official VRChat Avatar Showcase and digital store links by TheIceDragonz.">
21    <meta property="og:image" content="../Ice.png">
22    <meta property="og:url" content="https://theicedragonz.github.io/avatars/">
23
24    
25    <meta name="twitter:card" content="summary_large_image">
26    <meta name="twitter:title" content="TheIceDragonz | Avatars">
27    <meta name="twitter:description" content="Official VRChat Avatar Showcase and digital store links by TheIceDragonz.">
28    <meta name="twitter:image" content="../Ice.png">
29
30    
31    <link rel="preconnect" href="https://fonts.googleapis.com">
32    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
33    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
34    
35    
36    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
37    
38    
39    <link rel="stylesheet" href="../css/style.css">
40</head>
41<body>
42
43    <div class="wrapper">
44        
45        
46        <header class="brand-header">
47            <div class="logo-container">
48                <a href="../" aria-label="TheIceDragonz Home">
49                    <img src="../Ice.png" onerror="this.onerror=null; this.src='https://raw.githubusercontent.com/TheIceDragonz/theicedragonz.github.io/main/Ice.png'" alt="TheIceDragonz Logo" class="brand-logo">
50                </a>
51            </div>
52        </header>
53
54        
55        <nav class="nav-tabs-container" aria-label="Main Navigation">
56            <div class="nav-tabs">
57                <a href="../" class="nav-tab-btn">
58                    <i class="fa-solid fa-house"></i> <span>Home</span>
59                </a>
60                <a href="./" class="nav-tab-btn active">
61                    <i class="fa-solid fa-person"></i> <span>Avatars</span>
62                </a>
63                <a href="../boosters/" class="nav-tab-btn">
64                    <i class="fa-solid fa-gem"></i> <span class="nav-label-long">Nitro Boosters</span><span class="nav-label-short">Boosters</span>
65                </a>
66                <a href="../tos/" class="nav-tab-btn">
67                    <i class="fa-solid fa-scale-balanced"></i> <span class="nav-label-long">Terms of Service</span><span class="nav-label-short">ToS</span>
68                </a>
69            </div>
70        </nav>
71
72        
73        <main id="avatars" class="content-section active">
74            
75            <div class="avatars-page-header">
76                <h1 class="avatars-page-title">Avatar Collection</h1>
77                <p class="avatars-page-subtitle">
78                    Select an avatar to explore full details, radial menus, showcase trailers &amp; store links.
79                </p>
80            </div>
81
82            
83            <section class="glass-card world-standalone-card" aria-label="Featured VRChat World" style="margin-top: 0; margin-bottom: clamp(28px, 5vw, 40px);">
84                <div class="world-standalone-grid">
85                    
86                    
87                    <div class="world-standalone-media">
88                        <div class="world-image-banner">
89                            <img src="https://api.vrchat.cloud/api/1/file/file_85c36484-8856-4ed5-83cf-58dd75e733fd/18/file" 
90                                 alt="Ice's Avatar World" 
91                                 id="vrchat-world-img"
92                                 class="world-cover-img"
93                                 width="1200"
94                                 height="900"
95                                 loading="lazy"
96                                 onerror="this.onerror=null; this.src='https://api.vrchat.cloud/api/1/image/file_85c36484-8856-4ed5-83cf-58dd75e733fd/18/256'">
97                            <div class="world-badges-top">
98                                <span class="world-status-tag">
99                                    <i class="fa-solid fa-circle"></i> Public World
100                                </span>
101                                <div class="world-platform-tags">
102                                    <span class="platform-tag pc" title="PC Compatible" aria-label="PC Compatible"><i class="fa-brands fa-windows"></i></span>
103                                    <span class="platform-tag android" title="Android / Quest Compatible" aria-label="Android / Quest Compatible"><i class="fa-brands fa-android"></i></span>
104                                </div>
105                            </div>
106                        </div>
107                    </div>
108
109                    
110                    <div class="world-standalone-content">
111                        <div class="world-header-row">
112                            <h2 class="world-title">Ice's Avatar World</h2>
113                            <span class="world-free-badge"><i class="fa-solid fa-gift"></i> Free Avatars</span>
114                        </div>
115
116                        <p class="world-description">
117                            Explore, test and clone free VRChat avatars directly in-game. Both the world and avatars were created by me with custom shaders, toggles and physics.
118                        </p>
119
120                        <div class="world-stats-grid">
121                            <div class="world-stat-item">
122                                <div class="world-stat-icon yellow">
123                                    <i class="fa-solid fa-star"></i>
124                                </div>
125                                <div class="world-stat-info">
126                                    <span class="world-stat-val" id="vrchat-world-favorites">53.1K+</span>
127                                    <span class="world-stat-lbl">Favorites</span>
128                                </div>
129                            </div>
130
131                            <div class="world-stat-item">
132                                <div class="world-stat-icon cyan">
133                                    <i class="fa-solid fa-users"></i>
134                                </div>
135                                <div class="world-stat-info">
136                                    <span class="world-stat-val" id="vrchat-world-visits">984K+</span>
137                                    <span class="world-stat-lbl">Total Visits</span>
138                                </div>
139                            </div>
140
141                            <div class="world-stat-item">
142                                <div class="world-stat-icon purple">
143                                    <i class="fa-solid fa-gamepad"></i>
144                                </div>
145                                <div class="world-stat-info">
146                                    <span class="world-stat-val" id="vrchat-world-capacity">32 Slots</span>
147                                    <span class="world-stat-lbl">Capacity</span>
148                                </div>
149                            </div>
150                        </div>
151
152                        <a href="https://vrchat.com/home/world/wrld_3c78d22f-e1d7-471c-a2b4-de208249f473/info" class="btn-world-launch" target="_blank" rel="noopener noreferrer">
153                            <img src="../icons/vrchat.svg" alt="VRChat" class="btn-svg-icon" onerror="this.remove();">
154                            <i class="fa-solid fa-vr-cardboard"></i> Open World in VRChat
155                        </a>
156                    </div>
157
158                </div>
159            </section>
160
161            
162            <div class="avatars-catalog-grid">
163
164                
165                <div class="avatar-card-compact" data-avatar-modal="modal-kaya-and-kade" role="button" tabindex="0" aria-label="View Kaya and Kade details">
166                    <div class="avatar-compact-media">
167                        <img src="media/kaya-and-kade/thumb.gif" alt="Kaya &amp; Kade Animation" class="avatar-compact-gif" width="600" height="600" loading="lazy">
168                        <div class="avatar-platform-tags">
169                            <span class="platform-tag pc" title="PC Compatible" aria-label="PC Compatible"><i class="fa-brands fa-windows"></i></span>
170                            <span class="platform-tag android" title="Android / Quest Compatible" aria-label="Android / Quest Compatible"><i class="fa-brands fa-android"></i></span>
171                        </div>
172                        <div class="avatar-compact-overlay">
173                            <span class="avatar-view-badge"><i class="fa-solid fa-expand"></i> View Details</span>
174                        </div>
175                    </div>
176                    <div class="avatar-compact-body">
177                        <div class="avatar-compact-header">
178                            <h2 class="avatar-compact-title">Kaya &amp; Kade</h2>
179                            <span class="avatar-compact-tag">Couple Edition &bull; PC &amp; Quest &bull; VRCFT</span>
180                        </div>
181                        <div class="avatar-compact-chips">
182                            <span class="mini-chip"><i class="fa-solid fa-face-smile"></i> Face Tracking</span>
183                            <span class="mini-chip"><i class="fa-solid fa-wand-magic-sparkles"></i> PhysBones</span>
184                            <span class="mini-chip"><i class="fa-solid fa-person-running"></i> GoGoLoco</span>
185                        </div>
186                        <div class="avatar-compact-action">
187                            <span class="btn-compact-explore">
188                                Explore Pack <i class="fa-solid fa-arrow-right"></i>
189                            </span>
190                        </div>
191                    </div>
192                </div>
193
194                
195                <div class="avatar-card-compact" data-avatar-modal="modal-lila-and-levi" role="button" tabindex="0" aria-label="View Lila and Levi details">
196                    <div class="avatar-compact-media">
197                        <img src="media/lila-and-levi/thumb.gif" alt="Lila &amp; Levi Animation" class="avatar-compact-gif" width="600" height="600" loading="lazy">
198                        <div class="avatar-platform-tags">
199                            <span class="platform-tag pc" title="PC Compatible" aria-label="PC Compatible"><i class="fa-brands fa-windows"></i></span>
200                            <span class="platform-tag android" title="Android / Quest Compatible" aria-label="Android / Quest Compatible"><i class="fa-brands fa-android"></i></span>
201                        </div>
202                        <div class="avatar-compact-overlay">
203                            <span class="avatar-view-badge"><i class="fa-solid fa-expand"></i> View Details</span>
204                        </div>
205                    </div>
206                    <div class="avatar-compact-body">
207                        <div class="avatar-compact-header">
208                            <h2 class="avatar-compact-title">Lila &amp; Levi</h2>
209                            <span class="avatar-compact-tag">Couple Edition &bull; PC &amp; Quest &bull; VRCFT</span>
210                        </div>
211                        <div class="avatar-compact-chips">
212                            <span class="mini-chip"><i class="fa-solid fa-face-smile"></i> Face Tracking</span>
213                            <span class="mini-chip"><i class="fa-solid fa-wand-magic-sparkles"></i> PhysBones</span>
214                            <span class="mini-chip"><i class="fa-solid fa-person-running"></i> GoGoLoco</span>
215                        </div>
216                        <div class="avatar-compact-action">
217                            <span class="btn-compact-explore">
218                                Explore Pack <i class="fa-solid fa-arrow-right"></i>
219                            </span>
220                        </div>
221                    </div>
222                </div>
223
224                
225                <div class="avatar-card-compact" data-avatar-modal="modal-mave-and-dave" role="button" tabindex="0" aria-label="View Mave and Dave details">
226                    <div class="avatar-compact-media">
227                        <img src="media/mave-and-dave/thumb.gif" alt="Mave &amp; Dave Animation" class="avatar-compact-gif" width="600" height="600" loading="lazy">
228                        <div class="avatar-platform-tags">
229                            <span class="platform-tag pc" title="PC Compatible" aria-label="PC Compatible"><i class="fa-brands fa-windows"></i></span>
230                            <span class="platform-tag android" title="Android / Quest Compatible" aria-label="Android / Quest Compatible"><i class="fa-brands fa-android"></i></span>
231                        </div>
232                        <div class="avatar-compact-overlay">
233                            <span class="avatar-view-badge"><i class="fa-solid fa-expand"></i> View Details</span>
234                        </div>
235                    </div>
236                    <div class="avatar-compact-body">
237                        <div class="avatar-compact-header">
238                            <h2 class="avatar-compact-title">Mave &amp; Dave</h2>
239                            <span class="avatar-compact-tag">Couple Edition &bull; PC &amp; Quest</span>
240                        </div>
241                        <div class="avatar-compact-chips">
242                            <span class="mini-chip"><i class="fa-solid fa-person"></i> FBT Ready</span>
243                            <span class="mini-chip"><i class="fa-solid fa-wand-magic-sparkles"></i> PhysBones</span>
244                            <span class="mini-chip"><i class="fa-solid fa-cat"></i> Cat Follower</span>
245                        </div>
246                        <div class="avatar-compact-action">
247                            <span class="btn-compact-explore">
248                                Explore Pack <i class="fa-solid fa-arrow-right"></i>
249                            </span>
250                        </div>
251                    </div>
252                </div>
253
254                
255                <div class="avatar-card-compact" data-avatar-modal="modal-kate-and-nate" role="button" tabindex="0" aria-label="View Kate and Nate details">
256                    <div class="avatar-compact-media">
257                        <img src="media/kate-and-nate/thumb.gif" alt="Kate &amp; Nate Animation" class="avatar-compact-gif" width="600" height="600" loading="lazy">
258                        <div class="avatar-platform-tags">
259                            <span class="platform-tag pc" title="PC Compatible" aria-label="PC Compatible"><i class="fa-brands fa-windows"></i></span>
260                            <span class="platform-tag android" title="Android / Quest Compatible" aria-label="Android / Quest Compatible"><i class="fa-brands fa-android"></i></span>
261                        </div>
262                        <div class="avatar-compact-overlay">
263                            <span class="avatar-view-badge"><i class="fa-solid fa-expand"></i> View Details</span>
264                        </div>
265                    </div>
266                    <div class="avatar-compact-body">
267                        <div class="avatar-compact-header">
268                            <h2 class="avatar-compact-title">Kate &amp; Nate</h2>
269                            <span class="avatar-compact-tag">Couple Edition &bull; PC &amp; Quest</span>
270                        </div>
271                        <div class="avatar-compact-chips">
272                            <span class="mini-chip"><i class="fa-solid fa-person"></i> FBT Ready</span>
273                            <span class="mini-chip"><i class="fa-solid fa-wand-magic-sparkles"></i> PhysBones</span>
274                            <span class="mini-chip"><i class="fa-solid fa-sliders"></i> Full Toggles</span>
275                        </div>
276                        <div class="avatar-compact-action">
277                            <span class="btn-compact-explore">
278                                Explore Pack <i class="fa-solid fa-arrow-right"></i>
279                            </span>
280                        </div>
281                    </div>
282                </div>
283
284            </div>
285
286        </main>
287
288        
289        <footer class="site-footer">
290            <div class="footer-content-wrap">
291                <div class="footer-social-icons">
292                    <a href="https://theicedragonz.gumroad.com/" target="_blank" rel="noopener noreferrer" class="footer-social-btn gumroad" title="Gumroad Store" aria-label="Gumroad Store">
293                        <img src="../icons/gumroad.svg" alt="Gumroad" class="footer-svg-icon" onerror="this.remove();">
294                        <i class="fa-solid fa-bag-shopping"></i>
295                    </a>
296                    <a href="https://payhip.com/TheIceDragonz" target="_blank" rel="noopener noreferrer" class="footer-social-btn payhip" title="Payhip Store" aria-label="Payhip Store">
297                        <img src="../icons/payhip.svg" alt="Payhip" class="footer-svg-icon" onerror="this.remove();">
298                        <i class="fa-solid fa-cart-shopping"></i>
299                    </a>
300                    <a href="https://discord.com/invite/yf8vG5Ddcb" target="_blank" rel="noopener noreferrer" class="footer-social-btn discord" title="Discord Server" aria-label="Discord Server">
301                        <img src="../icons/discord.svg" alt="Discord" class="footer-svg-icon" onerror="this.remove();">
302                        <i class="fa-brands fa-discord"></i>
303                    </a>
304                    <a href="https://vrchat.com/home/group/grp_8789e93f-4b2a-44a9-816b-c8686d45df6a" target="_blank" rel="noopener noreferrer" class="footer-social-btn vrchat" title="VRChat Group" aria-label="VRChat Group">
305                        <img src="../icons/vrchat.svg" alt="VRChat" class="footer-svg-icon" onerror="this.remove();">
306                        <i class="fa-solid fa-vr-cardboard"></i>
307                    </a>
308                    <a href="https://www.instagram.com/theicedragonz.vrc" target="_blank" rel="noopener noreferrer" class="footer-social-btn instagram" title="Instagram" aria-label="Instagram">
309                        <img src="../icons/instagram.svg" alt="Instagram" class="footer-svg-icon" onerror="this.remove();">
310                        <i class="fa-brands fa-instagram"></i>
311                    </a>
312                </div>
313                <p class="footer-copyright">&copy; 2026 TheIceDragonz. All rights reserved.</p>
314            </div>
315        </footer>
316
317    </div>
318
319    
320
321    
322    <div id="modal-kaya-and-kade" class="avatar-detail-modal" aria-hidden="true" role="dialog" aria-labelledby="title-kaya-and-kade">
323        <div class="avatar-modal-backdrop"></div>
324        <div class="avatar-modal-dialog glass-card">
325            
326            <div class="avatar-modal-header">
327                <div class="avatar-modal-header-left">
328                    <img src="media/kaya-and-kade/thumb.gif" alt="Kaya &amp; Kade Icon" class="avatar-modal-thumb" width="48" height="48">
329                    <div class="avatar-modal-title-group">
330                        <h2 id="title-kaya-and-kade" class="avatar-modal-title">Kaya &amp; Kade</h2>
331                        <span class="avatar-modal-sub">PC / Quest Compatible &bull; Face Tracking Ready (VRCFT)</span>
332                    </div>
333                </div>
334                <button type="button" class="avatar-modal-close" aria-label="Close dialog">
335                    <i class="fa-solid fa-xmark"></i>
336                </button>
337            </div>
338
339            <div class="avatar-modal-body">
340                
341                
342                <div class="slider-nav-pills-bar">
343                    <button type="button" class="slider-nav-pill active"><i class="fa-solid fa-image"></i> Cover Banner</button>
344                    <button type="button" class="slider-nav-pill"><i class="fa-solid fa-sliders"></i> Radial Kade (Male)</button>
345                    <button type="button" class="slider-nav-pill"><i class="fa-solid fa-sliders"></i> Radial Kaya (Female)</button>
346                </div>
347
348                
349                <div class="avatar-media-slider" aria-label="Kaya &amp; Kade Media Showcase">
350                    <div class="slider-viewport">
351                        <div class="slider-track">
352                            <div class="slide-item">
353                                <img src="media/kaya-and-kade/banner.png" alt="Kaya &amp; Kade Main Banner" class="slide-img" width="1920" height="800" loading="lazy">
354                            </div>
355                            <div class="slide-item">
356                                <img src="media/kaya-and-kade/radial_male.png" alt="Kade (Male) Radial Menu Toggles" class="slide-img" width="1920" height="800" loading="lazy">
357                            </div>
358                            <div class="slide-item">
359                                <img src="media/kaya-and-kade/radial_female.png" alt="Kaya (Female) Radial Menu Toggles" class="slide-img" width="1920" height="800" loading="lazy">
360                            </div>
361                        </div>
362
363                        
364                        <button type="button" class="slider-arrow prev" aria-label="Previous Slide">
365                            <i class="fa-solid fa-chevron-left"></i>
366                        </button>
367                        <button type="button" class="slider-arrow next" aria-label="Next Slide">
368                            <i class="fa-solid fa-chevron-right"></i>
369                        </button>
370
371                        <div class="slider-bottom-bar">
372                            <span class="slider-counter">1 / 3</span>
373                        </div>
374                    </div>
375                </div>
376
377                
378                <div class="avatar-modal-details">
379                    <div class="avatar-features-grid">
380                        <span class="feature-chip"><i class="fa-solid fa-face-smile"></i> Face Tracking Ready</span>
381                        <span class="feature-chip"><i class="fa-solid fa-person"></i> FBT Ready</span>
382                        <span class="feature-chip"><i class="fa-solid fa-wand-magic-sparkles"></i> PhysBones</span>
383                        <span class="feature-chip"><i class="fa-solid fa-person-running"></i> GoGoLoco</span>
384                        <span class="feature-chip"><i class="fa-solid fa-sliders"></i> Multiple Toggles</span>
385                        <span class="feature-chip"><i class="fa-solid fa-paintbrush"></i> Marker &amp; Contacts</span>
386                        <span class="feature-chip"><i class="fa-solid fa-shield-halved"></i> Raycast Colliders</span>
387                        <span class="feature-chip"><i class="fa-solid fa-palette"></i> Skin Tone &amp; Recolor</span>
388                        <span class="feature-chip"><i class="fa-solid fa-paw"></i> Hamster Follower</span>
389                        <span class="feature-chip"><i class="fa-solid fa-cat"></i> Cat's Mouth</span>
390                        <span class="feature-chip"><i class="fa-brands fa-windows"></i> PC &amp; Android Compatible</span>
391                        <span class="feature-chip"><i class="fa-solid fa-cube"></i> Poiyomi 9 &bull; Unity 2022</span>
392                    </div>
393
394                    
395                    <div class="avatar-store-actions">
396                        <a href="https://theicedragonz.gumroad.com/l/KayaAndKade" class="btn-store gumroad" target="_blank" rel="noopener noreferrer">
397                            <span class="btn-store-label">
398                                <img src="../icons/gumroad.svg" alt="Gumroad" class="btn-svg-icon" onerror="this.remove();">
399                                <i class="fa-solid fa-bag-shopping"></i> Buy on Gumroad
400                            </span>
401                            <i class="fa-solid fa-arrow-up-right-from-square"></i>
402                        </a>
403
404                        <a href="https://payhip.com/b/6iENH" class="btn-store payhip" target="_blank" rel="noopener noreferrer">
405                            <span class="btn-store-label">
406                                <img src="../icons/payhip.svg" alt="Payhip" class="btn-svg-icon" onerror="this.remove();">
407                                <i class="fa-solid fa-cart-shopping"></i> Buy on Payhip
408                            </span>
409                            <i class="fa-solid fa-arrow-up-right-from-square"></i>
410                        </a>
411                    </div>
412                </div>
413
414                
415                <div class="avatar-modal-trailers">
416                    <h3 class="trailers-section-title"><i class="fa-brands fa-youtube"></i> Showcase Trailers</h3>
417                    <div class="trailers-grid">
418                        <div class="trailer-box">
419                            <span class="trailer-label"><i class="fa-solid fa-mars"></i> Kade (Male) Showcase</span>
420                            <div class="video-responsive">
421                                <iframe src="https://www.youtube.com/embed/vYCzo-rvNc4?enablejsapi=1&origin=https://theicedragonz.github.io" 
422                                        title="Kade Showcase" 
423                                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
424                                        allowfullscreen 
425                                        loading="lazy" 
426                                        referrerpolicy="strict-origin-when-cross-origin">
427                                </iframe>
428                            </div>
429                        </div>
430                        <div class="trailer-box">
431                            <span class="trailer-label"><i class="fa-solid fa-venus"></i> Kaya (Female) Showcase</span>
432                            <div class="video-responsive">
433                                <iframe src="https://www.youtube.com/embed/DrYVjYbyt1Q?enablejsapi=1&origin=https://theicedragonz.github.io" 
434                                        title="Kaya Showcase" 
435                                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
436                                        allowfullscreen 
437                                        loading="lazy" 
438                                        referrerpolicy="strict-origin-when-cross-origin">
439                                </iframe>
440                            </div>
441                        </div>
442                    </div>
443                </div>
444
445            </div>
446        </div>
447    </div>
448
449    
450    <div id="modal-lila-and-levi" class="avatar-detail-modal" aria-hidden="true" role="dialog" aria-labelledby="title-lila-and-levi">
451        <div class="avatar-modal-backdrop"></div>
452        <div class="avatar-modal-dialog glass-card">
453            
454            <div class="avatar-modal-header">
455                <div class="avatar-modal-header-left">
456                    <img src="media/lila-and-levi/thumb.gif" alt="Lila &amp; Levi Icon" class="avatar-modal-thumb" width="48" height="48">
457                    <div class="avatar-modal-title-group">
458                        <h2 id="title-lila-and-levi" class="avatar-modal-title">Lila &amp; Levi</h2>
459                        <span class="avatar-modal-sub">PC / Quest Compatible &bull; Face Tracking Ready (VRCFT)</span>
460                    </div>
461                </div>
462                <button type="button" class="avatar-modal-close" aria-label="Close dialog">
463                    <i class="fa-solid fa-xmark"></i>
464                </button>
465            </div>
466
467            <div class="avatar-modal-body">
468                
469                
470                <div class="slider-nav-pills-bar">
471                    <button type="button" class="slider-nav-pill active"><i class="fa-solid fa-image"></i> Cover Banner</button>
472                    <button type="button" class="slider-nav-pill"><i class="fa-solid fa-sliders"></i> Radial Levi (Male)</button>
473                    <button type="button" class="slider-nav-pill"><i class="fa-solid fa-sliders"></i> Radial Lila (Female)</button>
474                </div>
475
476                
477                <div class="avatar-media-slider" aria-label="Lila &amp; Levi Media Showcase">
478                    <div class="slider-viewport">
479                        <div class="slider-track">
480                            <div class="slide-item">
481                                <img src="media/lila-and-levi/banner.png" alt="Lila &amp; Levi Main Banner" class="slide-img" width="1920" height="800" loading="lazy">
482                            </div>
483                            <div class="slide-item">
484                                <img src="media/lila-and-levi/radial_male.png" alt="Levi (Male) Radial Menu Toggles" class="slide-img" width="1920" height="800" loading="lazy">
485                            </div>
486                            <div class="slide-item">
487                                <img src="media/lila-and-levi/radial_female.png" alt="Lila (Female) Radial Menu Toggles" class="slide-img" width="1920" height="800" loading="lazy">
488                            </div>
489                        </div>
490
491                        
492                        <button type="button" class="slider-arrow prev" aria-label="Previous Slide">
493                            <i class="fa-solid fa-chevron-left"></i>
494                        </button>
495                        <button type="button" class="slider-arrow next" aria-label="Next Slide">
496                            <i class="fa-solid fa-chevron-right"></i>
497                        </button>
498
499                        <div class="slider-bottom-bar">
500                            <span class="slider-counter">1 / 3</span>
501                        </div>
502                    </div>
503                </div>
504
505                
506                <div class="avatar-modal-details">
507                    <div class="avatar-features-grid">
508                        <span class="feature-chip"><i class="fa-solid fa-face-smile"></i> Face Tracking Ready</span>
509                        <span class="feature-chip"><i class="fa-solid fa-person"></i> FBT Ready</span>
510                        <span class="feature-chip"><i class="fa-solid fa-wand-magic-sparkles"></i> PhysBones</span>
511                        <span class="feature-chip"><i class="fa-solid fa-person-running"></i> GoGoLoco</span>
512                        <span class="feature-chip"><i class="fa-solid fa-sliders"></i> Multiple Toggles</span>
513                        <span class="feature-chip"><i class="fa-solid fa-paintbrush"></i> Marker &amp; Contacts</span>
514                        <span class="feature-chip"><i class="fa-solid fa-icons"></i> Custom Menu Icons</span>
515                        <span class="feature-chip"><i class="fa-solid fa-palette"></i> Skin Tone &amp; Recolor</span>
516                        <span class="feature-chip"><i class="fa-solid fa-cat"></i> Cat Follower</span>
517                        <span class="feature-chip"><i class="fa-solid fa-heart"></i> Couple Tattoos</span>
518                        <span class="feature-chip"><i class="fa-brands fa-windows"></i> PC &amp; Android Compatible</span>
519                        <span class="feature-chip"><i class="fa-solid fa-cube"></i> Poiyomi 9 &bull; VRCFury</span>
520                    </div>
521
522                    
523                    <div class="avatar-store-actions">
524                        <a href="https://theicedragonz.gumroad.com/l/LilaAndLevi" class="btn-store gumroad" target="_blank" rel="noopener noreferrer">
525                            <span class="btn-store-label">
526                                <img src="../icons/gumroad.svg" alt="Gumroad" class="btn-svg-icon" onerror="this.remove();">
527                                <i class="fa-solid fa-bag-shopping"></i> Buy on Gumroad
528                            </span>
529                            <i class="fa-solid fa-arrow-up-right-from-square"></i>
530                        </a>
531
532                        <a href="https://payhip.com/b/GnspK" class="btn-store payhip" target="_blank" rel="noopener noreferrer">
533                            <span class="btn-store-label">
534                                <img src="../icons/payhip.svg" alt="Payhip" class="btn-svg-icon" onerror="this.remove();">
535                                <i class="fa-solid fa-cart-shopping"></i> Buy on Payhip
536                            </span>
537                            <i class="fa-solid fa-arrow-up-right-from-square"></i>
538                        </a>
539                    </div>
540                </div>
541
542                
543                <div class="avatar-modal-trailers">
544                    <h3 class="trailers-section-title"><i class="fa-brands fa-youtube"></i> Showcase Trailers</h3>
545                    <div class="trailers-grid">
546                        <div class="trailer-box">
547                            <span class="trailer-label"><i class="fa-solid fa-mars"></i> Levi (Male) Showcase</span>
548                            <div class="video-responsive">
549                                <iframe src="https://www.youtube.com/embed/pbLlOIjf6P0?enablejsapi=1&origin=https://theicedragonz.github.io" 
550                                        title="Levi Showcase" 
551                                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
552                                        allowfullscreen 
553                                        loading="lazy" 
554                                        referrerpolicy="strict-origin-when-cross-origin">
555                                </iframe>
556                            </div>
557                        </div>
558                        <div class="trailer-box">
559                            <span class="trailer-label"><i class="fa-solid fa-venus"></i> Lila (Female) Showcase</span>
560                            <div class="video-responsive">
561                                <iframe src="https://www.youtube.com/embed/lfAqVQE9RKg?enablejsapi=1&origin=https://theicedragonz.github.io" 
562                                        title="Lila Showcase" 
563                                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
564                                        allowfullscreen 
565                                        loading="lazy" 
566                                        referrerpolicy="strict-origin-when-cross-origin">
567                                </iframe>
568                            </div>
569                        </div>
570                    </div>
571                </div>
572
573            </div>
574        </div>
575    </div>
576
577    
578    <div id="modal-mave-and-dave" class="avatar-detail-modal" aria-hidden="true" role="dialog" aria-labelledby="title-mave-and-dave">
579        <div class="avatar-modal-backdrop"></div>
580        <div class="avatar-modal-dialog glass-card">
581            
582            <div class="avatar-modal-header">
583                <div class="avatar-modal-header-left">
584                    <img src="media/mave-and-dave/thumb.gif" alt="Mave &amp; Dave Icon" class="avatar-modal-thumb" width="48" height="48">
585                    <div class="avatar-modal-title-group">
586                        <h2 id="title-mave-and-dave" class="avatar-modal-title">Mave &amp; Dave</h2>
587                        <span class="avatar-modal-sub">PC / Quest Compatible &bull; Full Body Tracking</span>
588                    </div>
589                </div>
590                <button type="button" class="avatar-modal-close" aria-label="Close dialog">
591                    <i class="fa-solid fa-xmark"></i>
592                </button>
593            </div>
594
595            <div class="avatar-modal-body">
596                
597                
598                <div class="slider-nav-pills-bar">
599                    <button type="button" class="slider-nav-pill active"><i class="fa-solid fa-image"></i> Cover Banner</button>
600                    <button type="button" class="slider-nav-pill"><i class="fa-solid fa-sliders"></i> Radial Dave (Male)</button>
601                    <button type="button" class="slider-nav-pill"><i class="fa-solid fa-sliders"></i> Radial Mave (Female)</button>
602                </div>
603
604                
605                <div class="avatar-media-slider" aria-label="Mave &amp; Dave Media Showcase">
606                    <div class="slider-viewport">
607                        <div class="slider-track">
608                            <div class="slide-item">
609                                <img src="media/mave-and-dave/banner.png" alt="Mave &amp; Dave Main Banner" class="slide-img" width="1920" height="800" loading="lazy">
610                            </div>
611                            <div class="slide-item">
612                                <img src="media/mave-and-dave/radial_male.png" alt="Dave (Male) Radial Menu Toggles" class="slide-img" width="1920" height="800" loading="lazy">
613                            </div>
614                            <div class="slide-item">
615                                <img src="media/mave-and-dave/radial_female.png" alt="Mave (Female) Radial Menu Toggles" class="slide-img" width="1920" height="800" loading="lazy">
616                            </div>
617                        </div>
618
619                        
620                        <button type="button" class="slider-arrow prev" aria-label="Previous Slide">
621                            <i class="fa-solid fa-chevron-left"></i>
622                        </button>
623                        <button type="button" class="slider-arrow next" aria-label="Next Slide">
624                            <i class="fa-solid fa-chevron-right"></i>
625                        </button>
626
627                        <div class="slider-bottom-bar">
628                            <span class="slider-counter">1 / 3</span>
629                        </div>
630                    </div>
631                </div>
632
633                
634                <div class="avatar-modal-details">
635                    <div class="avatar-features-grid">
636                        <span class="feature-chip"><i class="fa-solid fa-cube"></i> FBX &amp; Prefab</span>
637                        <span class="feature-chip"><i class="fa-solid fa-person"></i> FBT Ready</span>
638                        <span class="feature-chip"><i class="fa-solid fa-wand-magic-sparkles"></i> PhysBones</span>
639                        <span class="feature-chip"><i class="fa-solid fa-face-smile"></i> Custom Face Gestures</span>
640                        <span class="feature-chip"><i class="fa-solid fa-person-running"></i> GoGoLoco</span>
641                        <span class="feature-chip"><i class="fa-solid fa-sliders"></i> Multiple Toggles</span>
642                        <span class="feature-chip"><i class="fa-solid fa-paintbrush"></i> Marker &amp; Contacts</span>
643                        <span class="feature-chip"><i class="fa-solid fa-palette"></i> Recolor Options</span>
644                        <span class="feature-chip"><i class="fa-solid fa-cat"></i> Cat Follower (Mittens)</span>
645                        <span class="feature-chip"><i class="fa-solid fa-heart"></i> Couple Tattoos &amp; Bruises</span>
646                        <span class="feature-chip"><i class="fa-brands fa-windows"></i> PC &amp; Android Compatible</span>
647                        <span class="feature-chip"><i class="fa-solid fa-cube"></i> Poiyomi 8.1 &bull; VRCFury</span>
648                    </div>
649
650                    
651                    <div class="avatar-store-actions">
652                        <a href="https://theicedragonz.gumroad.com/l/MaveAndDave" class="btn-store gumroad" target="_blank" rel="noopener noreferrer">
653                            <span class="btn-store-label">
654                                <img src="../icons/gumroad.svg" alt="Gumroad" class="btn-svg-icon" onerror="this.remove();">
655                                <i class="fa-solid fa-bag-shopping"></i> Buy on Gumroad
656                            </span>
657                            <i class="fa-solid fa-arrow-up-right-from-square"></i>
658                        </a>
659
660                        <a href="https://payhip.com/b/5fcIx" class="btn-store payhip" target="_blank" rel="noopener noreferrer">
661                            <span class="btn-store-label">
662                                <img src="../icons/payhip.svg" alt="Payhip" class="btn-svg-icon" onerror="this.remove();">
663                                <i class="fa-solid fa-cart-shopping"></i> Buy on Payhip
664                            </span>
665                            <i class="fa-solid fa-arrow-up-right-from-square"></i>
666                        </a>
667                    </div>
668                </div>
669
670                
671                <div class="avatar-modal-trailers">
672                    <h3 class="trailers-section-title"><i class="fa-brands fa-youtube"></i> Showcase Trailers</h3>
673                    <div class="trailers-grid">
674                        <div class="trailer-box">
675                            <span class="trailer-label"><i class="fa-solid fa-mars"></i> Dave (Male) Showcase</span>
676                            <div class="video-responsive">
677                                <iframe src="https://www.youtube.com/embed/ofOZXbAoYiY?enablejsapi=1&origin=https://theicedragonz.github.io" 
678                                        title="Dave Showcase" 
679                                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
680                                        allowfullscreen 
681                                        loading="lazy" 
682                                        referrerpolicy="strict-origin-when-cross-origin">
683                                </iframe>
684                            </div>
685                        </div>
686                        <div class="trailer-box">
687                            <span class="trailer-label"><i class="fa-solid fa-venus"></i> Mave (Female) Showcase</span>
688                            <div class="video-responsive">
689                                <iframe src="https://www.youtube.com/embed/pwiGcf7Z3zk?enablejsapi=1&origin=https://theicedragonz.github.io" 
690                                        title="Mave Showcase" 
691                                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
692                                        allowfullscreen 
693                                        loading="lazy" 
694                                        referrerpolicy="strict-origin-when-cross-origin">
695                                </iframe>
696                            </div>
697                        </div>
698                    </div>
699                </div>
700
701            </div>
702        </div>
703    </div>
704
705    
706    <div id="modal-kate-and-nate" class="avatar-detail-modal" aria-hidden="true" role="dialog" aria-labelledby="title-kate-and-nate">
707        <div class="avatar-modal-backdrop"></div>
708        <div class="avatar-modal-dialog glass-card">
709            
710            <div class="avatar-modal-header">
711                <div class="avatar-modal-header-left">
712                    <img src="media/kate-and-nate/thumb.gif" alt="Kate &amp; Nate Icon" class="avatar-modal-thumb" width="48" height="48">
713                    <div class="avatar-modal-title-group">
714                        <h2 id="title-kate-and-nate" class="avatar-modal-title">Kate &amp; Nate</h2>
715                        <span class="avatar-modal-sub">PC / Quest Compatible &bull; Full Body Tracking</span>
716                    </div>
717                </div>
718                <button type="button" class="avatar-modal-close" aria-label="Close dialog">
719                    <i class="fa-solid fa-xmark"></i>
720                </button>
721            </div>
722
723            <div class="avatar-modal-body">
724                
725                
726                <div class="slider-nav-pills-bar">
727                    <button type="button" class="slider-nav-pill active"><i class="fa-solid fa-image"></i> Cover Banner</button>
728                    <button type="button" class="slider-nav-pill"><i class="fa-solid fa-sliders"></i> Radial Nate (Male)</button>
729                    <button type="button" class="slider-nav-pill"><i class="fa-solid fa-sliders"></i> Radial Kate (Female)</button>
730                </div>
731
732                
733                <div class="avatar-media-slider" aria-label="Kate &amp; Nate Media Showcase">
734                    <div class="slider-viewport">
735                        <div class="slider-track">
736                            <div class="slide-item">
737                                <img src="media/kate-and-nate/banner.png" alt="Kate &amp; Nate Main Banner" class="slide-img" width="1920" height="800" loading="lazy">
738                            </div>
739                            <div class="slide-item">
740                                <img src="media/kate-and-nate/radial_male.png" alt="Nate (Male) Radial Menu Toggles" class="slide-img" width="1920" height="800" loading="lazy">
741                            </div>
742                            <div class="slide-item">
743                                <img src="media/kate-and-nate/radial_female.png" alt="Kate (Female) Radial Menu Toggles" class="slide-img" width="1920" height="800" loading="lazy">
744                            </div>
745                        </div>
746
747                        
748                        <button type="button" class="slider-arrow prev" aria-label="Previous Slide">
749                            <i class="fa-solid fa-chevron-left"></i>
750                        </button>
751                        <button type="button" class="slider-arrow next" aria-label="Next Slide">
752                            <i class="fa-solid fa-chevron-right"></i>
753                        </button>
754
755                        <div class="slider-bottom-bar">
756                            <span class="slider-counter">1 / 3</span>
757                        </div>
758                    </div>
759                </div>
760
761                
762                <div class="avatar-modal-details">
763                    <div class="avatar-features-grid">
764                        <span class="feature-chip"><i class="fa-solid fa-arrows-rotate"></i> Unity 2022 Updated</span>
765                        <span class="feature-chip"><i class="fa-solid fa-cube"></i> FBX &amp; Prefab</span>
766                        <span class="feature-chip"><i class="fa-solid fa-person"></i> FBT Ready</span>
767                        <span class="feature-chip"><i class="fa-solid fa-wand-magic-sparkles"></i> PhysBones</span>
768                        <span class="feature-chip"><i class="fa-solid fa-face-smile"></i> Custom Face Gestures</span>
769                        <span class="feature-chip"><i class="fa-solid fa-person-running"></i> GoGoLoco</span>
770                        <span class="feature-chip"><i class="fa-solid fa-sliders"></i> Multiple Toggles</span>
771                        <span class="feature-chip"><i class="fa-solid fa-paintbrush"></i> Marker &amp; Contacts</span>
772                        <span class="feature-chip"><i class="fa-solid fa-palette"></i> Recolor Options</span>
773                        <span class="feature-chip"><i class="fa-solid fa-user-astronaut"></i> Among Us Follower</span>
774                        <span class="feature-chip"><i class="fa-solid fa-heart"></i> Hickey &amp; Bruises</span>
775                        <span class="feature-chip"><i class="fa-solid fa-cube"></i> Poiyomi 8.1</span>
776                    </div>
777
778                    
779                    <div class="avatar-store-actions">
780                        <a href="https://theicedragonz.gumroad.com/l/KateAndNate" class="btn-store gumroad" target="_blank" rel="noopener noreferrer">
781                            <span class="btn-store-label">
782                                <img src="../icons/gumroad.svg" alt="Gumroad" class="btn-svg-icon" onerror="this.remove();">
783                                <i class="fa-solid fa-bag-shopping"></i> Buy on Gumroad
784                            </span>
785                            <i class="fa-solid fa-arrow-up-right-from-square"></i>
786                        </a>
787
788                        <a href="https://payhip.com/b/DP3Zp" class="btn-store payhip" target="_blank" rel="noopener noreferrer">
789                            <span class="btn-store-label">
790                                <img src="../icons/payhip.svg" alt="Payhip" class="btn-svg-icon" onerror="this.remove();">
791                                <i class="fa-solid fa-cart-shopping"></i> Buy on Payhip
792                            </span>
793                            <i class="fa-solid fa-arrow-up-right-from-square"></i>
794                        </a>
795                    </div>
796                </div>
797
798                
799                <div class="avatar-modal-trailers">
800                    <h3 class="trailers-section-title"><i class="fa-brands fa-youtube"></i> Showcase Trailers</h3>
801                    <div class="trailers-grid">
802                        <div class="trailer-box">
803                            <span class="trailer-label"><i class="fa-solid fa-mars"></i> Nate (Male) Showcase</span>
804                            <div class="video-responsive">
805                                <iframe src="https://www.youtube.com/embed/Ha9O9Vu4Ork?enablejsapi=1&origin=https://theicedragonz.github.io" 
806                                        title="Nate Showcase" 
807                                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
808                                        allowfullscreen 
809                                        loading="lazy" 
810                                        referrerpolicy="strict-origin-when-cross-origin">
811                                </iframe>
812                            </div>
813                        </div>
814                        <div class="trailer-box">
815                            <span class="trailer-label"><i class="fa-solid fa-venus"></i> Kate (Female) Showcase</span>
816                            <div class="video-responsive">
817                                <iframe src="https://www.youtube.com/embed/lhFf73LkTjM?enablejsapi=1&origin=https://theicedragonz.github.io" 
818                                        title="Kate Showcase" 
819                                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
820                                        allowfullscreen 
821                                        loading="lazy" 
822                                        referrerpolicy="strict-origin-when-cross-origin">
823                                </iframe>
824                            </div>
825                        </div>
826                    </div>
827                </div>
828
829            </div>
830        </div>
831    </div>
832
833    
834    <div id="particle-counter-widget" class="particle-counter-widget" title="Particles caught!">
835        <div class="counter-icon-wrap">
836            <img src="../CustomCursor/pusheen-the-cat-eating-rice-animated-pointer-32x32.png" alt="Pusheen" class="counter-cat-icon">
837        </div>
838        <div class="counter-data">
839            <span class="counter-number" id="particle-caught-count">0</span>
840            <span class="counter-label">Caught</span>
841        </div>
842    </div>
843
844    
845    <button id="back-to-top" class="back-to-top-btn" title="Back to Top" aria-label="Back to Top">
846        <i class="fa-solid fa-chevron-up"></i>
847    </button>
848
849    
850    <div id="toast-container"></div>
851
852    
853    
853<script src="../js/particles.js"></script>
853
854    
854<script src="../js/avatars.js"></script>
854
855    
855<script src="../js/main.js"></script>
855
856</body>
857</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.