1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta name="csrf-token" content=""> 8
8<script src="/js/csrf.js" defer></script>
8 9 <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> 10 <meta property="og:site_name" content="Art Pexels"> 11 <!-- Dynamic SEO Meta Tags --> 12 13 <title> 14 Art Pexels - 4K Wallpapers for PC, Desktop & Mobile Phones 15 </title> 16 17 18 19 <meta name="description" 20 content="Download the best 4K wallpapers, 5K backgrounds, and 8K images for desktop and mobile. High quality free wallpapers."> 21 22 <meta property="og:title" 23 content="Art Pexels - 4K Wallpapers for PC, Desktop & Mobile Phones"> 24 <meta property="og:description" 25 content="Download the best 4K wallpapers, 5K backgrounds, and 8K images for desktop and mobile. High quality free wallpapers."> 26 <meta property="og:image" 27 content="https://artpexels.com/images/favicon.ico"> 28 29 <meta property="og:type" content="website"> 30 <meta name="twitter:card" content="summary_large_image"> 31 <meta name="twitter:title" 32 content="Art Pexels - 4K Wallpapers for PC, Desktop & Mobile Phones"> 33 <meta name="twitter:description" 34 content="Download the best 4K wallpapers, 5K backgrounds, and 8K images for desktop and mobile. High quality free wallpapers."> 35 36 <link rel="canonical" href="https://artpexels.com/"> 37 38 <meta property="og:url" content="https://artpexels.com/"> 39 40
40<script type="application/ld+json"> 41 { 42 "@context": "https://schema.org", 43 "@type": "ItemList", 44 "itemListElement": [{"@type":"ListItem","position":1,"url":"https://artpexels.com/wallpaper/happy-little-cloud-hugging-a-vibrant-rainbow-in-pastel-sky-ebfc7b558d10","name":"Happy Little Cloud Hugging a Vibrant Rainbow in Pastel Sky","description":"A charming illustration of a smiling cloud character embracing a colorful rainbow against a soft pastel blue sky filled with twinkling stars.","image":"https://artpexels.com/uploads/happy-little-cloud-hugging-a-vibrant-rainbow-in-pastel-sky-925103905.webp"},{"@type":"ListItem","position":2,"url":"https://artpexels.com/wallpaper/retro-yellow-cassette-tape-with-sunglasses-pop-art-design-e77dd8074b59","name":"Retro Yellow Cassette Tape with Sunglasses Pop Art Design","description":"A vibrant pop art illustration featuring a retro yellow cassette tape wearing black sunglasses against a colorful halftone background.","image":"https://artpexels.com/uploads/retro-yellow-cassette-tape-with-sunglasses-pop-art-design-924142954.webp"},{"@type":"ListItem","position":3,"url":"https://artpexels.com/wallpaper/tiny-pastel-ghost-drifting-through-soft-dreamy-clouds-2fb914cc3092","name":"Tiny Pastel Ghost Drifting Through Soft Dreamy Clouds","description":"A charming, minimalist illustration of a tiny, friendly ghost floating amidst soft, pastel-colored clouds. Perfect for a soothing and whimsical aesthetic.","image":"https://artpexels.com/uploads/tiny-pastel-ghost-drifting-through-soft-dreamy-clouds-922387055.webp"},{"@type":"ListItem","position":4,"url":"https://artpexels.com/wallpaper/cozy-cat-watching-the-crescent-moon-from-a-quiet-bedroom-ee367e952d46","name":"Cozy Cat Watching the Crescent Moon from a Quiet Bedroom","description":"A peaceful illustration of a cat sitting on a windowsill, gazing at the night sky and crescent moon in a cozy, warm-lit room.","image":"https://artpexels.com/uploads/cozy-cat-watching-the-crescent-moon-from-a-quiet-bedroom-921565542.webp"},{"@type":"ListItem","position":5,"url":"https://artpexels.com/wallpaper/cozy-pixel-art-cottage-on-a-floating-island-at-night-59ceeead2ebf","name":"Cozy Pixel Art Cottage on a Floating Island at Night","description":"Explore a whimsical pixel art scene featuring a cozy cottage nestled on a floating island under a vast, starry night sky.","image":"https://artpexels.com/uploads/cozy-pixel-art-cottage-on-a-floating-island-at-night-920684555.webp"},{"@type":"ListItem","position":6,"url":"https://artpexels.com/wallpaper/minimalist-layered-paper-mountains-with-soft-sage-tones-31f964dd7435","name":"Minimalist Layered Paper Mountains with Soft Sage Tones","description":"Discover a minimalist landscape featuring layered paper mountains in soft sage green and cream tones, perfect for a clean and textured aesthetic.","image":"https://artpexels.com/uploads/minimalist-layered-paper-mountains-with-soft-sage-tones-919602261.webp"},{"@type":"ListItem","position":7,"url":"https://artpexels.com/wallpaper/minimalist-terracotta-mountains-at-sunset-geometric-art-e789a771ac99","name":"Minimalist Terracotta Mountains at Sunset Geometric Art","description":"Explore a serene minimalist landscape featuring geometric terracotta mountains and a soft sunset glow, perfect for a clean and earthy aesthetic.","image":"https://artpexels.com/uploads/minimalist-terracotta-mountains-at-sunset-geometric-art-918431539.webp"},{"@type":"ListItem","position":8,"url":"https://artpexels.com/wallpaper/minimalist-line-art-cat-resting-on-a-crescent-moon-071e5bad76fd","name":"Minimalist Line Art Cat Resting on a Crescent Moon","description":"A clean, minimalist line art illustration featuring a cat sitting peacefully on a crescent moon against a simple background.","image":"https://artpexels.com/uploads/minimalist-line-art-cat-resting-on-a-crescent-moon-917662663.webp"},{"@type":"ListItem","position":9,"url":"https://artpexels.com/wallpaper/little-astronaut-sketching-stars-on-a-textured-moon-surface-e4ed2a392092","name":"Little Astronaut Sketching Stars on a Textured Moon Surface","description":"A charming minimalist line art illustration featuring a tiny astronaut sitting on the moon and drawing sparkling stars into the night sky.","image":"https://artpexels.com/uploads/little-astronaut-sketching-stars-on-a-textured-moon-surface-916730068.webp"},{"@type":"ListItem","position":10,"url":"https://artpexels.com/wallpaper/cosmic-whale-swimming-through-a-sea-of-twinkling-stars-887eda3c7c07","name":"Cosmic Whale Swimming Through a Sea of Twinkling Stars","description":"A beautiful ink illustration of a whale filled with sparkling stars and constellations, swimming through a cosmic void. Perfect for a minimalist aesthetic.","image":"https://artpexels.com/uploads/cosmic-whale-swimming-through-a-sea-of-twinkling-stars-915579266.webp"},{"@type":"ListItem","position":11,"url":"https://artpexels.com/wallpaper/luminous-orchid-encased-in-shimmering-frozen-ice-76b58e7aa329","name":"Luminous Orchid Encased in Shimmering Frozen Ice","description":"A delicate orchid trapped within a crystalline block of ice, featuring glowing blue petals and intricate frost details against a deep dark background.","image":"https://artpexels.com/uploads/luminous-orchid-encased-in-shimmering-frozen-ice-802939065.webp"},{"@type":"ListItem","position":12,"url":"https://artpexels.com/wallpaper/mechanical-wolf-with-glowing-purple-eyes-in-deep-shadow-fc29cfeb4945","name":"Mechanical Wolf with Glowing Purple Eyes in Deep Shadow","description":"A str
44iking close-up of a mechanical wolf featuring intense glowing purple eyes set against a deep, minimalist black background.","image":"https://artpexels.com/uploads/mechanical-wolf-with-glowing-purple-eyes-in-deep-shadow-800564810.webp"},{"@type":"ListItem","position":13,"url":"https://artpexels.com/wallpaper/liquid-glass-feather-dissolving-into-glowing-white-birds-b63b8bd4bbe4","name":"Liquid Glass Feather Dissolving into Glowing White Birds","description":"A stunning artistic composition featuring a translucent liquid feather transforming into a flock of glowing white birds against a deep black background.","image":"https://artpexels.com/uploads/liquid-glass-feather-dissolving-into-glowing-white-birds-798405317.webp"},{"@type":"ListItem","position":14,"url":"https://artpexels.com/wallpaper/little-ghost-fishing-for-stars-on-a-crescent-moon-8f3d58416fbb","name":"Little Ghost Fishing for Stars on a Crescent Moon","description":"A whimsical illustration of a tiny ghost sitting on a yellow crescent moon, fishing for glowing stars against a soft pastel purple night sky.","image":"https://artpexels.com/uploads/little-ghost-fishing-for-stars-on-a-crescent-moon-796716398.webp"},{"@type":"ListItem","position":15,"url":"https://artpexels.com/wallpaper/anime-girl-in-cowboy-hat-against-a-golden-sunset-sky-dae0cf770a8c","name":"Anime Girl in Cowboy Hat Against a Golden Sunset Sky","description":"A contemplative anime girl stands against a sprawling, ethereal sunset sky, her silhouette framed by the warm, fading light of dusk.","image":"https://artpexels.com/uploads/anime-girl-in-cowboy-hat-against-a-golden-sunset-sky-805321428.webp"},{"@type":"ListItem","position":16,"url":"https://artpexels.com/wallpaper/2b-standing-amidst-a-field-of-red-flowers-and-fallen-blades-74b0f5fc753b","name":"2b Standing Amidst a Field of Red Flowers and Fallen Blades","description":"A hauntingly beautiful scene captures the stoic android 2B standing gracefully within a vast, desolate field of vibrant red flowers.","image":"https://artpexels.com/uploads/2b-standing-amidst-a-field-of-red-flowers-and-fallen-blades-802473253.webp"},{"@type":"ListItem","position":17,"url":"https://artpexels.com/wallpaper/ethereal-silhouette-drifting-through-a-shattered-void-938c136d792b","name":"Ethereal Silhouette Drifting Through a Shattered Void","description":"A solitary female silhouette hangs suspended in a vast, pale expanse, caught in a moment of weightless suspension.","image":"https://artpexels.com/uploads/ethereal-silhouette-drifting-through-a-shattered-void-800121668.webp"},{"@type":"ListItem","position":18,"url":"https://artpexels.com/wallpaper/megumi-fushiguro-summoning-shadow-beast-in-ink-style-511338e18b81","name":"Megumi Fushiguro Summoning Shadow Beast in Ink Style","description":"A striking artistic interpretation captures the intense aura of a powerful sorcerer emerging from the shadows.","image":"https://artpexels.com/uploads/megumi-fushiguro-summoning-shadow-beast-in-ink-style-798978030.webp"},{"@type":"ListItem","position":19,"url":"https://artpexels.com/wallpaper/makima-profile-view-in-ethereal-monochromatic-green-light-7f687e02acb8","name":"Makima Profile View in Ethereal Monochromatic Green Light","description":"A hauntingly serene portrait of Makima captured in a profile view, bathed in a soft, monochromatic green hue that evokes a sense of mystery and detachment.","image":"https://artpexels.com/uploads/makima-profile-view-in-ethereal-monochromatic-green-light-797267681.webp"},{"@type":"ListItem","position":20,"url":"https://artpexels.com/wallpaper/two-figures-falling-past-a-modern-school-under-deep-blue-sky-fd50d26cdcc0","name":"Two Figures Falling Past a Modern School Under Deep Blue Sky","description":"A striking composition captures a surreal moment of weightlessness as two figures descend gracefully past the sharp, geometric lines of a stark white school","image":"https://artpexels.com/uploads/two-figures-falling-past-a-modern-school-under-deep-blue-sky-795805617.webp"}] 45 } 46 </script>
46 47 48 49 50 51
51<script type="application/ld+json"> 52 {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://artpexels.com/#organization","name":"Art Pexels","alternateName":"ArtPexels","url":"https://artpexels.com/","logo":"https://artpexels.com/images/favicon.ico"},{"@type":"WebSite","@id":"https://artpexels.com/#website","name":"Art Pexels","alternateName":"ArtPexels","url":"https://artpexels.com/","inLanguage":"en","publisher":{"@id":"https://artpexels.com/#organization"}},{"@type":"WebPage","@id":"https://artpexels.com/","url":"https://artpexels.com/","name":"Art Pexels - 4K Wallpapers for PC, Desktop & Mobile Phones","description":"Download the best 4K wallpapers, 5K backgrounds, and 8K images for desktop and mobile. High quality free wallpapers.","inLanguage":"en","isPartOf":{"@id":"https://artpexels.com/#website"},"publisher":{"@id":"https://artpexels.com/#organization"}}]} 53 </script>
53 54 55 <link rel="icon" type="image/x-icon" 56 href="/images/favicon.ico"> 57 <link rel="alternate" type="application/rss+xml" 58 title="RSS Feed" href="/feed.xml" /> 59 60 61 <meta name="total-pages" 62 content="180">
vendor: 282 bytes, lines 62-66
62 63 64 65 <script async 66 src="https://www.googletagmanager.com/gtag/js?id=
66G-EQ1RGGG28Z
vendor: 84 bytes, lines 66-67
66"></script> 67
67<script> 68
vendor: 358 bytes, lines 68-71
68window.dataLayer = window.dataLayer || []; 69 function gtag() { dataLayer.push(arguments); } 70 gtag('js', new Date()); 71 gtag('config', '
71G-EQ1RGGG28Z
vendor: 76 bytes, lines 71-72
71'); 72
72</script>
72 73 74
74<script async 75 src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8427485526135631" 76 crossorigin="anonymous"></script>
76 77 78 <!-- Google Identity Services (One Tap) --> 79 80 81 <link rel="stylesheet" href="/css/tailwind.css?v=1.0.16"> 82 <link 83 href="/vendor/fontawesome/css/all.min.css" 84 rel="stylesheet"> 85 <noscript> 86 <link 87 href="/vendor/fontawesome/css/all.min.css" 88 rel="stylesheet"> 89 </noscript> 90 <!-- Googlebot/noscript: make images visible even without JS --> 91 <noscript> 92 <style> 93 .js-fade-in, 94 img.opacity-0, 95 [class*="opacity-0"] { 96 opacity: 1 !important; 97 } 98 </style> 99 </noscript> 100 <style> 101 /* Reset & Base Styles */ 102 html, 103 body { 104 margin: 0; 105 padding: 0; 106 background-color: #16181b; 107 color: #dadce0; 108 min-height: 100vh; 109 } 110 111 /* Solid Header to match image */ 112 .header-bg { 113 background-color: #16181b; 114 /* Solid dark background */ 115 border-bottom: 1px solid #202225; 116 width: 100%; 117 } 118 119 .search-input { 120 background-color: #16181b; 121 color: #dcddde; 122 border: 1px solid rgba(255, 255, 255, 0.1); 123 } 124 125 .search-input:focus { 126 background-color: #000000; 127 border-color: #8CFF00; 128 } 129 130 /* Scrolled Transparent Glassy State */ 131 .ap-site-header.is-scrolled .search-input { 132 background-color: transparent !important; 133 background: transparent !important; 134 border-color: rgba(255, 255, 255, 0.25) !important; 135 box-shadow: none !important; 136 } 137 .ap-site-header.is-scrolled .search-input:focus { 138 background-color: rgba(255, 255, 255, 0.08) !important; 139 background: rgba(255, 255, 255, 0.08) !important; 140 border-color: #8CFF00 !important; 141 } 142 .ap-site-header.is-scrolled .categories-pill-btn, 143 .ap-site-header.is-scrolled #mobile-categories-btn { 144 background-color: transparent !important; 145 background: transparent !important; 146 border-color: rgba(255, 255, 255, 0.25) !important; 147 box-shadow: none !important; 148 } 149 .ap-site-header.is-scrolled .categories-pill-btn:hover, 150 .ap-site-header.is-scrolled #mobile-categories-btn:hover { 151 background-color: rgba(255, 255, 255, 0.12) !important; 152 background: rgba(255, 255, 255, 0.12) !important; 153 border-color: rgba(255, 255, 255, 0.4) !important; 154 } 155 156 .category-pill { 157 background-color: #2f3136; 158 color: #b9bbbe; 159 transition: all 0.2s; 160 } 161 162 .category-pill:hover { 163 background-color: #8CFF00; 164 color: #000; 165 } 166 167 .pagination-link { 168 background-color: #2f3136; 169 color: #b9bbbe; 170 } 171 172 .pagination-link.active { 173 background-color: #8CFF00; 174 color: #000; 175 } 176 177 /* Custom scrollbar */ 178 ::-webkit-scrollbar {
179 width: 8px; 180 height: 8px; 181 } 182 183 ::-webkit-scrollbar-track { 184 background: #2f3136; 185 } 186 187 ::-webkit-scrollbar-thumb { 188 background: #202225; 189 border-radius: 4px; 190 } 191 192 ::-webkit-scrollbar-thumb:hover { 193 background: #8CFF00; 194 } 195 196 /* Animations */ 197 @keyframes fadeIn { 198 from { 199 opacity: 0; 200 transform: translateY(10px); 201 } 202 203 to { 204 opacity: 1; 205 transform: translateY(0); 206 } 207 } 208 209 .fade-in { 210 animation: fadeIn 0.5s ease-out forwards; 211 } 212 213 /* Pulse Animation for Logo Loader */ 214 @keyframes logoPulse { 215 216 0%, 217 100% { 218 transform: scale(1); 219 opacity: 0.5; 220 } 221 222 50% { 223 transform: scale(1.1); 224 opacity: 1; 225 } 226 } 227 228 .logo-loader-pulse { 229 animation: logoPulse 1.5s ease-in-out infinite; 230 } 231 232 /* --- GLOBAL CUSTOM EFFECTS (Added for User Profile Customization) --- */ 233 /* Now imported from partial to ensure consistency with Admin Preview */ 234 </style> 235 <style>
236 /* 1. Global Page Background Glow (Shivratri Page Only) */ 237 .shivratri-bg-glow { 238 position: fixed; 239 inset: 0; 240 background: radial-gradient(circle at center, rgba(255, 153, 51, 0.05) 0%, transparent 70%); 241 pointer-events: none; 242 z-index: -1; 243 } 244 245 /* 2. Floating Particles (Trishul, Om, Damru) */ 246 .shivratri-particle { 247 position: fixed; 248 pointer-events: none; 249 z-index: 9999; 250 color: #ff9933; 251 filter: drop-shadow(0 0 5px rgba(255, 153, 51, 0.5)); 252 animation: shivratri-float linear infinite; 253 opacity: 0; 254 } 255 256 @keyframes shivratri-float { 257 0% { transform: translateY(100vh) rotate(0deg) scale(0.5); opacity: 0; } 258 10% { opacity: 0.6; } 259 90% { opacity: 0.6; } 260 100% { transform: translateY(-100px) rotate(360deg) scale(1); opacity: 0; } 261 } 262 263 /* 3. Title Energy Flow Effect (No Glow) */ 264 .shivratri-title-glow { 265 background: linear-gradient( 266 to right, 267 #ff9933 0%, 268 #ffcc00 25%, 269 #ffffff 50%, 270 #ffcc00 75%, 271 #ff9933 100% 272 ); 273 background-size: 200% auto; 274 -webkit-background-clip: text; 275 background-clip: text; 276 color: transparent !important; 277 animation: shivratri-energy-flow 3s linear infinite; 278 font-weight: 900 !important; 279 position: relative; 280 } 281 282 @keyframes shivratri-energy-flow { 283 0% { background-position: 0% center; } 284 100% { background-position: 200% center; } 285 } 286 287 /* 5. Divine Click Spark */ 288 .shivratri-spark { 289 position: fixed; 290 width: 10px; 291 height: 10px; 292 background: #ff9933; 293 border-radius: 50%; 294 pointer-events: none; 295 z-index: 10000; 296 box-shadow: 0 0 15px #ff9933; 297 animation: shivratri-spark-out 0.6s ease-out forwards; 298 } 299 300 @keyframes shivratri-spark-out { 301 0% { transform: scale(0); opacity: 1; } 302 100% { transform: scale(4); opacity: 0; } 303 } 304 305 /* 6. CLEAN SHIVRATRI TAG (Energy Flow, No Glow) */ 306 .shivratri-tag-special { 307 position: relative; 308 background: linear-gradient( 309 to right, 310 #ff9933 0%, 311 #ffcc00 25%, 312 #ffffff 50%, 313 #ffcc00 75%, 314 #ff9933 100% 315 ); 316 background-size: 200% auto; 317 -webkit-background-clip: text; 318 background-clip: text; 319 color: transparent !important; 320 font-weight: 800 !important; 321 padding: 4px 8px !important; 322 transition: all 0.3s ease; 323 display: inline-flex; 324 align-items: center; 325 gap: 5px; 326 animation: shivratri-energy-flow 3s linear infinite; 327 } 328 329 .shivratri-tag-special:hover { 330 filter: brightness(1.2); 331 } 332 333 /* Constant Energy Flow Sparkles - ALWAYS SHOOTING */ 334 .shivratri-tag-sparkle { 335 position: absolute; 336 pointer-events: none; 337 font-size: 12px; 338 color: #ff9933; 339 animation: shivratri-tag-sparkle-anim 1.5s linear infinite; 340 opacity: 0; 341 } 342 343 @keyframes shivratri-tag-sparkle-anim { 344 0% { transform: translate(0, 0) scale(0); opacity: 0; } 345 20% { opacity: 1; } 346 100% { transform: translate(var(--tx), var(--ty)) scale(1); opacity: 0; } 347 } 348 349 /* ========================================== 350 USER PROFILE CUSTOM EFFECTS 351 ========================================== */ 352 353 /* Animations */ 354 @keyframes pulse-glow { 0%, 100% { opacity: 0.8; box-shadow: 0 0 10px rgba(255,255,255,0.2); } 50% { opacity: 1; box-shadow: 0 0 20px rgba(255,255,255,0.5); } } 355 @keyframes fire-flicker { 0% { text-shadow: 0 0 4px #f59e0b, 0 -2px 4px #ef4444; } 100% { text-shadow: 0 0 8px #f59e0b, 0 -4px 8px #ef4444; } } 356 @keyframes shine-mask { 0% { -webkit-mask-position: 150%; mask-position: 150%; } 100% { -webkit-mask-position: -50%; mask-position: -50%; } } 357 @keyframes glitch-anim { 0% { transform: translate(0); } 20% { transform: translate(-2px, 2px); } 40% { transform: translate(-2px, -2px); } 60% { transform: translate(2px, 2px); } 80% { transform: translate(2px, -2px); } 100% { transform: translate(0); } }
358 @keyframes crown-float { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(5deg); } } 359 @keyframes crown-shimmer { 0% { background-position: -200% center; } 100% { background-position: 200% center; } } 360 361 /* Name Effects */ 362 .effect-rainbow { background: linear-gradient(to right, #ef4444, #f59e0b, #10b981, #3b82f6, #8b5cf6, #ef4444); -webkit-background-clip: text; background-clip: text; color: transparent !important; background-size: 200% auto; animation: crown-shimmer 3s linear infinite; } 363 .effect-fire { color: #f59e0b !important; animation: fire-flicker 0.5s infinite alternate; } 364 .effect-shine { position: relative; display: inline-block; -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,0.6) 30%, #000 50%, rgba(0,0,0,0.6) 70%); mask-image: linear-gradient(-75deg, rgba(0,0,0,0.6) 30%, #000 50%, rgba(0,0,0,0.6) 70%); -webkit-mask-size: 200%; mask-size: 200%; animation: shine-mask 2s infinite; } 365 .effect-glitch { animation: glitch-anim 0.3s cubic-bezier(.25, .46, .45, .94) both infinite; text-shadow: 2px 2px #ff00ff, -2px -2px #00ffff; } 366 .effect-glow { text-shadow: 0 0 10px currentColor, 0 0 20px currentColor; } 367 .effect-neon { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor; } 368 369 /* Owner & Badge Effects */ 370 .owner-crown { background: linear-gradient(45deg, #FFD700, #FDB931, #FFD700); -webkit-background-clip: text; background-clip: text; color: transparent; animation: crown-float 3s ease-in-out infinite; filter: drop-shadow(0 0 5px rgba(255, 215, 0, 0.5)); } 371 .owner-badge-text { background: linear-gradient(90deg, #FFD700, #FFA500, #FFD700); background-size: 200% auto; color: #000; animation: crown-shimmer 3s linear infinite; font-weight: 800; letter-spacing: 0.5px; border: 1px solid rgba(255, 215, 0, 0.5); box-shadow: 0 0 10px rgba(255, 215, 0, 0.3); } 372 .text-gradient-gold { background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C); -webkit-background-clip: text; background-clip: text; color: transparent !important; } 373 .text-gradient-blue { background: linear-gradient(to right, #00c6ff, #0072ff); -webkit-background-clip: text; background-clip: text; color: transparent !important; } 374 375 /* Avatar Frames */ 376 .frame-gold-circle { 377 position: relative; 378 padding: 4px; 379 border-radius: 50%; 380 background: linear-gradient(45deg, #FFD700, #FDB931, #FFD700); 381 box-shadow: 0 0 15px rgba(255, 215, 0, 0.4); 382 z-index: 1; 383 } 384 .frame-gold-circle::after { 385 content: ''; 386 position: absolute; 387 inset: 2px; 388 border-radius: 50%; 389 background: #1e2124; 390 z-index: -1; 391 } 392 .frame-neon-square { 393 border-radius: 12px; 394 border: 3px solid #00f2ff; 395 box-shadow: 0 0 10px #00f2ff, inset 0 0 10px #00f2ff; 396 transform: rotate(45deg); 397 overflow: hidden !important; 398 } 399 .frame-neon-square img { transform: rotate(-45deg) scale(1.4); } 400 .frame-fire-ring { 401 border-radius: 50%; 402 box-shadow: 0 0 10px #ff4d00, 0 0 20px #ff4d00, 0 0 40px #ff4d00; 403 animation: pulse-glow 1.5s infinite; 404 } 405 .frame-royal-crown { 406 border: 4px solid #9333ea; 407 border-radius: 50%; 408 box-shadow: 0 0 0 4px #000, 0 0 0 6px #9333ea; 409 } 410 411 /* Banner Effects */ 412 .banner-parallax { background-attachment: fixed; background-position: center; background-size: cover; } 413 .banner-blur { filter: blur(4px); transform: scale(1.1); } 414 .banner-pulse { animation: pulse-glow 5s infinite; } 415 .banner-matrix::before { content: ""; position: absolute; inset: 0; background: url('https://upload.wikimedia.org/wikipedia/commons/1/17/Matrix_code_rain.gif'); opacity: 0.1; mix-blend-mode: screen; pointer-events: none; } 416 417 /* Profile Themes */ 418 .theme-glass-dark { background: rgba(255, 255, 255, 0.05) !important; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); } 419 .theme-midnight-blue { background: linear-gradient(to bottom right, #0f172a, #1e3a8a) !important; border: 1px solid #3b82f6; } 420 .theme-royal-gold { background: linear-gradient(to bottom right, #000000, #271a00) !important; border: 1px solid #FFD700; } 421 .theme-cyber-punk { background: #050505 !important; border: 1px solid #00ff41; box-shadow: 0 0 20px rgba(0, 255, 65, 0.1); } 422</style> 423
424<script> 425 document.addEventListener('DOMContentLoaded', function() { 426 // --- 1. SPECIAL TAG LOGIC --- 427 const allTags = document.querySelectorAll('a[href*="Mahashivratri%20Special"]'); 428 allTags.forEach(tag => { 429 if (tag.textContent.trim() === 'Mahashivratri Special') { 430 tag.classList.add('shivratri-tag-special'); 431 432 // Add simple sparkles that only show on hover 433 for(let i = 0; i < 6; i++) { 434 const sparkle = document.createElement('span'); 435 sparkle.className = 'shivratri-tag-sparkle'; 436 const symbols = ['â¨', 'ð±', 'à¥']; 437 sparkle.textContent = symbols[Math.floor(Math.random() * symbols.length)]; 438 439 const angle = (i / 6) * Math.PI * 2; 440 const dist = 30 + Math.random() * 20; 441 sparkle.style.setProperty('--tx', Math.cos(angle) * dist + 'px'); 442 sparkle.style.setProperty('--ty', Math.sin(angle) * dist + 'px'); 443 sparkle.style.left = '50%'; 444 sparkle.style.top = '50%'; 445 sparkle.style.animationDelay = (Math.random() * 0.5) + 's'; 446 447 tag.appendChild(sparkle); 448 } 449 } 450 }); 451 452 // --- 2. PAGE SPECIFIC LOGIC --- 453 const urlParams = new URLSearchParams(window.location.search); 454 const isShivratriPage = urlParams.get('search') === 'Mahashivratri Special'; 455 456 if (isShivratriPage) { 457 // Background Glow 458 const glow = document.createElement('div'); 459 glow.className = 'shivratri-bg-glow'; 460 document.body.appendChild(glow); 461 462 // Click Effect 463 document.addEventListener('mousedown', (e) => { 464 const spark = document.createElement('div'); 465 spark.className = 'shivratri-spark'; 466 spark.style.left = e.clientX - 5 + 'px'; 467 spark.style.top = e.clientY - 5 + 'px'; 468 document.body.appendChild(spark); 469 setTimeout(() => spark.remove(), 600); 470 }); 471 472 // Title Style 473 const titles = document.querySelectorAll('h1');
474 titles.forEach(h1 => { 475 if (h1.textContent.includes('Mahashivratri Special')) { 476 h1.classList.add('shivratri-title-glow'); 477 } 478 }); 479 480 // Floating Particles - More frequent and instant 481 const symbols = [ 482 '<svg viewBox="0 0 512 512" width="24" height="24" fill="currentColor"><path d="M416 128c0-17.7-14.3-32-32-32s-32 14.3-32 32v160h-64V64c0-17.7-14.3-32-32-32s-32 14.3-32 32v224h-64V128c0-17.7-14.3-32-32-32s-32 14.3-32 32v160c0 53 43 96 96 96h32v96c0 17.7 14.3 32 32 32s32-14.3 32-32v-96h32c53 0 96-43 96-96V128z"/></svg>', 483 '<span style="font-size: 24px; font-weight: bold;">à¥</span>', 484 '<svg viewBox="0 0 512 512" width="24" height="24" fill="currentColor"><path d="M128 64c0-17.7 14.3-32 32-32h192c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32l-64 64 64 64c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32H160c-17.7 0-32-14.3-32-32v-64c0-17.7 14.3-32 32-32l64-64-64-64c-17.7 0-32-14.3-32-32V64z"/></svg>' 485 ]; 486 487 function createParticle(isInitial = false) { 488 const particle = document.createElement('div'); 489 particle.className = 'shivratri-particle'; 490 particle.innerHTML = symbols[Math.floor(Math.random() * symbols.length)]; 491 particle.style.left = Math.random() * 100 + 'vw'; 492 493 // If initial, start at different heights so screen isn't empty 494 if (isInitial) { 495 particle.style.top = Math.random() * 100 + 'vh';
496 particle.style.animation = 'none'; // Temporarily stop animation to set initial position 497 particle.style.opacity = '0.6'; 498 499 // Force a reflow and then start animation 500 setTimeout(() => { 501 particle.style.animation = `shivratri-float ${15 + Math.random() * 20}s linear infinite`; 502 // Adjust the animation to start from current position for initial particles 503 // But for simplicity, we'll just let them float from bottom more frequently 504 }, 50); 505 } 506 507 const duration = 12 + Math.random() * 15; 508 particle.style.animationDuration = duration + 's'; 509 document.body.appendChild(particle); 510 setTimeout(() => particle.remove(), duration * 1000); 511 } 512 513 // Create initial particles instantly 514 for(let i = 0; i < 8; i++) { 515 createParticle(true); 516 } 517 518 // Create new particles much faster (every 1.5 seconds
518instead of 4) 519 setInterval(() => createParticle(false), 1500); 520 } 521 }); 522</script>
522 523 524 <style> 525 .theme-cyber-punk h1 { 526 text-shadow: 2px 2px 0px #ff00ff; 527 } 528 529 .shadow-glow { 530 box-shadow: 0 0 15px rgba(66, 184, 131, 0.4); 531 } 532 533 .no-scrollbar::-webkit-scrollbar { 534 display: none; 535 } 536 537 .no-scrollbar { 538 -ms-overflow-style: none; 539 scrollbar-width: none; 540 } 541 542 /* 4KWallpapers-style Fast Categories Dropdown */ 543 .categories-dropdown-menu { 544 opacity: 0; 545 visibility: hidden; 546 transform: translateY(-8px) scale(0.98); 547 transition: opacity 0.15s ease-out, transform 0.15s ease-out, visibility 0.15s ease-out; 548 pointer-events: none; 549 } 550 .categories-dropdown-menu.is-open { 551 opacity: 1; 552 visibility: visible; 553 transform: translateY(0) scale(1); 554 pointer-events: auto; 555 } 556 .categories-pill-btn.is-active, 557 #mobile-categories-btn.is-active { 558 border-color: #8CFF00 !important; 559 background-color: #24272e !important; 560 box-shadow: none !important; 561 } 562 :root[data-ap-theme="light"] .categories-pill-btn.is-active, 563 :root[data-ap-theme="light"] #mobile-categories-btn.is-active { 564 background-color: #ffffff !important; 565 border-color: #0f172a !important; 566 box-shadow: none !important; 567 } 568 </style> 569
569<script> 570 // Global flag to detect initial page load for instant image rendering on refresh 571 window.isInitialLoad = true; 572 setTimeout(() => { window.isInitialLoad = false; }, 1000); 573 </script>
vendor: 1 bytes, line 573
573
574<script> 575try { document.documentElement.dataset.apTheme = localStorage.getItem('ap-theme') || 'dark'; } catch (_) { document.documentElement.dataset.apTheme = 'dark'; } 576</script>
576 577<link rel="stylesheet" href="/css/public-gallery.css?v=20261001-download-notice"> 578
579<script src="/js/public-theme.js?v=20260921c" defer></script>
vendor: 1 bytes, line 579
579
580<script src="/js/infinite-gallery.js?v=20260921" defer></script>
580 581</head> 582 583<body class="ap-public flex flex-col min-h-screen"> 584 585 <!-- Google One Tap Login --> 586 <div id="g_id_onload" data-client_id="657012396486-grccpg06fu3arhlph9herk5vqo53je1u.apps.googleusercontent.com" 587 data-login_uri="https://artpexels.com/auth/google/one-tap" 588 data-auto_prompt="true"> 589 </div> 590 591 592 593 594 <!-- Announcement Bar --> 595 596 <div class="ap-announcement w-full text-center py-2.5 px-4 relative z-50 transition-all duration-300 flex flex-col md:flex-row items-center justify-center gap-2 md:gap-4 " 597 style="background-color: #8cff00; color: #000000; ;"> 598 599 600 601 <span class="font-medium text-sm md:text-base tracking-wide"> 602 ð New! ArtPexels Studio is now available on Microsoft Store. 603 </span> 604 605 606 </div> 607 <!-- Top Bar --> 608 <nav class="ap-site-header header-bg shadow-md sticky top-0 z-50"> 609 <div class="container mx-auto px-4 h-16 flex items-center justify-between"> 610 <!-- Logo --> 611 <a href="/" 612 class="flex items-center gap-2 text-2xl font-bold tracking-tighter hover:opacity-90 transition-opacity flex-shrink-0"> 613 <span class="text-white">ART</span> <span class="text-primary">PEXELS</span> 614 </a> 615 616 <!-- Center: Search & Categories (Desktop) --> 617 <div class="ap-header-search hidden md:flex flex-1 max-w-2xl lg:max-w-3xl mx-4 lg:mx-8 items-center gap-3"> 618 619 <form action="/" method="GET" class="w-full relative group"> 620 <div 621 class="absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none"> 622 <i 623 class="fas fa-search text-gray-500 group-focus-within:text-primary transition-colors text-sm"></i> 624 </div> 625 <input type="search" name="search" aria-label="Search wallpapers" maxlength="200" placeholder="Search wallpapers..." 626 class="w-full search-input rounded-full py-2 pl-10 pr-4 focus:outline-none focus:ring-2 focus:ring-primary/50 border border-white/10 focus:border-primary text-sm transition-all duration-200 shadow-sm"> 627 </form> 628 629 630 <!-- Categories â° Button & 2-Column Dropdown (4kwallpapers.com Style) --> 631 632 <div class="relative flex-shrink-0 hidden md:block" id="header-categories-container"> 633 <button id="header-categories-btn" type="button" aria-expanded="false" aria-haspopup="true" data-category-trigger 634 class="categories-pill-btn flex items-center gap-2 px-4 py-2 rounded-xl text-sm font-medium transition-all duration-150 select-none cursor-pointer"> 635 <span>Categories</span> 636 <svg class="w-4 h-4 text-gray-300 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 637 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.2" d="M4 6h16M4 12h16M4 18h16"></path> 638 </svg> 639 </button> 640 641 <!-- 2-Column Floating Card (Anchored right below the button, matching user's reference) --> 642 <div id="header-categories-dropdown" 643 class="categories-dropdown-menu absolute right-0 top-full mt-2 w-[400px] max-w-[94vw] rounded-2xl shadow-2xl p-3 text-left"> 644 <div class="grid grid-cols-2 gap-x-2.5 gap-y-0.5 max-h-[72vh] overflow-y-auto ap-cat-scrollbar pr-1"> 645 646 <a href="/wallpapers/3d" 647 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
648 <span class="truncate pr-2">3D</span> 649 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 650 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 651 </svg> 652 </a> 653 654 <a href="/wallpapers/abstract" 655 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 656 <span class="truncate pr-2">Abstract</span> 657 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 658 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 659 </svg> 660 </a> 661 662 <a href="/wallpapers/action" 663 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 664 <span class="truncate pr-2">Action</span> 665 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 666 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 667 </svg> 668 </a> 669 670 <a href="/wallpapers/adventure" 671 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 672 <span class="truncate pr-2">Adventure</span> 673 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 674 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 675 </svg> 676 </a> 677 678 <a href="/wallpapers/aesthetic" 679 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
680 <span class="truncate pr-2">Aesthetic</span> 681 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 682 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 683 </svg> 684 </a> 685 686 <a href="/wallpapers/animal" 687 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 688 <span class="truncate pr-2">Animal</span> 689 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 690 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 691 </svg> 692 </a> 693 694 <a href="/wallpapers/anime" 695 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 696 <span class="truncate pr-2">Anime</span> 697 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 698 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 699 </svg> 700 </a> 701 702 <a href="/wallpapers/art" 703 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 704 <span class="truncate pr-2">Art</span> 705 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 706 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 707 </svg> 708 </a> 709 710 <a href="/wallpapers/avengers" 711 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
712 <span class="truncate pr-2">Avengers</span> 713 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 714 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 715 </svg> 716 </a> 717 718 <a href="/wallpapers/black-and-white" 719 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 720 <span class="truncate pr-2">Black and white</span> 721 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 722 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 723 </svg> 724 </a> 725 726 <a href="/wallpapers/cars" 727 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 728 <span class="truncate pr-2">Cars</span> 729 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 730 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 731 </svg> 732 </a> 733 734 <a href="/wallpapers/cartoons" 735 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 736 <span class="truncate pr-2">Cartoons</span> 737 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 738 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 739 </svg> 740 </a> 741 742 <a href="/wallpapers/cinematic" 743 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
744 <span class="truncate pr-2">Cinematic</span> 745 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 746 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 747 </svg> 748 </a> 749 750 <a href="/wallpapers/cityscape" 751 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 752 <span class="truncate pr-2">Cityscape</span> 753 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 754 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 755 </svg> 756 </a> 757 758 <a href="/wallpapers/close-up" 759 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 760 <span class="truncate pr-2">Close-Up</span> 761 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 762 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 763 </svg> 764 </a> 765 766 <a href="/wallpapers/cyberpunk" 767 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 768 <span class="truncate pr-2">Cyberpunk</span> 769 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 770 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 771 </svg> 772 </a> 773 774 <a href="/wallpapers/dark" 775 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
776 <span class="truncate pr-2">Dark</span> 777 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 778 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 779 </svg> 780 </a> 781 782 <a href="/wallpapers/fantasy" 783 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 784 <span class="truncate pr-2">Fantasy</span> 785 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 786 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 787 </svg> 788 </a> 789 790 <a href="/wallpapers/forgotten-worlds" 791 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 792 <span class="truncate pr-2">Forgotten Worlds</span> 793 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 794 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 795 </svg> 796 </a> 797 798 <a href="/wallpapers/gaming" 799 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 800 <span class="truncate pr-2">Gaming</span> 801 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 802 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 803 </svg> 804 </a> 805 806 <a href="/wallpapers/god-wallpapers" 807 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
808 <span class="truncate pr-2">God Wallpapers</span> 809 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 810 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 811 </svg> 812 </a> 813 814 <a href="/wallpapers/horror" 815 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 816 <span class="truncate pr-2">Horror</span> 817 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 818 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 819 </svg> 820 </a> 821 822 <a href="/wallpapers/illustration" 823 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 824 <span class="truncate pr-2">Illustration</span> 825 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 826 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 827 </svg> 828 </a> 829 830 <a href="/wallpapers/k-pop" 831 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 832 <span class="truncate pr-2">K-POP</span> 833 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 834 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 835 </svg> 836 </a> 837 838 <a href="/wallpapers/kawaii-art" 839 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
840 <span class="truncate pr-2">Kawaii Art</span> 841 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 842 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 843 </svg> 844 </a> 845 846 <a href="/wallpapers/landscape" 847 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 848 <span class="truncate pr-2">Landscape</span> 849 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 850 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 851 </svg> 852 </a> 853 854 <a href="/wallpapers/magical" 855 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 856 <span class="truncate pr-2">Magical</span> 857 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 858 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 859 </svg> 860 </a> 861 862 <a href="/wallpapers/minimal" 863 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 864 <span class="truncate pr-2">Minimal</span> 865 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 866 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 867 </svg> 868 </a> 869 870 <a href="/wallpapers/moody" 871 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
872 <span class="truncate pr-2">Moody</span> 873 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 874 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 875 </svg> 876 </a> 877 878 <a href="/wallpapers/motivation" 879 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 880 <span class="truncate pr-2">motivation</span> 881 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 882 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 883 </svg> 884 </a> 885 886 <a href="/wallpapers/mythical" 887 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 888 <span class="truncate pr-2">Mythical</span> 889 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 890 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 891 </svg> 892 </a> 893 894 <a href="/wallpapers/nature" 895 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 896 <span class="truncate pr-2">Nature</span> 897 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 898 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 899 </svg> 900 </a> 901 902 <a href="/wallpapers/sci-fi" 903 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
904 <span class="truncate pr-2">Sci-Fi</span> 905 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 906 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 907 </svg> 908 </a> 909 910 <a href="/wallpapers/sports" 911 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 912 <span class="truncate pr-2">Sports</span> 913 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 914 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 915 </svg> 916 </a> 917 918 <a href="/wallpapers/sunset" 919 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 920 <span class="truncate pr-2">Sunset</span> 921 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 922 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 923 </svg> 924 </a> 925 926 <a href="/wallpapers/superhero" 927 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 928 <span class="truncate pr-2">Superhero</span> 929 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 930 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 931 </svg> 932 </a> 933 934 <a href="/wallpapers/surreal" 935 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
936 <span class="truncate pr-2">Surreal</span> 937 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 938 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 939 </svg> 940 </a> 941 942 <a href="/wallpapers/warriors" 943 class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none"> 944 <span class="truncate pr-2">Warriors</span> 945 <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 946 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> 947 </svg> 948 </a> 949 950 </div> 951 </div> 952 </div> 953 </div> 954 955 <!-- Mobile Controls --> 956 <div class="md:hidden flex items-center gap-2 flex-shrink-0 ml-auto"> 957 958 <button type="button" class="ap-infinite-toggle flex-shrink-0" role="switch" aria-checked="false" aria-label="Infinite scroll" title="Infinite scroll: off"> 959 <span aria-hidden="true">â</span><span class="ap-switch-track" aria-hidden="true"></span> 960 </button> 961 962 963 <button id="mobile-categories-btn" type="button" aria-expanded="false" data-category-trigger 964 class="categories-pill-btn flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-xl border text-xs font-semibold select-none cursor-pointer"> 965 <span>Categories</span> 966 <svg class="w-3.5 h-3.5 text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 967 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> 968 </svg> 969 </button> 970 971 <!-- Mobile Menu Button --> 972 <button id="mobile-menu-toggle" type="button" aria-label="Navigation menu" aria-controls="mobile-menu" aria-expanded="false" 973 class="w-9 h-9 min-w-[36px] max-w-[36px] flex items-center justify-center text-gray-300 hover:text-white focus:outline-none flex-shrink-0"> 974 <svg id="icon-menu" class="w-6 h-6" fill="none" stroke="currentColor"
975 viewBox="0 0 24 24"> 976 <path stroke-linecap="round" stroke-linejoin="round" 977 stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> 978 </svg> 979 <svg id="icon-close" class="w-6 h-6 hidden" 980 fill="none" stroke="currentColor" viewBox="0 0 24 24"> 981 <path stroke-linecap="round" stroke-linejoin="round" 982 stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> 983 </svg> 984 </button> 985 </div> 986 987 <!-- Right Links & Toggles --> 988 <div class="ap-header-links hidden md:flex items-center gap-4 lg:gap-6 flex-shrink-0"> 989 <a href="/ai-generator" 990 class="text-primary hover:text-white text-sm font-bold transition-colors flex items-center gap-1"> 991 <i class="fas fa-magic text-xs"></i> AI Generator 992 </a> 993 <a href="/avatars" 994 class="text-gray-300 hover:text-white text-sm font-medium transition-colors flex items-center gap-1"> 995 <i class="far fa-user-circle text-xs"></i> Avatars 996 </a> 997 <a href="/api-docs" 998 class="text-gray-300 hover:text-white text-sm font-medium transition-colors">API 999 Docs</a> 1000 <a href="/api-status" 1001 class="text-gray-300 hover:text-white text-sm font-medium transition-colors">API 1002 Status</a> 1003 1004 1005 1006 1007 1008 1009 1010 <button type="button" class="ap-infinite-toggle" role="switch" aria-checked="false" aria-label="Infinite scroll" title="Infinite scroll: off"> 1011 <span aria-hidden="true">â</span><span class="ap-switch-track" aria-hidden="true"></span> 1012 </button> 1013 1014 <button class="ap-theme-toggle" type="button" aria-label="Switch to light mode" title="Switch theme"><i class="fas fa-sun" aria-hidden="true"></i></button> 1015 </div> 1016 </div> 1017 1018 <!-- Mobile Menu --> 1019 <div id="mobile-menu" inert 1020 class="md:hidden header-bg absolute top-full left-0 w-full z-50 shadow-xl transition-all duration-300 ease-in-out transform origin-top max-h-0 opacity-0 -translate-y-5 overflow-hidden pointer-events-none"> 1021 <div class="flex flex-col p-4 space-y-4"> 1022 1023 <form action="/" method="GET" role="search" class="flex gap-2"> 1024 <input type="search" name="search" aria-label="Search wallpapers" placeholder="Search wallpapers..." maxlength="200" class="search-input w-full min-w-0 rounded-lg px-3 py-2"> 1025 <button type="submit" class="bg-primary text-black px-3 py-2 rounded-lg" aria-label="Search"><i class="fas fa-search" aria-hidden="true"></i></button> 1026 </form> 1027 1028 1029 1030 <a href="/ai-generator" 1031 class="text-gray-300 hover:text-white block py-2 border-b border-gray-800 flex items-center gap-3"> 1032 <i class="fas fa-magic w-5 text-primary"></i> AI Generator 1033 </a> 1034 <a href="/avatars" 1035 class="text-gray-300 hover:text-white block py-2 border-b border-gray-800 flex items-center gap-3"> 1036 <i class="far fa-user-circle w-5 text-primary"></i> Avatars 1037 </a> 1038 <a href="/api-docs" 1039 class="text-gray-300 hover:text-white block py-2 border-b border-gray-800 flex items-center gap-3"> 1040 <i class="fas fa-book w-5 text-primary"></i> API Docs 1041 </a> 1042 <a href="/api-status" 1043 class="text-gray-300 hover:text-white block py-2 border-b border-gray-800 flex items-center gap-3"> 1044 <i class="fas fa-server w-5 text-primary"></i> API Status 1045 </a> 1046 1047 1048 <div class="flex flex-col gap-3 pt-2"> 1049 1050 1051 </div> 1052 1053 </div> 1054 </div> 1055 </nav> 1056 1057
1057<script> 1058 const mobileBtn = document.getElementById('mobile-menu-toggle'); 1059 const mobileMenu = document.getElementById('mobile-menu'); 1060 1061 if (mobileBtn && mobileMenu) { 1062 const iconMenu = document.getElementById('icon-menu'); 1063 const iconClose = document.getElementById('icon-close'); 1064 1065 mobileBtn.addEventListener('click', () => { 1066 const isClosed = mobileMenu.classList.contains('max-h-0'); 1067 1068 if (isClosed) { 1069 // Open Menu 1070 mobileMenu.inert = false; 1071 mobileBtn.setAttribute('aria-expanded', 'true'); 1072 mobileMenu.classList.remove('max-h-0', 'opacity-0', '-translate-y-5', 'pointer-events-none'); 1073 mobileMenu.classList.add('max-h-screen', 'opacity-100', 'translate-y-0', 'pointer-events-auto'); 1074 1075 // Change Icon to Close 1076 if (iconMenu && iconClose) { 1077 iconMenu.classList.add('hidden'); 1078 iconClose.classList.remove('hidden'); 1079 } 1080 } else { 1081 // Close Menu 1082 mobileMenu.inert = true; 1083 mobileBtn.setAttribute('aria-expanded', 'false'); 1084 mobileMenu.classList.remove('max-h-screen', 'opacity-100', 'translate-y-0', 'pointer-events-auto'); 1085 mobileMenu.classList.add('max-h-0', 'opacity-0', '-translate-y-5', 'pointer-events-none'); 1086 1087 // Change Icon to Hamburger 1088 if (iconMenu && iconClose) { 1089 iconMenu.classList.remove('hidden'); 1090 iconClose.classList.add('hidden'); 1091 } 1092 } 1093 }); 1094 1095 document.addEventListener('keydown', (event) => { 1096 if (event.key === 'Escape' && mobileBtn.getAttribute('aria-expanded') === 'true') { 1097 mobileBtn.click(); 1098 mobileBtn.focus(); 1099 } 1100 }); 1101 1102 // Close menu when clicking outside 1103 document.addEventListener('click', (e) => { 1104 if (!mobileMenu.contains(e.target) && !mobileBtn.contains(e.target) && !mobileMenu.classList.contains('max-h-0')) { 1105 mobileMenu.inert = true; 1106 mobileBtn.setAttribute('aria-expanded', 'false'); 1107 mobileMenu.classList.remove('max-h-screen', 'opacity-100', 'translate-y-0', 'pointer-events-auto'); 1108 mobileMenu.classList.add('max-h-0', 'opacity-0', '-translate-y-5', 'pointer-events-none'); 1109 1110 // Reset Icon 1111 if (iconMenu && iconClose) { 1112 iconMenu.classList.remove('hidden'); 1113 iconClose.classList.add('hidden'); 1114 } 1115 } 1116 }); 1117 } 1118 1119 // 4KWallpapers-style Categories Dropdown & Triggers Logic 1120 (function() { 1121 const catBtn = document.getElementById('header-categories-btn'); 1122 const catDropdown = document.getElementById('header-categories-dropdown'); 1123 let activeCategoryTrigger = catBtn; 1124 // Keep the shared menu outside the desktop-only search wrapper. 1125 if (catDropdown) { 1126 document.body.appendChild(catDropdown); 1127 catDropdown.inert = true; 1128 } 1129 1130 function toggleCategoriesMenu(e) { 1131 if (e) { 1132 activeCategoryTrigger = e.currentTarget || catBtn; 1133 e.stopPropagation(); 1134 e.preventDefault(); 1135 } 1136 if (!catDropdown) return; 1137 const isOpen = catDropdown.classList.contains('is-open'); 1138 if (isOpen) { 1139 closeCategoriesMenu(); 1140 } else { 1141 openCategoriesMenu(); 1142 } 1143 } 1144 1145 function openCategoriesMenu() { 1146 if (!catDropdown || !activeCategoryTrigger) return; 1147 const rect = activeCategoryTrigger.getBoundingClientRect(); 1148 const width = Math.min(410, window.innerWidth - 24); 1149 Object.assign(catDropdown.style, { 1150 position: 'fixed', width: width + 'px', 1151 left: Math.max(12, Math.min(rect.right - width, window.innerWidth - width - 12)) + 'px', 1152 right: 'auto', top: (rect.bottom + 8) + 'px', 1153 maxHeight: Math.max(140, window.innerHeight - rect.bottom - 20) + 'px', 1154 overflowY: 'hidden', zIndex: '200' 1155 }); 1156 catDropdown.inert = false;
1157 catDropdown.classList.add('is-open'); 1158 document.querySelectorAll('[data-category-trigger]').forEach(button => { 1159 button.classList.add('is-active'); 1160 button.setAttribute('aria-expanded', 'true'); 1161 button.setAttribute('aria-controls', 'header-categories-dropdown'); 1162 }); 1163 } 1164 1165 function closeCategoriesMenu() { 1166 if (!catDropdown) return; 1167 catDropdown.classList.remove('is-open'); 1168 catDropdown.inert = true; 1169 document.querySelectorAll('[data-category-trigger]').forEach(button => { 1170 button.classList.remove('is-active'); 1171 button.setAttribute('aria-expanded', 'false'); 1172 }); 1173 } 1174 window.addEventListener('resize', closeCategoriesMenu); 1175 1176 window.toggleCategoryMenu = toggleCategoriesMenu; 1177 window.closeCategoryMenu = closeCategoriesMenu; 1178 1179 // Attach event to all elements with data-category-trigger 1180 document.querySelectorAll('[data-category-trigger]').forEach(btn => { 1181 btn.addEventListener('click', toggleCategoriesMenu); 1182 }); 1183 1184 // Close when clicking outside 1185 document.addEventListener('click', (e) => { 1186 if (catDropdown && catDropdown.classList.contains('is-open')) { 1187 if (!catDropdown.contains(e.target) && (!catBtn || !catBtn.contains(e.target)) && !e.target.closest('[data-category-trigger]')) { 1188 closeCategoriesMenu(); 1189 } 1190 } 1191 }); 1192 1193 // Close on Escape 1194 document.addEventListener('keydown', (e) => { 1195 if (e.key === 'Escape' && catDropdown && catDropdown.classList.contains('is-open')) { 1196 closeCategoriesMenu(); 1197 activeCategoryTrigger?.focus(); 1198 } 1199 }); 1200 1201 1202 })(); 1203 1204 // Guaranteed Immediate Header Scroll Transparency Handler 1205 (function() { 1206 const siteHeader = document.querySelector('.ap-site-header'); 1207 if (!siteHeader) return; 1208 const announcement = document.querySelector('.ap-announcement'); 1209 1210 function syncHeaderScroll() { 1211 const scrollY = window.pageYOffset || window.scrollY || document.documentElement.scrollTop || 0; 1212 const threshold = announcement ? (announcement.offsetHeight || 0) : 0; 1213 if (scrollY > threshold) { 1214 siteHeader.classList.add('is-scrolled'); 1215 } else { 1216 siteHeader.classList.remove('is-scrolled'); 1217 } 1218 } 1219 1220 window.addEventListener('scroll', syncHeaderScroll, { passive: true }); 1221 window.addEventListener('resize', syncHeaderScroll); 1222 syncHeaderScroll(); 1223 })(); 1224 </script>
1224 1225 1226 <!-- No Spacer needed for sticky header --> 1227 1228
1228<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11" defer></script>
1228 1229 1230 1231 1232 1233 1234 <div class="ap-gallery container mx-auto px-2 sm:px-4 pb-6 pt-4"> 1235 <!-- Subcategories Filter --> 1236 1237 1238
1238<script> 1239 // Instant show for cached images 1240 (function () { 1241 var images = document.querySelectorAll('.wallpaper-grid-img'); 1242 for (var i = 0; i < images.length; i++) { 1243 if (images[i].complete) { 1244 images[i].classList.remove('opacity-0'); 1245 // Hide loader 1246 var loader = images[i].previousElementSibling; 1247 if (loader) loader.style.display = 'none'; 1248 } 1249 } 1250 })(); 1251 </script>
1251 1252 1253 <!-- Main Navigation Filter --> 1254 <div class="flex justify-center mb-6"> 1255 <div class="ap-gallery-tabs gallery-nav-row flex flex-wrap justify-center"> 1256 1257 <a href="/" 1258 class="is-active"> 1259 <i class="fas fa-house"></i> 1260 <span>Recent</span> 1261 </a> 1262 <a href="/?sort=popular" rel="nofollow" 1263 class=""> 1264 <i class="fas fa-fire"></i> 1265 <span>Popular</span> 1266 </a> 1267 <a href="/?sort=featured" rel="nofollow" 1268 class=""> 1269 <i class="fas fa-star"></i> 1270 <span>Featured</span> 1271 </a> 1272 <a href="/?sort=random" rel="nofollow" 1273 class=""> 1274 <i class="fas fa-shuffle"></i> 1275 <span>Random</span> 1276 </a> 1277 <a href="/?sort=collections" rel="nofollow" 1278 class=""> 1279 <i class="fas fa-layer-group"></i> 1280 <span>Collections</span> 1281 </a> 1282 1283 </div> 1284 </div> 1285 1286 <!-- Custom Top Navigation (Tags) --> 1287 <div class="flex justify-center mb-6"> 1288 <div class="gallery-nav-row flex flex-wrap items-center justify-center gap-4 px-4 w-full"> 1289 1290 1291 1292 1293 <a href="/wallpapers/iphone" 1294 class="text-gray-400 hover:text-white text-sm font-medium transition-colors"> 1295 iPhone Wallpapers 1296 </a> 1297 1298 1299 1300 1301 <a href="/wallpapers/cute-kawaii" 1302 class="text-gray-400 hover:text-white text-sm font-medium transition-colors"> 1303 Cute kawaii 1304 </a> 1305 1306 1307 1308 1309 <a href="/wallpapers/ultrawide" 1310 class="text-gray-400 hover:text-white text-sm font-medium transition-colors"> 1311 UltraWide HD Monitor 1312 </a> 1313 1314 1315 1316 1317 <a href="/wallpapers/4k" 1318 class="text-gray-400 hover:text-white text-sm font-medium transition-colors"> 1319 Cool 4K 1320 </a> 1321 1322 1323 1324 1325 <a href="/wallpapers/black" 1326 class="text-gray-400 hover:text-white text-sm font-medium transition-colors"> 1327 Black 1328 </a> 1329 1330 1331 1332 1333 <a href="/wallpapers/aesthetic" 1334 class="text-gray-400 hover:text-white text-sm font-medium transition-colors"> 1335 Aesthetic backgrounds 1336 </a> 1337 1338 1339 1340 1341 <a href="/wallpapers/space" 1342 class="text-gray-400 hover:text-white text-sm font-medium transition-colors"> 1343 Space 1344 </a> 1345 1346 1347 1348 </div> 1349 </div> 1350 1351 <!-- Featured Header & Device Filter --> 1352 <div 1353 class="flex flex-col md:flex-row md:items-center justify-between gap-4 mb-6 border-l-4 border-primary pl-4"> 1354 <div> 1355 <h1 class="text-2xl font-normal text-white"> 1356 1357 1358 1359 Recent <span 1360 class="font-bold">Wallpapers</span> 1361 1362 </h1> 1363 1364 </div> 1365 1366 <!-- Device Filter Toggle --> 1367 <div class="ap-device-filter flex items-center bg-surface rounded-lg p-1 border border-gray-700 w-fit"> 1368 1369 <a href="/?orientation=all" 1370 class="px-3 py-1.5 rounded-md text-xs font-semibold transition-all is-active"> 1371 All 1372 </a> 1373 <a href="/?orientation=mobile" rel="nofollow" 1374 class="px-3 py-1.5 rounded-md text-xs font-semibold transition-all flex items-center gap-1 text-gray-400 hover:text-white"> 1375 <i class="fas fa-mobile-alt"></i> Mobile 1376 </a> 1377 <a href="/?orientation=pc" rel="nofollow" 1378 class="px-3 py-1.5 rounded-md text-xs font-semibold transition-all flex items-center gap-1 text-gray-400 hover:text-white"> 1379 <i class="fas fa-desktop"></i> PC 1380 </a> 1381 </div> 1382 </div> 1383 1384 <!-- Wallpaper Grid --> 1385 1386 1387 <div class="ap-wallpaper-grid "> 1388 1389 <div class="break-inside-avoid"> 1390 <a href="/wallpaper/happy-little-cloud-hugging-a-vibrant-rainbow-in-pastel-sky-ebfc7b558d10" 1391 aria-label="View Happy Little Cloud Hugging a Vibrant Rainbow in Pastel Sky Kawaii Art wallpaper 1008x2240" 1392 class="ap-wallpaper-card group block"> 1393 <!-- Image Container with Skeleton Loa
1393ding --> 1394 <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden" 1395 style="aspect-ratio: 9/16;"> 1396 <!-- Mobile Portrait Icon --> 1397 1398 <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true"> 1399 <i class="fas fa-mobile-alt"></i> 1400 </span> 1401 1402 1403 <!-- Logo Loader --> 1404 <div 1405 class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none"> 1406 <img src="/images/favicon.ico" 1407 class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading..."> 1408 </div> 1409 1410 <img src="/uploads/happy-little-cloud-hugging-a-vibrant-rainbow-in-pastel-sky-925103905.webp" 1411 srcset="/thumbnails/320/happy-little-cloud-hugging-a-vibrant-rainbow-in-pastel-sky-925103905.webp 320w, /thumbnails/640/happy-little-cloud-hugging-a-vibrant-rainbow-in-pastel-sky-925103905.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" 1412 alt="Happy Little Cloud Hugging a Vibrant Rainbow in Pastel Sky Kawaii Art wallpaper 1008x2240" 1413 width="1008" 1414 height="2240" 1415 title="Happy Little Cloud Hugging a Vibrant Rainbow in Pastel Sky" decoding="async" 1416 loading="eager" 1417 fetchpriority="high" 1418 1419 class="wallpaper-grid-img absolute inset-0 w-full h-full 1420 object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 " 1421 onerror="this.previousElementSibling.style.display='none';"> 1422 </div> 1423 1424 <!-- Overlay Info (Bottom) --> 1425 <div 1426 class="ap-card-caption"> 1427 <h3 class="text-white text-sm font-bold truncate"> 1428 Happy Little Cloud Hugging a Vibrant Rainbow in Pastel Sky 1429 </h3> 1430 </div> 1431 </a> 1432 </div> 1433 1434 1435 1436 1437 1438 <div class="break-inside-avoid"> 1439 <a href="/wallpaper/retro-yellow-cassette-tape-with-sunglasses-pop-art-design-e77dd8074b59" 1440 aria-label="View Retro Yellow Cassette Tape with Sunglasses Pop Art Design Aesthetic wallpaper 1008x2240" 1441 class="ap-wallpaper-card group block"> 1442 <!-- Image Container with Skeleton Loading --> 1443 <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden" 1444 style="aspect-ratio: 9/16;"> 1445 <!-- Mobile Portrait Icon --> 1446
1447 <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true"> 1448 <i class="fas fa-mobile-alt"></i> 1449 </span> 1450 1451 1452 <!-- Logo Loader --> 1453 <div 1454 class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none"> 1455 <img src="/images/favicon.ico" 1456 class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading..."> 1457 </div> 1458 1459 <img src="/uploads/retro-yellow-cassette-tape-with-sunglasses-pop-art-design-924142954.webp" 1460 srcset="/thumbnails/320/retro-yellow-cassette-tape-with-sunglasses-pop-art-design-924142954.webp 320w, /thumbnails/640/retro-yellow-cassette-tape-with-sunglasses-pop-art-design-924142954.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" 1461 alt="Retro Yellow Cassette Tape with Sunglasses Pop Art Design Aesthetic wallpaper 1008x2240" 1462 width="1008" 1463 height="2240" 1464 title="Retro Yellow Cassette Tape with Sunglasses Pop Art Design" decoding="async" 1465 loading="eager" 1466 fetchpriority="auto" 1467 1468 class="wallpaper-grid-img absolute inset-0 w-full h-full 1469 object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 " 1470 onerror="this.previousElementSibling.style.display='none';"> 1471 </div> 1472 1473 <!-- Overlay Info (Bottom) --> 1474 <div 1475 class="ap-card-caption"> 1476 <h3 class="text-white text-sm font-bold truncate"> 1477 Retro Yellow Cassette Tape with Sunglasses Pop Art Design 1478 </h3> 1479 </div> 1480 </a> 1481 </div> 1482 1483 1484 1485 1486 1487 <div class="break-inside-avoid"> 1488 <a href="/wallpaper/tiny-pastel-ghost-drifting-through-soft-dreamy-clouds-2fb914cc3092" 1489 aria-label="View Tiny Pastel Ghost Drifting Through Soft Dreamy Clouds Kawaii Art wallpaper 1008x2240" 1490 class="ap-wallpaper-card group block"> 1491 <!-- Image Container with Skeleton Loading --> 1492 <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden" 1493 style="aspect-ratio: 9/16;"> 1494 <!-- Mobile Portrait Icon --> 1495 1496 <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true"> 1497 <i class="fas fa-mobile-alt"></i> 1498 </span> 1499 1500 1501 <!-- Logo Loader --> 1502 <div 1503 class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none"> 1504 <img src="/images/favicon.ico" 1505 class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading..."> 1506 </div> 1507 1508 <img src="/uploads/tiny-pastel-ghost-drifting-through-soft-dreamy-clouds-922387055.webp" 1509 srcset="/thumbn
1509ails/320/tiny-pastel-ghost-drifting-through-soft-dreamy-clouds-922387055.webp 320w, /thumbnails/640/tiny-pastel-ghost-drifting-through-soft-dreamy-clouds-922387055.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" 1510 alt="Tiny Pastel Ghost Drifting Through Soft Dreamy Clouds Kawaii Art wallpaper 1008x2240" 1511 width="1008" 1512 height="2240" 1513 title="Tiny Pastel Ghost Drifting Through Soft Dreamy Clouds" decoding="async" 1514 loading="eager" 1515 fetchpriority="auto" 1516 1517 class="wallpaper-grid-img absolute inset-0 w-full h-full 1518 object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 " 1519 onerror="this.previousElementSibling.style.display='none';"> 1520 </div> 1521 1522 <!-- Overlay Info (Bottom) --> 1523 <div 1524 class="ap-card-caption"> 1525 <h3 class="text-white text-sm font-bold truncate"> 1526 Tiny Pastel Ghost Drifting Through Soft Dreamy Clouds 1527 </h3> 1528 </div> 1529 </a> 1530 </div> 1531 1532 1533 1534 1535 1536 <div class="break-inside-avoid"> 1537 <a href="/wallpaper/cozy-cat-watching-the-crescent-moon-from-a-quiet-bedroom-ee367e952d46" 1538 aria-label="View Cozy Cat Watching the Crescent Moon from a Quiet Bedroom Aesthetic wallpaper 1008x2240" 1539 class="ap-wallpaper-card group block"> 1540 <!-- Image Container with Skeleton Loading --> 1541 <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden" 1542 style="aspect-ratio: 9/16;"> 1543 <!-- Mobile Portrait Icon --> 1544 1545 <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true"> 1546 <i class="fas fa-mobile-alt"></i> 1547 </span> 1548 1549 1550 <!-- Logo Loader --> 1551 <div 1552 class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none"> 1553 <img src="/images/favicon.ico" 1554 class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading..."> 1555 </div> 1556 1557 <img src="/uploads/cozy-cat-watching-the-crescent-moon-from-a-quiet-bedroom-921565542.webp" 1558 srcset="/thumbnails/320/cozy-cat-watching-the-crescent-moon-from-a-quiet-bedroom-921565542.webp 320w, /thumbnails/640/cozy-cat-watching-the-crescent-moon-from-a-quiet-bedroom-921565542.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" 1559 alt="Cozy Cat Watching the Crescent Moon from a Quiet Bedroom Aesthetic wallpaper 1008x2240" 1560 width="1008" 1561 height="2240" 1562 title="Cozy Cat Watching the Crescent Moon from a Quiet Bedroom" decoding="async" 1563 loading="eager" 1564 fetchpriority="auto" 1565 1566 class="wallpaper-grid-img absolute inset-0 w-full h-full 1567 object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 " 1568 onerror="this.previousElementSibling.style.display='none';"> 1569 </div> 1570 1571 <!-- Overlay Info (Bottom) --> 1572 <div 1573 class="ap-card-caption"> 1574 <h3 class="text-white text-sm font-bold truncate"> 1575 Cozy Cat Watching the Crescent Moon from a Quiet Bedroom 1576 </h3> 1577 </div> 1578 </a> 1579 </div> 1580 1581 1582 1583 1584 1585 <div class="break-inside-avoid"> 1586 <a href="/wallpaper/cozy-pixel-art-cottage-on-a-floating-island-at-night-59ceeead2ebf" 1587 aria-label="View Cozy Pixel Art C
1587ottage on a Floating Island at Night Fantasy wallpaper 1008x2240" 1588 class="ap-wallpaper-card group block"> 1589 <!-- Image Container with Skeleton Loading --> 1590 <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden" 1591 style="aspect-ratio: 9/16;"> 1592 <!-- Mobile Portrait Icon --> 1593 1594 <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true"> 1595 <i class="fas fa-mobile-alt"></i> 1596 </span> 1597 1598 1599 <!-- Logo Loader --> 1600 <div 1601 class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none"> 1602 <img src="/images/favicon.ico" 1603 class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading..."> 1604 </div> 1605 1606 <img src="/uploads/cozy-pixel-art-cottage-on-a-floating-island-at-night-920684555.webp" 1607 srcset="/thumbnails/320/cozy-pixel-art-cottage-on-a-floating-island-at-night-920684555.webp 320w, /thumbnails/640/cozy-pixel-art-cottage-on-a-floating-island-at-night-920684555.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" 1608 alt="Cozy Pixel Art Cottage on a Floating Island at Night Fantasy wallpaper 1008x2240" 1609 width="1008" 1610 height="2240" 1611 title="Cozy Pixel Art Cottage on a Floating Island at Night" decoding="async" 1612 loading="lazy" 1613 1614 class="wallpaper-grid-img absolute inset-0 w-full h-full 1615 object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 " 1616 onerror="this.previousElementSibling.style.display='none';"> 1617 </div> 1618 1619 <!-- Overlay Info (Bottom) --> 1620 <div 1621 class="ap-card-caption"> 1622 <h3 class="text-white text-sm font-bold truncate"> 1623 Cozy Pixel Art Cottage on a Floating Island at Night 1624 </h3> 1625 </div> 1626 </a> 1627 </div> 1628 1629 1630 1631 1632 1633 <div class="break-inside-avoid"> 1634 <a href="/wallpaper/minimalist-layered-paper-mountains-with-soft-sage-tones-31f964dd7435" 1635 aria-label="View Minimalist Layered Paper Mountains with Soft Sage Tones wallpaper 1008x2240" 1636 class="ap-wallpaper-card group block"> 1637 <!-- Image Container with Skeleton Loading --> 1638 <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden" 1639 style="aspect-ratio: 9/16;"> 1640 <!-- Mobile Portrait Icon --> 1641
1642 <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true"> 1643 <i class="fas fa-mobile-alt"></i> 1644 </span> 1645 1646 1647 <!-- Logo Loader --> 1648 <div 1649 class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none"> 1650 <img src="/images/favicon.ico" 1651 class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading..."> 1652 </div> 1653 1654 <img src="/uploads/minimalist-layered-paper-mountains-with-soft-sage-tones-919602261.webp" 1655 srcset="/thumbnails/320/minimalist-layered-paper-mountains-with-soft-sage-tones-919602261.webp 320w, /thumbnails/640/minimalist-layered-paper-mountains-with-soft-sage-tones-919602261.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" 1656 alt="Minimalist Layered Paper Mountains with Soft Sage Tones wallpaper 1008x2240" 1657 width="1008" 1658 height="2240" 1659 title="Minimalist Layered Paper Mountains with Soft Sage Tones" decoding="async" 1660 loading="lazy" 1661 1662 class="wallpaper-grid-img absolute inset-0 w-full h-full 1663 object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 " 1664 onerror="this.previousElementSibling.style.display='none';"> 1665 </div> 1666 1667 <!-- Overlay Info (Bottom) --> 1668 <div 1669 class="ap-card-caption"> 1670 <h3 class="text-white text-sm font-bold truncate"> 1671 Minimalist Layered Paper Mountains with Soft Sage Tones 1672 </h3> 1673 </div> 1674 </a> 1675 </div> 1676 1677 1678 1679 1680 1681 <div class="break-inside-avoid"> 1682 <a href="/wallpaper/minimalist-terracotta-mountains-at-sunset-geometric-art-e789a771ac99" 1683 aria-label="View Minimalist Terracotta Mountains at Sunset Geometric Art wallpaper 1008x2240" 1684 class="ap-wallpaper-card group block"> 1685 <!-- Image Container with Skeleton Loading --> 1686 <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden" 1687 style="aspect-ratio: 9/16;"> 1688 <!-- Mobile Portrait Icon --> 1689 1690 <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true"> 1691 <i class="fas fa-mobile-alt"></i> 1692 </span> 1693 1694 1695 <!-- Logo Loader --> 1696 <div 1697 class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none"> 1698 <img src="/images/favicon.ico" 1699 class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading..."> 1700 </div> 1701 1702 <img src="/uploads/minimalist-terracotta-mountains-at-sunset-geometric-art-918431539.webp" 1703 srcset="/thumbn
1703ails/320/minimalist-terracotta-mountains-at-sunset-geometric-art-918431539.webp 320w, /thumbnails/640/minimalist-terracotta-mountains-at-sunset-geometric-art-918431539.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" 1704 alt="Minimalist Terracotta Mountains at Sunset Geometric Art wallpaper 1008x2240" 1705 width="1008" 1706 height="2240" 1707 title="Minimalist Terracotta Mountains at Sunset Geometric Art" decoding="async" 1708 loading="lazy" 1709 1710 class="wallpaper-grid-img absolute inset-0 w-full h-full 1711 object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 " 1712 onerror="this.previousElementSibling.style.display='none';"> 1713 </div> 1714 1715 <!-- Overlay Info (Bottom) --> 1716 <div 1717 class="ap-card-caption"> 1718 <h3 class="text-white text-sm font-bold truncate"> 1719 Minimalist Terracotta Mountains at Sunset Geometric Art 1720 </h3> 1721 </div> 1722 </a> 1723 </div> 1724 1725 1726 1727 1728 1729 <div class="break-inside-avoid"> 1730 <a href="/wallpaper/minimalist-line-art-cat-resting-on-a-crescent-moon-071e5bad76fd" 1731 aria-label="View Minimalist Line Art Cat Resting on a Crescent Moon wallpaper 1008x2240" 1732 class="ap-wallpaper-card group block"> 1733 <!-- Image Container with Skeleton Loading --> 1734 <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden" 1735 style="aspect-ratio: 9/16;"> 1736 <!-- Mobile Portrait Icon --> 1737 1738 <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true"> 1739 <i class="fas fa-mobile-alt"></i> 1740 </span> 1741 1742 1743 <!-- Logo Loader --> 1744 <div 1745 class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none"> 1746 <img src="/images/favicon.ico" 1747 class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading..."> 1748 </div> 1749 1750 <img src="/uploads/minimalist-line-art-cat-resting-on-a-crescent-moon-917662663.webp" 1751 srcset="/thumbnails/320/minimalist-line-art-cat-resting-on-a-crescent-moon-917662663.webp 320w, /thumbnails/640/minimalist-line-art-cat-resting-on-a-crescent-moon-917662663.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" 1752 alt="Minimalist Line Art Cat Resting on a Crescent Moon wallpaper 1008x2240" 1753 width="1008" 1754 height="2240" 1755 title="Minimalist Line Art Cat Resting on a Crescent Moon" decoding="async" 1756 loading="lazy" 1757 1758 class="wallpaper-grid-img absolute inset-0 w-full h-full 1759 object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 " 1760 onerror="this.previousElementSibling.style.display='none';"> 1761 </div> 1762 1763 <!-- Overlay Info (Bottom) --> 1764 <div 1765 class="ap-card-caption"> 1766 <h3 class="text-white text-sm font-bold truncate"> 1767 Minimalist Line Art Cat Resting on a Crescent Moon 1768 </h3> 1769 </div> 1770 </a> 1771 </div> 1772 1773 1774 1775 1776 1777 <div class="break-inside-avoid"> 1778 <a href="/wallpaper/little-astronaut-sketching-stars-on-a-textured-moon-surface-e4ed2a392092" 1779 aria-label="View Little Astronaut Sketching Stars on a Textured Moon Surface Minimal wallpaper 1008x2240" 1780 class="ap-wallpaper-card group block"> 1781 <!-- Image Container with Skeleton Loa
1781ding --> 1782 <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden" 1783 style="aspect-ratio: 9/16;"> 1784 <!-- Mobile Portrait Icon --> 1785 1786 <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true"> 1787 <i class="fas fa-mobile-alt"></i> 1788 </span> 1789 1790 1791 <!-- Logo Loader --> 1792 <div 1793 class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none"> 1794 <img src="/images/favicon.ico" 1795 class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading..."> 1796 </div> 1797 1798 <img src="/uploads/little-astronaut-sketching-stars-on-a-textured-moon-surface-916730068.webp" 1799 srcset="/thumbnails/320/little-astronaut-sketching-stars-on-a-textured-moon-surface-916730068.webp 320w, /thumbnails/640/little-astronaut-sketching-stars-on-a-textured-moon-surface-916730068.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" 1800 alt="Little Astronaut Sketching Stars on a Textured Moon Surface Minimal wallpaper 1008x2240" 1801 width="1008" 1802 height="2240" 1803 title="Little Astronaut Sketching Stars on a Textured Moon Surface" decoding="async" 1804 loading="lazy" 1805 1806 class="wallpaper-grid-img absolute inset-0 w-full h-full 1807 object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 " 1808 onerror="this.previousElementSibling.style.display='none';"> 1809 </div> 1810 1811 <!-- Overlay Info (Bottom) --> 1812 <div 1813 class="ap-card-caption"> 1814 <h3 class="text-white text-sm font-bold truncate"> 1815 Little Astronaut Sketching Stars on a Textured Moon Surface 1816 </h3> 1817 </div> 1818 </a> 1819 </div> 1820 1821 1822 <!-- One responsive ad slot shared by mobile and desktop. --> 1823 <div class="ap-gallery-ad break-inside-avoid"> 1824 <div 1825 class="bg-surface rounded-lg overflow-hidden shadow-lg relative w-full group hover:shadow-2xl transition-all duration-300"> 1826 <div class="absolute top-2 right-2 z-10"> 1827 <span 1828 class="text-[10px] font-bold text-gray-500 bg-black/50 px-2 py-0.5 rounded-full uppercase tracking-wider">Ad</span> 1829 </div> 1830 1831 <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" 1832 data-ad-layout-key="+2t+rl+2h-1m-4u" 1833 data-ad-client="ca-pub-8427485526135631" 1834 data-ad-slot="5282216725"></ins> 1835
1835<script> 1836 (adsbygoogle = window.adsbygoogle || []).push({}); 1837 </script>
1837 1838 </div> 1839 </div> 1840 1841 1842 1843 1844 <div class="break-inside-avoid"> 1845 <a href="/wallpaper/cosmic-whale-swimming-through-a-sea-of-twinkling-stars-887eda3c7c07" 1846 aria-label="View Cosmic Whale Swimming Through a Sea of Twinkling Stars Illustration wallpaper 1008x2240" 1847 class="ap-wallpaper-card group block"> 1848 <!-- Image Container with Skeleton Loading --> 1849 <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden" 1850 style="aspect-ratio: 9/16;"> 1851 <!-- Mobile Portrait Icon --> 1852 1853 <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true"> 1854 <i class="fas fa-mobile-alt"></i> 1855 </span> 1856 1857 1858 <!-- Logo Loader --> 1859 <div 1860 class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none"> 1861 <img src="/images/favicon.ico" 1862 class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading..."> 1863 </div> 1864 1865 <img src="/uploads/cosmic-whale-swimming-through-a-sea-of-twinkling-stars-915579266.webp" 1866 srcset="/thumbnails/320/cosmic-whale-swimming-through-a-sea-of-twinkling-stars-915579266.webp 320w, /thumbnails/640/cosmic-whale-swimming-through-a-sea-of-twinkling-stars-915579266.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" 1867 alt="Cosmic Whale Swimming Through a Sea of Twinkling Stars Illustration wallpaper 1008x2240" 1868 width="1008" 1869 height="2240" 1870 title="Cosmic Whale Swimming Through a Sea of Twinkling Stars" decoding="async" 1871 loading="lazy" 1872 1873 class="wallpaper-grid-img absolute inset-0 w-full h-full 1874 object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 " 1875 onerror="this.previousElementSibling.style.display='none';"> 1876 </div> 1877 1878 <!-- Overlay Info (Bottom) --> 1879 <div 1880 class="ap-card-caption"> 1881 <h3 class="text-white text-sm font-bold truncate"> 1882 Cosmic Whale Swimming Through a Sea of Twinkling Stars 1883 </h3> 1884 </div> 1885 </a> 1886 </div> 1887 1888 1889 1890 1891 1892 <div class="break-inside-avoid"> 1893 <a href="/wallpaper/luminous-orchid-encased-in-shimmering-frozen-ice-76b58e7aa329" 1894 aria-label="View Luminous Orchid Encased in Shimmering Frozen Ice Aesthetic wallpaper 1008x2240" 1895 class="ap-wallpaper-card group block"> 1896 <!-- Image Container with Skeleton Loa
1896ding --> 1897 <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden" 1898 style="aspect-ratio: 9/16;"> 1899 <!-- Mobile Portrait Icon --> 1900 1901 <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true"> 1902 <i class="fas fa-mobile-alt"></i> 1903 </span> 1904 1905 1906 <!-- Logo Loader --> 1907 <div 1908 class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none"> 1909 <img src="/images/favicon.ico" 1910 class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading..."> 1911 </div> 1912 1913 <img src="/uploads/luminous-orchid-encased-in-shimmering-frozen-ice-802939065.webp" 1914 srcset="/thumbnails/320/luminous-orchid-encased-in-shimmering-frozen-ice-802939065.webp 320w, /thumbnails/640/luminous-orchid-encased-in-shimmering-frozen-ice-802939065.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" 1915 alt="Luminous Orchid Encased in Shimmering Frozen Ice Aesthetic wallpaper 1008x2240" 1916 width="1008" 1917 height="2240" 1918 title="Luminous Orchid Encased in Shimmering Frozen Ice" decoding="async" 1919 loading="lazy" 1920 1921 class="wallpaper-grid-img absolute inset-0 w-full h-full 1922 object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 " 1923 onerror="this.previousElementSibling.style.display='none';"> 1924 </div> 1925 1926 <!-- Overlay Info (Bottom) --> 1927 <div 1928 class="ap-card-caption"> 1929 <h3 class="text-white text-sm font-bold truncate"> 1930 Luminous Orchid Encased in Shimmering Frozen Ice 1931 </h3> 1932 </div> 1933 </a> 1934 </div> 1935 1936 1937 1938 1939 1940 <div class="break-inside-avoid"> 1941 <a href="/wallpaper/mechanical-wolf-with-glowing-purple-eyes-in-deep-shadow-fc29cfeb4945" 1942 aria-label="View Mechanical Wolf with Glowing Purple Eyes in Deep Shadow Sci-Fi wallpaper 1008x2240" 1943 class="ap-wallpaper-card group block"> 1944 <!-- Image Container with Skeleton Loading --> 1945 <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden" 1946 style="aspect-ratio: 9/16;"> 1947 <!-- Mobile Portrait Icon --> 1948
1949 <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true"> 1950 <i class="fas fa-mobile-alt"></i> 1951 </span> 1952 1953 1954 <!-- Logo Loader --> 1955 <div 1956 class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none"> 1957 <img src="/images/favicon.ico" 1958 class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading..."> 1959 </div> 1960 1961 <img src="/uploads/mechanical-wolf-with-glowing-purple-eyes-in-deep-shadow-800564810.webp" 1962 srcset="/thumbnails/320/mechanical-wolf-with-glowing-purple-eyes-in-deep-shadow-800564810.webp 320w, /thumbnails/640/mechanical-wolf-with-glowing-purple-eyes-in-deep-shadow-800564810.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" 1963 alt="Mechanical Wolf with Glowing Purple Eyes in Deep Shadow Sci-Fi wallpaper 1008x2240" 1964 width="1008" 1965 height="2240" 1966 title="Mechanical Wolf with Glowing Purple Eyes in Deep Shadow" decoding="async" 1967 loading="lazy" 1968 1969 class="wallpaper-grid-img absolute inset-0 w-full h-full 1970 object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 " 1971 onerror="this.previousElementSibling.style.display='none';"> 1972 </div> 1973 1974 <!-- Overlay Info (Bottom) --> 1975 <div 1976 class="ap-card-caption"> 1977 <h3 class="text-white text-sm font-bold truncate"> 1978 Mechanical Wolf with Glowing Purple Eyes in Deep Shadow 1979 </h3> 1980 </div> 1981 </a> 1982 </div> 1983 1984 1985 1986 1987 1988 <div class="break-inside-avoid"> 1989 <a href="/wallpaper/liquid-glass-feather-dissolving-into-glowing-white-birds-b63b8bd4bbe4" 1990 aria-label="View Liquid Glass Feather Dissolving into Glowing White Birds Abstract wallpaper 1008x2240" 1991 class="ap-wallpaper-card group block"> 1992 <!-- Image Container with Skeleton Loading --> 1993 <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden" 1994 style="aspect-ratio: 9/16;"> 1995 <!-- Mobile Portrait Icon --> 1996 1997 <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true"> 1998 <i class="fas fa-mobile-alt"></i> 1999 </span> 2000 2001 2002 <!-- Logo Loader --> 2003 <div 2004 class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none"> 2005 <img src="/images/favicon.ico" 2006 class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading..."> 2007 </div> 2008 2009 <img src="/uploads/liquid-glass-feather-dissolving-into-glowing-white-birds-798405317.webp" 2010 srcset="/thumbn
2010ails/320/liquid-glass-feather-dissolving-into-glowing-white-birds-798405317.webp 320w, /thumbnails/640/liquid-glass-feather-dissolving-into-glowing-white-birds-798405317.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" 2011 alt="Liquid Glass Feather Dissolving into Glowing White Birds Abstract wallpaper 1008x2240" 2012 width="1008" 2013 height="2240" 2014 title="Liquid Glass Feather Dissolving into Glowing White Birds" decoding="async" 2015 loading="lazy" 2016 2017 class="wallpaper-grid-img absolute inset-0 w-full h-full 2018 object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 " 2019 onerror="this.previousElementSibling.style.display='none';"> 2020 </div> 2021 2022 <!-- Overlay Info (Bottom) --> 2023 <div 2024 class="ap-card-caption"> 2025 <h3 class="text-white text-sm font-bold truncate"> 2026 Liquid Glass Feather Dissolving into Glowing White Birds 2027 </h3> 2028 </div> 2029 </a> 2030 </div> 2031 2032 2033 2034 2035 2036 <div class="break-inside-avoid"> 2037 <a href="/wallpaper/little-ghost-fishing-for-stars-on-a-crescent-moon-8f3d58416fbb" 2038 aria-label="View Little Ghost Fishing for Stars on a Crescent Moon Kawaii Art wallpaper 1008x2240" 2039 class="ap-wallpaper-card group block"> 2040 <!-- Image Container with Skeleton Loading --> 2041 <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden" 2042 style="aspect-ratio: 9/16;"> 2043 <!-- Mobile Portrait Icon --> 2044 2045 <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true"> 2046 <i class="fas fa-mobile-alt"></i> 2047 </span> 2048 2049 2050 <!-- Logo Loader --> 2051 <div 2052 class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none"> 2053 <img src="/images/favicon.ico" 2054 class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading..."> 2055 </div> 2056 2057 <img src="/uploads/little-ghost-fishing-for-stars-on-a-crescent-moon-796716398.webp" 2058 srcset="/thumbnails/320/little-ghost-fishing-for-stars-on-a-crescent-moon-796716398.webp 320w, /thumbnails/640/little-ghost-fishing-for-stars-on-a-crescent-moon-796716398.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" 2059 alt="Little Ghost Fishing for Stars on a Crescent Moon K
2059awaii Art wallpaper 1008x2240" 2060 width="1008" 2061 height="2240" 2062 title="Little Ghost Fishing for Stars on a Crescent Moon" decoding="async" 2063 loading="lazy" 2064 2065 class="wallpaper-grid-img absolute inset-0 w-full h-full 2066 object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 " 2067 onerror="this.previousElementSibling.style.display='none';"> 2068 </div> 2069 2070 <!-- Overlay Info (Bottom) --> 2071 <div 2072 class="ap-card-caption"> 2073 <h3 class="text-white text-sm font-bold truncate"> 2074 Little Ghost Fishing for Stars on a Crescent Moon 2075 </h3> 2076 </div> 2077 </a> 2078 </div> 2079 2080 2081 2082 2083 2084 <div class="break-inside-avoid"> 2085 <a href="/wallpaper/anime-girl-in-cowboy-hat-against-a-golden-sunset-sky-dae0cf770a8c" 2086 aria-label="View Anime Girl in Cowboy Hat Against a Golden Sunset Sky wallpaper 2560x1440" 2087 class="ap-wallpaper-card group block"> 2088 <!-- Image Container with Skeleton Loading --> 2089 <div class="ap-card-image ap-card-landscape relative w-full overflow-hidden" 2090 style="aspect-ratio: 16/9;"> 2091 <!-- Mobile Portrait Icon --> 2092 2093 2094 <!-- Logo Loader --> 2095 <div 2096 class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none"> 2097 <img src="/images/favicon.ico" 2098 class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading..."> 2099 </div> 2100 2101 <img src="/uploads/anime-girl-in-cowboy-hat-against-a-golden-sunset-sky-805321428.webp" 2102 srcset="/thumbnails/320/anime-girl-in-cowboy-hat-against-a-golden-sunset-sky-805321428.webp 320w, /thumbnails/640/anime-girl-in-cowboy-hat-against-a-golden-sunset-sky-805321428.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" 2103 alt="Anime Girl in Cowboy Hat Against a Golden Sunset Sky wallpaper 2560x1440" 2104 width="2560" 2105 height="1440" 2106 title="Anime Girl in Cowboy Hat Against a Golden Sunset Sky" decoding="async" 2107 loading="lazy" 2108 2109 class="wallpaper-grid-img absolute inset-0 w-full h-full 2110 object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 " 2111 onerror="this.previousElementSibling.style.display='none';"> 2112 </div> 2113 2114 <!-- Overlay Info (Bottom) --> 2115 <div 2116 class="ap-card-caption"> 2117 <h3 class="text-white text-sm font-bold truncate"> 2118 Anime Girl in Cowboy Hat Against a Golden Sunset Sky 2119 </h3> 2120 </div> 2121 </a> 2122 </div> 2123 2124 2125 2126 2127 <!-- Lower Ad (Both) --> 2128 <div class="ap-gallery-ad break-inside-avoid"> 2129 <div 2130 class="bg-surface rounded-lg overflow-hidden shadow-lg relative w-full"> 2131 2132 <ins class="adsbygoogle" style="display:block" 2133 data-ad-format="fluid" 2134 data-ad-layout-key="+2t+rl+2h-1m-4u" 2135 data-ad-client="ca-pub-8427485526135631" 2136 data-ad-slot="5282216725"></ins> 2137
2137<script> 2138 (adsbygoogle = window.adsbygoogle || []).push({}); 2139 </script>
2139 2140 </div> 2141 </div> 2142 2143 2144 <div class="break-inside-avoid"> 2145 <a href="/wallpaper/2b-standing-amidst-a-field-of-red-flowers-and-fallen-blades-74b0f5fc753b" 2146 aria-label="View 2b Standing Amidst a Field of Red Flowers and Fallen Blades Gaming wallpaper 1920x1076" 2147 class="ap-wallpaper-card group block"> 2148 <!-- Image Container with Skeleton Loading --> 2149 <div class="ap-card-image ap-card-landscape relative w-full overflow-hidden" 2150 style="aspect-ratio: 16/9;"> 2151 <!-- Mobile Portrait Icon --> 2152 2153 2154 <!-- Logo Loader --> 2155 <div 2156 class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none"> 2157 <img src="/images/favicon.ico" 2158 class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading..."> 2159 </div> 2160 2161 <img src="/uploads/2b-standing-amidst-a-field-of-red-flowers-and-fallen-blades-802473253.webp" 2162 srcset="/thumbnails/320/2b-standing-amidst-a-field-of-red-flowers-and-fallen-blades-802473253.webp 320w, /thumbnails/640/2b-standing-amidst-a-field-of-red-flowers-and-fallen-blades-802473253.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" 2163 alt="2b Standing Amidst a Field of Red Flowers and Fallen Blades Gaming wallpaper 1920x1076" 2164 width="1920" 2165 height="1076" 2166 title="2b Standing Amidst a Field of Red Flowers and Fallen Blades" decoding="async" 2167 loading="lazy" 2168 2169 class="wallpaper-grid-img absolute inset-0 w-full h-full 2170 object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 " 2171 onerror="this.previousElementSibling.style.display='none';"> 2172 </div> 2173 2174 <!-- Overlay Info (Bottom) --> 2175 <div 2176 class="ap-card-caption"> 2177 <h3 class="text-white text-sm font-bold truncate"> 2178 2b Standing Amidst a Field of Red Flowers and Fallen Blades 2179 </h3> 2180 </div> 2181 </a> 2182 </div> 2183 2184 2185 2186 2187 2188 <div class="break-inside-avoid"> 2189 <a href="/wallpaper/ethereal-silhouette-drifting-through-a-shattered-void-938c136d792b" 2190 aria-label="View Ethereal Silhouette Drifting Through a Shattered Void Abstract wallpaper 3840x2160" 2191 class="ap-wallpaper-card group block"> 2192 <!-- Image Container with Skeleton Loa
2192ding --> 2193 <div class="ap-card-image ap-card-landscape relative w-full overflow-hidden" 2194 style="aspect-ratio: 16/9;"> 2195 <!-- Mobile Portrait Icon --> 2196 2197 2198 <!-- Logo Loader --> 2199 <div 2200 class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none"> 2201 <img src="/images/favicon.ico" 2202 class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading..."> 2203 </div> 2204 2205 <img src="/uploads/ethereal-silhouette-drifting-through-a-shattered-void-800121668.webp" 2206 srcset="/thumbnails/320/ethereal-silhouette-drifting-through-a-shattered-void-800121668.webp 320w, /thumbnails/640/ethereal-silhouette-drifting-through-a-shattered-void-800121668.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" 2207 alt="Ethereal Silhouette Drifting Through a Shattered Void Abstract wallpaper 3840x2160" 2208 width="3840" 2209 height="2160" 2210 title="Ethereal Silhouette Drifting Through a Shattered Void" decoding="async" 2211 loading="lazy" 2212 2213 class="wallpaper-grid-img absolute inset-0 w-full h-full 2214 object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 " 2215 onerror="this.previousElementSibling.style.display='none';"> 2216 </div> 2217 2218 <!-- Overlay Info (Bottom) --> 2219 <div 2220 class="ap-card-caption"> 2221 <h3 class="text-white text-sm font-bold truncate"> 2222 Ethereal Silhouette Drifting Through a Shattered Void 2223 </h3> 2224 </div> 2225 </a> 2226 </div> 2227 2228 2229 2230 2231 2232 <div class="break-inside-avoid"> 2233 <a href="/wallpaper/megumi-fushiguro-summoning-shadow-beast-in-ink-style-511338e18b81" 2234 aria-label="View Megumi Fushiguro Summoning Shadow Beast in Ink Style Anime wallpaper 1920x1080" 2235 class="ap-wallpaper-card group block"> 2236 <!-- Image Container with Skeleton Loading --> 2237 <div class="ap-card-image ap-card-landscape relative w-full overflow-hidden" 2238 style="aspect-ratio: 16/9;"> 2239 <!-- Mobile Portrait Icon --> 2240 2241 2242 <!-- Logo Loader --> 2243 <div 2244 class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none"> 2245 <img src="/images/favicon.ico" 2246 class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading..."> 2247 </div> 2248 2249 <img src="/uploads/megumi-fushiguro-summoning-shadow-beast-in-ink-style-798978030.webp" 2250 srcset="/thumbn
2250ails/320/megumi-fushiguro-summoning-shadow-beast-in-ink-style-798978030.webp 320w, /thumbnails/640/megumi-fushiguro-summoning-shadow-beast-in-ink-style-798978030.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" 2251 alt="Megumi Fushiguro Summoning Shadow Beast in Ink Style Anime wallpaper 1920x1080" 2252 width="1920" 2253 height="1080" 2254 title="Megumi Fushiguro Summoning Shadow Beast in Ink Style" decoding="async" 2255 loading="lazy" 2256 2257 class="wallpaper-grid-img absolute inset-0 w-full h-full 2258 object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 " 2259 onerror="this.previousElementSibling.style.display='none';"> 2260 </div> 2261 2262 <!-- Overlay Info (Bottom) --> 2263 <div 2264 class="ap-card-caption"> 2265 <h3 class="text-white text-sm font-bold truncate"> 2266 Megumi Fushiguro Summoning Shadow Beast in Ink Style 2267 </h3> 2268 </div> 2269 </a> 2270 </div> 2271 2272 2273 2274 2275 2276 <div class="break-inside-avoid"> 2277 <a href="/wallpaper/makima-profile-view-in-ethereal-monochromatic-green-light-7f687e02acb8" 2278 aria-label="View Makima Profile View in Ethereal Monochromatic Green Light Anime wallpaper 1920x1080" 2279 class="ap-wallpaper-card group block"> 2280 <!-- Image Container with Skeleton Loading --> 2281 <div class="ap-card-image ap-card-landscape relative w-full overflow-hidden" 2282 style="aspect-ratio: 16/9;"> 2283 <!-- Mobile Portrait Icon --> 2284 2285 2286 <!-- Logo Loader --> 2287 <div 2288 class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none"> 2289 <img src="/images/favicon.ico" 2290 class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading..."> 2291 </div> 2292 2293 <img src="/uploads/makima-profile-view-in-ethereal-monochromatic-green-light-797267681.webp" 2294 srcset="/thumbnails/320/makima-profile-view-in-ethereal-monochromatic-green-light-797267681.webp 320w, /thumbnails/640/makima-profile-view-in-ethereal-monochromatic-green-light-797267681.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" 2295 alt="Makima Profile View in Ethereal Monochromatic Green Light Anime wallpaper 1920x1080" 2296 width="1920" 2297 height="1080" 2298 title="Makima Profile View in Ethereal Monochromatic Green Light" decoding="async" 2299 loading="lazy" 2300 2301 class="wallpaper-grid-img absolute inset-0 w-full h-full 2302 object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 " 2303 onerror="this.previousElementSibling.style.display='none';"> 2304 </div> 2305 2306 <!-- Overlay Info (Bottom) --> 2307 <div 2308 class="ap-card-caption"> 2309 <h3 class="text-white text-sm font-bold truncate"> 2310 Makima Profile View in Ethereal Monochromatic Green Light 2311 </h3> 2312 </div> 2313 </a> 2314 </div> 2315 2316 2317 2318 2319 2320 <div class="break-inside-avoid"> 2321 <a href="/wallpaper/two-figures-falling-past-a-modern-school-under-deep-blue-sky-fd50d2
23216cdcc0" 2322 aria-label="View Two Figures Falling Past a Modern School Under Deep Blue Sky Aesthetic wallpaper 3840x2160" 2323 class="ap-wallpaper-card group block"> 2324 <!-- Image Container with Skeleton Loading --> 2325 <div class="ap-card-image ap-card-landscape relative w-full overflow-hidden" 2326 style="aspect-ratio: 16/9;"> 2327 <!-- Mobile Portrait Icon --> 2328 2329 2330 <!-- Logo Loader --> 2331 <div 2332 class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none"> 2333 <img src="/images/favicon.ico" 2334 class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading..."> 2335 </div> 2336 2337 <img src="/uploads/two-figures-falling-past-a-modern-school-under-deep-blue-sky-795805617.webp" 2338 srcset="/thumbnails/320/two-figures-falling-past-a-modern-school-under-deep-blue-sky-795805617.webp 320w, /thumbnails/640/two-figures-falling-past-a-modern-school-under-deep-blue-sky-795805617.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" 2339 alt="Two Figures Falling Past a Modern School Under Deep Blue Sky Aesthetic wallpaper 3840x2160" 2340 width="3840" 2341 height="2160" 2342 title="Two Figures Falling Past a Modern School Under Deep Blue Sky" decoding="async" 2343 loading="lazy" 2344 2345 class="wallpaper-grid-img absolute inset-0 w-full h-full 2346 object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 " 2347 onerror="this.previousElementSibling.style.display='none';"> 2348 </div> 2349 2350 <!-- Overlay Info (Bottom) --> 2351 <div 2352 class="ap-card-caption"> 2353 <h3 class="text-white text-sm font-bold truncate"> 2354 Two Figures Falling Past a Modern School Under Deep Blue Sky 2355 </h3> 2356 </div> 2357 </a> 2358 </div> 2359 2360 2361 2362 2363 2364 </div> 2365 2366 <!-- Pagination --> 2367 2368 2369 <div class="pagination-nav flex flex-wrap justify-center mt-12 gap-1 sm:gap-2" aria-label="Wallpaper pages"> 2370 2371 2372 2373 2374 <a href="/" 2375 aria-current="page" class="pagination-link active px-4 py-2 rounded text-sm font-medium"> 2376 1 2377 </a> 2378 2379 2380 2381 <a href="/?page=2" 2382 aria-current="false" class="pagination-link px-4 py-2 rounded text-sm font-medium"> 2383 2 2384 </a> 2385 2386 2387 2388 <a href="/?page=3" 2389 aria-current="false" class="pagination-link px-4 py-2 rounded text-sm font-medium"> 2390 3 2391 </a> 2392 2393 2394
2395 <span class="px-2 py-2 text-gray-500">...</span> 2396 2397 2398 2399 2400 2401 2402 2403 2404 2405 2406 2407 2408 2409 2410 2411 2412 2413 2414 2415 2416 2417 2418 2419 2420 2421 2422 2423 2424 2425 2426 2427 2428 2429 2430 2431 2432 2433 2434 2435 2436 2437 2438 2439 2440 2441 2442 2443 2444 2445 2446 2447 2448 2449 2450 2451 2452 2453 2454 2455 2456 2457 2458 2459 2460 2461 2462 2463 2464 2465 2466 2467 2468 2469 2470 2471 2472 2473 2474 2475 2476 2477 2478 2479 2480 2481 2482 2483 2484 2485 2486 2487 2488 2489 2490 2491 2492 2493 2494 2495 2496 2497 2498 2499 2500 2501 2502 2503 2504 2505 2506 2507 2508 2509 2510 2511 2512 2513 2514 2515 2516 2517 2518 2519 2520 2521 2522 2523 2524 2525 2526 2527 2528 2529 2530 2531 2532 2533 2534 2535 2536 2537 2538 2539 2540 2541 2542 2543 2544 2545 2546 2547 2548 2549 2550 2551 2552 2553 2554 2555 2556 2557 2558 2559 2560 2561 2562 2563 2564 2565 2566 2567 2568 2569 2570 2571 2572 2573 2574 2575 2576 2577 2578 2579 2580 2581 2582 2583 2584 2585 2586 2587 2588 2589 2590 2591 2592 2593 2594 2595 2596 2597 2598 2599 2600 2601 2602 2603 2604 2605 2606 2607 2608 2609 2610 2611 2612 2613 2614 2615 2616 2617 2618 2619 2620 2621 2622 2623 2624 2625 2626 2627 2628 2629 2630 2631 2632 2633 2634 2635 2636 2637 2638 2639 2640 2641 2642 2643 2644 2645 2646 2647 2648 2649 2650 2651 2652 2653 2654 2655 2656 2657 2658 2659 2660 2661 2662 2663 2664 2665 2666 2667 2668 2669 2670 2671 2672 2673 2674 2675 2676 2677 2678 2679 2680 2681
2681 2682 2683 2684 2685 2686 2687 2688 2689 2690 2691 2692 2693 2694 2695 2696 2697 2698 2699 2700 2701 2702 2703 2704 2705 2706 2707 2708 2709 2710 2711 2712 2713 2714 2715 2716 2717 2718 2719 2720 2721 2722 2723 2724 2725 2726 2727 2728 2729 2730 2731 2732 2733 2734 2735 2736 2737 2738 2739 2740 2741 2742 2743 2744 2745 2746 2747 2748 2749 <a href="/?page=180" 2750 aria-current="false" class="pagination-link px-4 py-2 rounded text-sm font-medium"> 2751 180 2752 </a> 2753 2754 2755 2756 2757 <a href="/?page=2" 2758 rel="next" class="pagination-link px-4 py-2 rounded text-sm font-medium">Next</a> 2759 2760 </div> 2761 2762 2763 2764 <!-- Featured Collections (Mockup) --> 2765 2766 <div class="ap-curated mt-20 mb-12"> 2767 <div class="flex items-center justify-between mb-6 px-2"> 2768 <div class="flex items-center gap-3 border-l-4 border-primary pl-4"> 2769 <h2 class="text-2xl font-normal text-white">Curated <span 2770 class="font-bold">Collections</span></h2> 2771 </div> 2772 <a href="/?sort=collections" 2773 class="text-sm text-primary hover:text-white transition-colors">View 2774 All <i class="fas fa-arrow-right ml-1"></i></a> 2775 </div> 2776 2777 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6"> 2778 <!-- Nature Collection --> 2779 <a href="/wallpapers/nature" 2780 class="group relative h-48 rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 transform hover:-translate-y-1"> 2781 <div 2782 class="absolute inset-0 bg-gradient-to-br from-green-800 via-emerald-900 to-black opacity-90 transition-all duration-500 group-hover:scale-110"> 2783 </div> 2784 <!-- Decor Icon --> 2785 <i 2786 class="fas fa-leaf absolute -right-4 -bottom-4 text-9xl text-white/5 transform rotate-12 group-hover:rotate-0 transition-transform duration-700"></i> 2787 2788 <div 2789 class="absolute inset-0 p-6 flex flex-col justify-between z-10"> 2790 <div class="flex justify-between items-start">
2791 <span 2792 class="bg-black/30 backdrop-blur-md border border-white/10 text-white/80 text-xs font-bold px-3 py-1 rounded-full"> 2793 NEW 2794 </span> 2795 <div 2796 class="w-8 h-8 rounded-full bg-white/10 flex items-center justify-center group-hover:bg-primary group-hover:text-black transition-colors duration-300"> 2797 <i 2798 class="fas fa-arrow-right -rotate-45 group-hover:rotate-0 transition-transform duration-300"></i> 2799 </div> 2800 </div> 2801 <div> 2802 <h3 2803 class="text-2xl font-bold text-white mb-1 group-hover:text-primary transition-colors"> 2804 Nature</h3> 2805 <p 2806 class="text-gray-400 text-sm group-hover:text-gray-200 transition-colors"> 2807 Forests, Mountains & Rivers</p> 2808 </div> 2809 </div> 2810 </a> 2811 2812 <!-- Games Collection --> 2813 <a href="/wallpapers/gaming" 2814 class="group relative h-48 rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 transform hover:-translate-y-1"> 2815 <div 2816 class="absolute inset-0 bg-gradient-to-br from-blue-800 via-indigo-900 to-black opacity-90 transition-all duration-500 group-hover:scale-110"> 2817 </div> 2818 <!-- Decor Icon --> 2819 <i 2820 class="fas fa-gamepad absolute -right-4 -bottom-4 text-9xl text-white/5 transform rotate-12 group-hover:rotate-0 transition-transform duration-700"></i> 2821 2822 <div 2823 class="absolute inset-0 p-6 flex flex-col justify-between z-10"> 2824 <div class="flex justify-between items-start"> 2825 <span 2826 class="bg-black/30 backdrop-blur-md border border-white/10 text-white/80 text-xs font-bold px-3 py-1 rounded-full"> 2827 POPULAR 2828 </span> 2829 <div 2830 class="w-8 h-8 rounded-full bg-white/10 flex items-center justify-center group-hover:bg-primary group-hover:text-black transition-colors duration-300"> 2831 <i 2832 class="fas fa-arrow-right -rotate-45 group-hover:rotate-0 transition-transform duration-300"></i> 2833 </div> 2834 </div> 2835 <div> 2836 <h3 2837 class="text-2xl font-bold text-white mb-1 group-hover:text-primary transition-colors"> 2838 Gaming</h3> 2839 <p 2840 class="text-gray-400 text-sm group-hover:text-gray-200 transition-colors"> 2841 4K Screenshots & Art</p> 2842 </div> 2843 </div> 2844 </a> 2845 2846 <!-- Cars Collection --> 2847 <a href="/wallpapers/cars" 2848 class="group relative h-48 rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 transform hover:-translate-y-1"> 2849 <div 2850 class="absolute inset-0 bg-gradient-to-br from-red-800 via-rose-900 to-black opacity-90 transition-all duration-500 group-hover:scale-110"> 2851 </div> 2852 <!-- Decor Icon --> 2853 <i 2854 class="fas fa-car absolute -right-4 -bottom-4 text-9xl text-white/5 transform rotate-12 group-hover:rotate-0 transition-transform duration-700"></i> 2855 2856 <div 2857 class="absolute inset-0 p-6 flex flex-col justify-between z-10"> 2858 <div class="flex justify-between items-start">
2859 <span 2860 class="bg-black/30 backdrop-blur-md border border-white/10 text-white/80 text-xs font-bold px-3 py-1 rounded-full"> 2861 TRENDING 2862 </span> 2863 <div 2864 class="w-8 h-8 rounded-full bg-white/10 flex items-center justify-center group-hover:bg-primary group-hover:text-black transition-colors duration-300"> 2865 <i 2866 class="fas fa-arrow-right -rotate-45 group-hover:rotate-0 transition-transform duration-300"></i> 2867 </div> 2868 </div> 2869 <div> 2870 <h3 2871 class="text-2xl font-bold text-white mb-1 group-hover:text-primary transition-colors"> 2872 Supercars</h3> 2873 <p 2874 class="text-gray-400 text-sm group-hover:text-gray-200 transition-colors"> 2875 Sports, Luxury & Classic</p> 2876 </div> 2877 </div> 2878 </a> 2879 2880 <!-- Anime Collection --> 2881 <a href="/wallpapers/anime" 2882 class="group relative h-48 rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 transform hover:-translate-y-1"> 2883 <div 2884 class="absolute inset-0 bg-gradient-to-br from-purple-800 via-fuchsia-900 to-black opacity-90 transition-all duration-500 group-hover:scale-110"> 2885 </div> 2886 <!-- Decor Icon --> 2887 <i 2888 class="fas fa-dragon absolute -right-4 -bottom-4 text-9xl text-white/5 transform rotate-12 group-hover:rotate-0 transition-transform duration-700"></i> 2889 2890 <div 2891 class="absolute inset-0 p-6 flex flex-col justify-between z-10"> 2892 <div class="flex justify-between items-start"> 2893 <span 2894 class="bg-black/30 backdrop-blur-md border border-white/10 text-white/80 text-xs font-bold px-3 py-1 rounded-full"> 2895 HOT 2896 </span> 2897 <div 2898 class="w-8 h-8 rounded-full bg-white/10 flex items-center justify-center group-hover:bg-primary group-hover:text-black transition-colors duration-300"> 2899 <i 2900 class="fas fa-arrow-right -rotate-45 group-hover:rotate-0 transition-transform duration-300"></i> 2901 </div> 2902 </div> 2903 <div> 2904 <h3 2905 class="text-2xl font-bold text-white mb-1 group-hover:text-primary transition-colors"> 2906 Anime</h3> 2907 <p 2908 class="text-gray-400 text-sm group-hover:text-gray-200 transition-colors"> 2909 Characters & Scener
2909y</p> 2910 </div> 2911 </div> 2912 </a> 2913 </div> 2914 2915 <!-- Extra Collections Grid (8 smart cards styled as trending groups) --> 2916 <div class="mt-12 px-2"> 2917 <h2 class="text-2xl font-bold mb-6 flex items-center gap-3"> 2918 <span class="w-1 h-8 bg-primary rounded-full"></span> 2919 Featured Collections 2920 </h2> 2921 <div class="grid grid-cols-2 md:grid-cols-4 gap-4"> 2922 <a href="/wallpapers/iphone" 2923 class="group relative aspect-video overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1"> 2924 2925 <img src="/uploads/1768215758712-841751473.PNG" 2926 srcset="/thumbnails/320/1768215758712-841751473.PNG 320w, /thumbnails/640/1768215758712-841751473.PNG 640w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, (min-width: 640px) 50vw, 100vw" 2927 alt="iPhone Wallpapers" 2928 class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"> 2929 <div 2930 class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent"> 2931 </div> 2932 2933 <div 2934 class="absolute bottom-0 left-0 right-0 p-3 text-center z-10"> 2935 <h3 2936 class="text-sm font-semibold text-white group-hover:text-primary transition-colors truncate"> 2937 iPhone</h3> 2938 </div> 2939 </a> 2940 2941 <a href="/wallpapers/black" 2942 class="group relative aspect-video overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1"> 2943 2944 <img src="/uploads/monochrome-anime-figure-with-raven-guardians-under-moon-128063363.webp" 2945 srcset="/thumbnails/320/monochrome-anime-figure-with-raven-guardians-under-moon-128063363.webp 320w, /thumbnails/640/monochrome-anime-figure-with-raven-guardians-under-moon-128063363.webp 640w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, (min-width: 640px) 50vw, 100vw" 2946 alt="Black" 2947 class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"> 2948 <div 2949 class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent"> 2950 </div> 2951 2952 <div 2953 class="absolute bottom-0 left-0 right-0 p-3 text-center z-10"> 2954 <h3 2955 class="text-sm font-semibold text-white group-hover:text-primary transition-colors truncate"> 2956 Black</h3> 2957 </div> 2958 </a> 2959 2960 <a href="/wallpapers/4k" 2961 class="group relative aspect-video overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1"> 2962 2963 <img src="/uploads/1768545780697-869808071.png" 2964 srcset="/thumbn
2964ails/320/1768545780697-869808071.png 320w, /thumbnails/640/1768545780697-869808071.png 640w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, (min-width: 640px) 50vw, 100vw" 2965 alt="4K" 2966 class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"> 2967 <div 2968 class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent"> 2969 </div> 2970 2971 <div 2972 class="absolute bottom-0 left-0 right-0 p-3 text-center z-10"> 2973 <h3 2974 class="text-sm font-semibold text-white group-hover:text-primary transition-colors truncate"> 2975 4K</h3> 2976 </div> 2977 </a> 2978 2979 <a href="/wallpapers/aesthetic" 2980 class="group relative aspect-video overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1"> 2981 2982 <img src="/uploads/1768116520374-888057415.jpeg" 2983 srcset="/thumbnails/320/1768116520374-888057415.jpeg 320w, /thumbnails/640/1768116520374-888057415.jpeg 640w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, (min-width: 640px) 50vw, 100vw" 2984 alt="Aesthetic" 2985 class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"> 2986 <div 2987 class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent"> 2988 </div> 2989 2990 <div 2991 class="absolute bottom-0 left-0 right-0 p-3 text-center z-10"> 2992 <h3 2993 class="text-sm font-semibold text-white group-hover:text-primary transition-colors truncate"> 2994 Aesthetic</h3> 2995 </div> 2996 </a> 2997 2998 <a href="/wallpapers/cute-kawaii" 2999 class="group relative aspect-video overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1"> 3000 3001 <img src="/uploads/1768116520374-888057415.jpeg" 3002 srcset="/thumbnails/320/1768116520374-888057415.jpeg 320w, /thumbnails/640/1768116520374-888057415.jpeg 640w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, (min-width: 640px) 50vw, 100vw" 3003 alt="Kawaii" 3004 class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"> 3005 <div 3006 class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent"> 3007 </div> 3008 3009 <div 3010 class="absolute bottom-0 left-0 right-0 p-3 text-center z-10"> 3011 <h3 3012 class="text-sm font-semibold text-white group-hover:text-primary transition-colors truncate"> 3013 Kawaii</h3> 3014 </div> 3015 </a> 3016 3017 <a href="/wallpapers/cars" 3018 class="group relative aspect-video overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1"> 3019 3020 <img src="/uploads/nissan-skyline-drifting-through-lavender-dreamscape-386205.webp" 3021 srcset="/thumbn
3021ails/320/nissan-skyline-drifting-through-lavender-dreamscape-386205.webp 320w, /thumbnails/640/nissan-skyline-drifting-through-lavender-dreamscape-386205.webp 640w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, (min-width: 640px) 50vw, 100vw" 3022 alt="Cars" 3023 class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"> 3024 <div 3025 class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent"> 3026 </div> 3027 3028 <div 3029 class="absolute bottom-0 left-0 right-0 p-3 text-center z-10"> 3030 <h3 3031 class="text-sm font-semibold text-white group-hover:text-primary transition-colors truncate"> 3032 Cars</h3> 3033 </div> 3034 </a> 3035 3036 <a href="/wallpapers/anime" 3037 class="group relative aspect-video overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1"> 3038 3039 <img src="/uploads/1768367726979-308925179.png" 3040 srcset="/thumbnails/320/1768367726979-308925179.png 320w, /thumbnails/640/1768367726979-308925179.png 640w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, (min-width: 640px) 50vw, 100vw" 3041 alt="Anime" 3042 class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"> 3043 <div 3044 class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent"> 3045 </div> 3046 3047 <div 3048 class="absolute bottom-0 left-0 right-0 p-3 text-center z-10"> 3049 <h3 3050 class="text-sm font-semibold text-white group-hover:text-primary transition-colors truncate"> 3051 Anime</h3> 3052 </div> 3053 </a> 3054 3055 <a href="/wallpapers/minimal" 3056 class="group relative aspect-video overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1"> 3057 3058 <img src="/uploads/monochrome-rowboat-amidst-abstract-swirling-lines-697165137.webp" 3059 srcset="/thumbnails/320/monochrome-rowboat-amidst-abstract-swirling-lines-697165137.webp 320w, /thumbn
3059ails/640/monochrome-rowboat-amidst-abstract-swirling-lines-697165137.webp 640w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, (min-width: 640px) 50vw, 100vw" 3060 alt="Minimal" 3061 class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"> 3062 <div 3063 class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent"> 3064 </div> 3065 3066 <div 3067 class="absolute bottom-0 left-0 right-0 p-3 text-center z-10"> 3068 <h3 3069 class="text-sm font-semibold text-white group-hover:text-primary transition-colors truncate"> 3070 Minimal</h3> 3071 </div> 3072 </a> 3073 </div> 3074 </div> 3075 </div> 3076 3077 </div> 3078 3079 3080<section class="container ap-download-guide" aria-labelledby="wallpaper-guide-title"> 3081 <h2 id="wallpaper-guide-title">Choose a wallpaper for your screen</h2> 3082 <div class="ap-guide-grid"> 3083 <div><h3>Which resolution should I download?</h3><p>Check the dimensions on the wallpaper page. Choose an image at least as large as your display; a 4K desktop screen typically uses 3840 Ã 2160 pixels. The original image keeps its uploaded dimensions.</p></div> 3084 <div><h3>How do I fit a phone background?</h3><p>Use the Mobile filter for portrait images. On a wallpaper page, choose a download size and crop position to fit your screen.</p></div> 3085 <div><h3>Can I reuse these images?</h3><p>Check the <a href="/copyright">copyright policy</a> and <a href="/terms">terms of use</a>. Download availability does not grant ownership or commercial reuse rights.</p></div> 3086 </div> 3087</section> 3088 3089 3090<footer class="bg-[#16181b] border-t border-gray-800 mt-auto pt-12 pb-6"> 3091 <div class="container mx-auto px-4"> 3092 <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8"> 3093 <!-- Brand --> 3094 <div class="col-span-1 md:col-span-2"> 3095 <a href="/" class="text-2xl font-bold tracking-tighter mb-4 inline-block"> 3096 <span class="text-white">ART</span> <span class="text-primary">PEXELS</span> 3097 </a> 3098 <p class="text-gray-500 text-sm leading-relaxed max-w-sm mb-6"> 3099 Art Pexels is your best source for high quality 4K, 5K and 8K wallpapers. 3100 Daily updates with the best backgrounds for your desktop and mobile devices. 3101 </p> 3102 <div class="flex gap-3"> 3103 <a href="https://play.google.com/store/apps/details?id=com.artpexels&pcampaignid=web_share" 3104 target="_blank" 3105 class="block w-32 bg-surface border border-gray-700 rounded p-1 hover:border-gray-500 transition-colors"> 3106 <div class="flex items-center justify-center h-full text-xs text-gray-400"> 3107 <i class="fab fa-google-play text-xl mr-2"></i> Google Play 3108 </div> 3109 </a> 3110 <a href="https://apps.microsoft.com/detail/9nqpjwm21f87?ocid=webpdpshare" target="_blank" 3111 class="block w-32 bg-surface border border-gray-700 rounded p-1 hover:border-gray-500 transition-colors"> 3112 <div class="flex items-center justify-center h-full text-xs text-gray-400"> 3113 <i class="fab fa-microsoft text-xl mr-2"></i> Microsoft 3114 </div> 3115 </a> 3116 </div> 3117 </div> 3118 3119 <!-- Links --> 3120 <div> 3121 <h4 class="text-white font-bold mb-4">Discover</h4> 3122 <ul class="space-y-2 text-sm text-gray-500"> 3123 3124 3125 3126 <li><a href="/wallpapers/gaming" class="hover:text-primary"> 3127 Game Wallpapers 3128 </a></li> 3129 3130 3131 <li><a href="/wallpapers/cinematic" class="hover:text-primary"> 3132 Movie Wallpapers 3133 </a></li> 3134 3135 3136 <li><a href="/wallpapers/anime" class="hover:text-primary"> 3137 Anime Wallpapers 3138 </a></li> 3139 3140 3141 <li><a href="/avatars" class="hover:text-primary"> 3142 Profile Picture 3143 </a></li> 3144 3145 3146 <li>
3146<a href="/rss.xml" class="hover:text-primary"> 3147 RSS Feed 3148 </a></li> 3149 3150 3151 <li><a href="/api-docs" class="hover:text-primary"> 3152 API 3153 </a></li> 3154 3155 3156 </ul> 3157 </div> 3158 3159 <!-- Legal --> 3160 <div> 3161 <h4 class="text-white font-bold mb-4">Company</h4> 3162 <ul class="space-y-2 text-sm text-gray-500"> 3163 <li><a href="/about" class="hover:text-primary">About Us</a></li> 3164 <li><a href="/wallpaper-archive" class="hover:text-primary">Browse all wallpaper pages</a></li> 3165 <li><a href="/privacy" class="hover:text-primary">Privacy Policy</a></li> 3166 <li><a href="/terms" class="hover:text-primary">Terms of Service</a></li> 3167 <li><a href="/api-policy" class="hover:text-primary">API Policy</a></li> 3168 <li><a href="/copyright" class="hover:text-primary">Copyright Policy</a></li> 3169 <li><a href="/dmca" class="hover:text-primary">DMCA</a></li> 3170 </ul> 3171 </div> 3172 </div> 3173 3174 3175 <nav class="border-t border-gray-800 py-6" aria-label="Wallpaper archive pages"> 3176 <p class="text-xs font-semibold uppercase tracking-wider text-gray-400 mb-3">Wallpaper Archive</p> 3177 <div class="flex flex-wrap gap-x-3 gap-y-2 text-sm text-gray-500"> 3178 3179 <a href="/" class="hover:text-primary transition-colors" 3180 aria-label="Wallpaper archive page 1"> 3181 Page 1 3182 </a> 3183 3184 <a href="/?page=2" class="hover:text-primary transition-colors" 3185 aria-label="Wallpaper archive page 2"> 3186 Page 2 3187 </a> 3188 3189 <a href="/?page=3" class="hover:text-primary transition-colors" 3190 aria-label="Wallpaper archive page 3"> 3191 Page 3 3192 </a> 3193 3194 <a href="/?page=15" class="hover:text-primary transition-colors" 3195 aria-label="Wallpaper archive page 15"> 3196 Page 15 3197 </a> 3198 3199 <a href="/?page=27" class="hover:text-primary transition-colors" 3200 aria-label="Wallpaper archive page 27"> 3201 Page 27 3202 </a> 3203 3204 <a href="/?page=38" class="hover:text-primary transition-colors" 3205 aria-label="Wallpaper archive page 38"> 3206 Page 38 3207 </a> 3208 3209 <a href="/?page=50" class="hover:text-primary transition-colors" 3210 aria-label="Wallpaper archive page 50"> 3211 Page 50 3212 </a> 3213 3214 <a href="/?page=62" class="hover:text-primary transition-colors" 3215 aria-label="Wallpaper archive page 62"> 3216 Page 62 3217 </a> 3218 3219 <a href="/?page=74" class="hover:text-primary transition-colors" 3220 aria-label="Wallpaper archive page 74"> 3221 Page 74 3222 </a> 3223 3224 <a href="/?page=86" class="hover:text-primary transition-colors" 3225 aria-label="Wallpaper archive page 86"> 3226 Page 86 3227 </a> 3228 3229 <a href="/?page=97" class="hover:text-primary transition-colors" 3230 aria-label="Wallpaper archive page 97"> 3231 Page 97 3232 </a> 3233 3234 <a href="/?page=109" class="hover:text-primary transition-colors" 3235 aria-label="Wallpaper archive page 109"> 3236 Page 109 3237 </a> 3238 3239 <a href="/?page=121" class="hover:text-primary transition-colors" 3240 aria-label="Wallpaper archive page 121"> 3241 Page 121 3242 </a> 3243 3244 <a href="/?page=133" class="hover:text-primary transition-colors" 3245 aria-label="Wallpaper archive page 133"> 3246 Page 133
3247 </a> 3248 3249 <a href="/?page=145" class="hover:text-primary transition-colors" 3250 aria-label="Wallpaper archive page 145"> 3251 Page 145 3252 </a> 3253 3254 <a href="/?page=156" class="hover:text-primary transition-colors" 3255 aria-label="Wallpaper archive page 156"> 3256 Page 156 3257 </a> 3258 3259 <a href="/?page=168" class="hover:text-primary transition-colors" 3260 aria-label="Wallpaper archive page 168"> 3261 Page 168 3262 </a> 3263 3264 <a href="/?page=180" class="hover:text-primary transition-colors" 3265 aria-label="Wallpaper archive page 180"> 3266 Page 180 3267 </a> 3268 3269 </div> 3270 </nav> 3271 3272 3273 <div class="border-t border-gray-800 pt-6 flex flex-col md:flex-row justify-between items-center gap-4"> 3274 <div class="flex flex-col md:flex-row items-center gap-4"> 3275 <p class="text-xs text-gray-600">© 2026 Art Pexels. All rights reserved.</p> 3276 <a href="//www.dmca.com/Protection/Status.aspx?ID=eadc45e6-d87a-4a87-92c1-823032e02a10" 3277 title="DMCA.com Protection Status" class="dmca-badge"> 3278 <img src="https://images.dmca.com/Badges/dmca_protected_sml_120n.png?ID=eadc45e6-d87a-4a87-92c1-823032e02a10" 3279 alt="DMCA.com Protection Status" /> 3280 </a> 3281 </div> 3282 <div class="flex space-x-4 text-gray-500"> 3283 <a href="https://www.instagram.com/art_pexels/" target="_blank" 3284 class="hover:text-white transition-colors"><i class="fab fa-instagram"></i></a> 3285 <a href="https://in.pinterest.com/artpexels/" target="_blank" 3286 class="hover:text-white transition-colors"><i class="fab fa-pinterest"></i></a> 3287 <a href="#" class="hover:text-white transition-colors"><i class="fab fa-twitter"></i></a> 3288 </div> 3289 </div> 3290 </div> 3291</footer> 3292
3293<script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js" defer> </script>
3293 3294 3295<!-- Scroll To Top Button --> 3296<button id="scrollToTopBtn" 3297 class="fixed bottom-6 right-6 bg-primary text-white w-12 h-12 rounded-full shadow-lg flex items-center justify-center translate-y-20 opacity-0 transition-all duration-300 z-50 hover:bg-green-600 focus:outline-none group"> 3298 <i class="fas fa-arrow-up text-lg group-hover:-translate-y-1 transition-transform duration-300"></i> 3299</button> 3300
3301<script> 3302 const scrollToTopBtn = document.getElementById('scrollToTopBtn'); 3303 3304 window.addEventListener('scroll', () => { 3305 if (window.scrollY > 300) { 3306 scrollToTopBtn.classList.remove('translate-y-20', 'opacity-0'); 3307 } else { 3308 scrollToTopBtn.classList.add('translate-y-20', 'opacity-0'); 3309 } 3310 }); 3311 3312 scrollToTopBtn.addEventListener('click', () => { 3313 window.scrollTo({ 3314 top: 0, 3315 behavior: 'smooth' 3316 }); 3317 }); 3318</script>
vendor: 1 bytes, line 3318
3318
3319<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"eee1703e442e4915a23cac373b3cd55b","r":1,"spa":2}' crossorigin="anonymous"></script>
3319 3320</body> 3321 3322</html> 3323
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.