Spaces:

Stelvin
/

pixeloid-3D

Running

App Files Files Community

pixeloid-3D / index.html

Stelvin's picture

3D Geometric Art Completed

14ee8e1 verified 2 months ago

history blame contribute delete

23.2 kB

	<!DOCTYPE html><html lang="en" class="geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full antialiased"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/797e433ab948586e-s.p.0.q-h669a_dqa.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.16t1db8_9y2o~.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/0hgv~iv10sks~.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/0fpki3y6aj230.js"/><script src="/_next/static/chunks/12ree0._z0p~g.js" async=""></script><script src="/_next/static/chunks/16g.ca89g7fib.js" async=""></script><script src="/_next/static/chunks/turbopack-0aslowgfta3n9.js" async=""></script><script src="/_next/static/chunks/0dbhjjzl8qfwv.js" async=""></script><script src="/_next/static/chunks/0sahc-ekhtv.-.js" async=""></script><link rel="preload" href="/_next/static/chunks/0oyan9y2br1un.js" as="script" fetchPriority="low"/><meta name="next-size-adjust" content=""/><title>Pixeloid 3D</title><meta name="description" content="Transforms images into dynamic geometric art using cubes, rings, and immersive 3D shapes."/><link rel="icon" href="/favicon.ico?favicon.0x3dzn~oxb6tn.ico" sizes="256x256" type="image/x-icon"/><script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script></head><body class="min-h-full flex flex-col"><div hidden=""><!--$--><!--/$--></div><main class="relative h-screen w-screen overflow-hidden bg-[#111]"><!--$?--><template id="B:0"></template><!--/$--></main><!--$--><!--/$--><script>requestAnimationFrame(function(){$RT=performance.now()});</script><script src="/_next/static/chunks/0fpki3y6aj230.js" id="_R_" async=""></script><div hidden id="S:0"><div class="jsx-cfe28ddc61bb4ddf relative h-screen w-screen bg-[#010101] overflow-hidden text-white font-sans selection:bg-white/20"><div class="jsx-cfe28ddc61bb4ddf absolute inset-0 bg-[radial-gradient(circle_at_center,#0a0a0a_0%,#010101_100%)] opacity-80"></div><div class="jsx-cfe28ddc61bb4ddf absolute inset-0 z-10"></div><div class="jsx-cfe28ddc61bb4ddf absolute top-0 left-0 right-0 h-20 md:h-24 px-6 md:px-10 flex justify-end items-center z-50 pointer-events-none"><div class="jsx-cfe28ddc61bb4ddf flex gap-3 md:gap-4 pointer-events-auto"><button class="jsx-cfe28ddc61bb4ddf px-4 md:px-6 py-2 md:py-2.5 rounded-full border border-white/10 bg-white/5 backdrop-blur-2xl hover:bg-white/10 hover:border-white/20 transition-all text-[10px] md:text-[11px] font-bold uppercase tracking-widest active:scale-95">Import</button><button class="jsx-cfe28ddc61bb4ddf px-4 md:px-6 py-2 md:py-2.5 rounded-full bg-white text-black text-[10px] md:text-[11px] font-bold uppercase tracking-widest shadow-[0_10px_40px_rgba(255,255,255,0.1)] hover:scale-105 transition-all active:scale-95">Export PNG</button></div></div><div class="jsx-cfe28ddc61bb4ddf absolute bottom-6 md:bottom-10 left-1/2 -translate-x-1/2 md:left-auto md:right-10 md:translate-x-0 z-50 w-[90%] sm:w-[380px] md:w-[340px]"><div class="jsx-cfe28ddc61bb4ddf bg-black/40 backdrop-blur border border-white/10 rounded-[28px] md:rounded-[24px] overflow-hidden shadow-[0_20px_50px_rgba(0,0,0,0.5)] transition-all duration-500 hover:border-white/20"><button class="jsx-cfe28ddc61bb4ddf w-full p-5 md:p-7 flex justify-between items-center group active:bg-white/5 transition-colors"><div class="jsx-cfe28ddc61bb4ddf flex flex-col items-start text-left"><span class="jsx-cfe28ddc61bb4ddf text-[8px] md:text-[9px] uppercase tracking-[0.2em] opacity-40 mb-1 font-bold">Geometry</span><span class="jsx-cfe28ddc61bb4ddf text-base md:text-lg font-bold tracking-tight text-white/90">Cube</span></div><div class="jsx-cfe28ddc61bb4ddf w-8 h-8 md:w-10 md:h-10 rounded-full border border-white/10 flex items-center justify-center transition-all duration-500 bg-white/5"><svg width="10" height="6" viewBox="0 0 12 8" fill="none" stroke="currentColor" class="jsx-cfe28ddc61bb4ddf md:w-3 md:h-2"><path d="M1 1.5L6 6.5L11 1.5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="jsx-cfe28ddc61bb4ddf"></path></svg></div></button><div class="jsx-cfe28ddc61bb4ddf px-5 md:px-7 transition-all duration-700 ease-[cubic-bezier(0.23,1,0.32,1)] overflow-hidden max-h-0 opacity-0"><div class="jsx-cfe28ddc61bb4ddf grid grid-cols-5 gap-2 md:gap-2.5 mb-8 md:mb-10"><button class="jsx-cfe28ddc61bb4ddf aspect-square rounded-xl border flex items-center justify-center transition-all duration-300 active:scale-90 group relative
	bg-white text-black border-white shadow-[0_0_15px_rgba(255,255,255,0.2)]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-box jsx-cfe28ddc61bb4ddf md:w-[18px] md:h-[18px] transition-transform group-hover:scale-110" aria-hidden="true"><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"></path><path d="m3.3 7 8.7 5 8.7-5"></path><path d="M12 22V12"></path></svg><span class="jsx-cfe28ddc61bb4ddf hidden md:block absolute -top-8 left-1/2 -translate-x-1/2 px-2 py-1 bg-white text-black text-[8px] font-bold rounded opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none uppercase tracking-tighter">Cube</span></button><button class="jsx-cfe28ddc61bb4ddf aspect-square rounded-xl border flex items-center justify-center transition-all duration-300 active:scale-90 group relative
	border-white/5 bg-white/5 hover:border-white/20 hover:bg-white/10 text-white/40 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle jsx-cfe28ddc61bb4ddf md:w-[18px] md:h-[18px] transition-transform group-hover:scale-110" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle></svg><span class="jsx-cfe28ddc61bb4ddf hidden md:block absolute -top-8 left-1/2 -translate-x-1/2 px-2 py-1 bg-white text-black text-[8px] font-bold rounded opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none uppercase tracking-tighter">Sphere</span></button><button class="jsx-cfe28ddc61bb4ddf aspect-square rounded-xl border flex items-center justify-center transition-all duration-300 active:scale-90 group relative
	border-white/5 bg-white/5 hover:border-white/20 hover:bg-white/10 text-white/40 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle jsx-cfe28ddc61bb4ddf md:w-[18px] md:h-[18px] transition-transform group-hover:scale-110" aria-hidden="true"><path d="M13.73 4a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"></path></svg><span class="jsx-cfe28ddc61bb4ddf hidden md:block absolute -top-8 left-1/2 -translate-x-1/2 px-2 py-1 bg-white text-black text-[8px] font-bold rounded opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none uppercase tracking-tighter">Pyramid</span></button><button class="jsx-cfe28ddc61bb4ddf aspect-square rounded-xl border flex items-center justify-center transition-all duration-300 active:scale-90 group relative
	border-white/5 bg-white/5 hover:border-white/20 hover:bg-white/10 text-white/40 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hexagon jsx-cfe28ddc61bb4ddf md:w-[18px] md:h-[18px] transition-transform group-hover:scale-110" aria-hidden="true"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path></svg><span class="jsx-cfe28ddc61bb4ddf hidden md:block absolute -top-8 left-1/2 -translate-x-1/2 px-2 py-1 bg-white text-black text-[8px] font-bold rounded opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none uppercase tracking-tighter">Hexagon</span></button><button class="jsx-cfe28ddc61bb4ddf aspect-square rounded-xl border flex items-center justify-center transition-all duration-300 active:scale-90 group relative
	border-white/5 bg-white/5 hover:border-white/20 hover:bg-white/10 text-white/40 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-octagon jsx-cfe28ddc61bb4ddf md:w-[18px] md:h-[18px] transition-transform group-hover:scale-110" aria-hidden="true"><path d="M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z"></path></svg><span class="jsx-cfe28ddc61bb4ddf hidden md:block absolute -top-8 left-1/2 -translate-x-1/2 px-2 py-1 bg-white text-black text-[8px] font-bold rounded opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none uppercase tracking-tighter">Octahedron</span></button><button class="jsx-cfe28ddc61bb4ddf aspect-square rounded-xl border flex items-center justify-center transition-all duration-300 active:scale-90 group relative
	border-white/5 bg-white/5 hover:border-white/20 hover:bg-white/10 text-white/40 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gem jsx-cfe28ddc61bb4ddf md:w-[18px] md:h-[18px] transition-transform group-hover:scale-110" aria-hidden="true"><path d="M10.5 3 8 9l4 13 4-13-2.5-6"></path><path d="M17 3a2 2 0 0 1 1.6.8l3 4a2 2 0 0 1 .013 2.382l-7.99 10.986a2 2 0 0 1-3.247 0l-7.99-10.986A2 2 0 0 1 2.4 7.8l2.998-3.997A2 2 0 0 1 7 3z"></path><path d="M2 9h20"></path></svg><span class="jsx-cfe28ddc61bb4ddf hidden md:block absolute -top-8 left-1/2 -translate-x-1/2 px-2 py-1 bg-white text-black text-[8px] font-bold rounded opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none uppercase tracking-tighter">Diamond</span></button><button class="jsx-cfe28ddc61bb4ddf aspect-square rounded-xl border flex items-center justify-center transition-all duration-300 active:scale-90 group relative
	border-white/5 bg-white/5 hover:border-white/20 hover:bg-white/10 text-white/40 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-torus jsx-cfe28ddc61bb4ddf md:w-[18px] md:h-[18px] transition-transform group-hover:scale-110" aria-hidden="true"><ellipse cx="12" cy="11" rx="3" ry="2"></ellipse><ellipse cx="12" cy="12.5" rx="10" ry="8.5"></ellipse></svg><span class="jsx-cfe28ddc61bb4ddf hidden md:block absolute -top-8 left-1/2 -translate-x-1/2 px-2 py-1 bg-white text-black text-[8px] font-bold rounded opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none uppercase tracking-tighter">Ring</span></button><button class="jsx-cfe28ddc61bb4ddf aspect-square rounded-xl border flex items-center justify-center transition-all duration-300 active:scale-90 group relative
	border-white/5 bg-white/5 hover:border-white/20 hover:bg-white/10 text-white/40 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dices jsx-cfe28ddc61bb4ddf md:w-[18px] md:h-[18px] transition-transform group-hover:scale-110" aria-hidden="true"><rect width="12" height="12" x="2" y="10" rx="2" ry="2"></rect><path d="m17.92 14 3.5-3.5a2.24 2.24 0 0 0 0-3l-5-4.92a2.24 2.24 0 0 0-3 0L10 6"></path><path d="M6 18h.01"></path><path d="M10 14h.01"></path><path d="M15 6h.01"></path><path d="M18 9h.01"></path></svg><span class="jsx-cfe28ddc61bb4ddf hidden md:block absolute -top-8 left-1/2 -translate-x-1/2 px-2 py-1 bg-white text-black text-[8px] font-bold rounded opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none uppercase tracking-tighter">Dodeca</span></button><button class="jsx-cfe28ddc61bb4ddf aspect-square rounded-xl border flex items-center justify-center transition-all duration-300 active:scale-90 group relative
	border-white/5 bg-white/5 hover:border-white/20 hover:bg-white/10 text-white/40 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cylinder jsx-cfe28ddc61bb4ddf md:w-[18px] md:h-[18px] transition-transform group-hover:scale-110" aria-hidden="true"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M3 5v14a9 3 0 0 0 18 0V5"></path></svg><span class="jsx-cfe28ddc61bb4ddf hidden md:block absolute -top-8 left-1/2 -translate-x-1/2 px-2 py-1 bg-white text-black text-[8px] font-bold rounded opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none uppercase tracking-tighter">Tube</span></button><button class="jsx-cfe28ddc61bb4ddf aspect-square rounded-xl border flex items-center justify-center transition-all duration-300 active:scale-90 group relative
	border-white/5 bg-white/5 hover:border-white/20 hover:bg-white/10 text-white/40 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cone jsx-cfe28ddc61bb4ddf md:w-[18px] md:h-[18px] transition-transform group-hover:scale-110" aria-hidden="true"><path d="m20.9 18.55-8-15.98a1 1 0 0 0-1.8 0l-8 15.98"></path><ellipse cx="12" cy="19" rx="9" ry="3"></ellipse></svg><span class="jsx-cfe28ddc61bb4ddf hidden md:block absolute -top-8 left-1/2 -translate-x-1/2 px-2 py-1 bg-white text-black text-[8px] font-bold rounded opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none uppercase tracking-tighter">Cone</span></button></div><div class="jsx-cfe28ddc61bb4ddf space-y-6 md:space-y-8"><div class="group"><div class="flex justify-between items-center text-[8px] md:text-[9px] uppercase tracking-[0.2em] mb-3 font-bold"><span class="opacity-30 group-hover:opacity-100 transition-opacity duration-300">Instance Scale</span><span class="font-mono bg-white/5 px-2 py-0.5 md:px-2.5 md:py-1 rounded-md text-[9px] md:text-[10px] text-white/80">0.80</span></div><input type="range" min="0.2" max="1.4" step="0.01" class="w-full h-[3px] md:h-[3px] bg-white/10 appearance-none rounded-full cursor-pointer transition-all outline-none" value="0.8"/></div><div class="jsx-cfe28ddc61bb4ddf flex justify-between items-center py-4 border-t border-white/5"><span class="jsx-cfe28ddc61bb4ddf text-[9px] md:text-[10px] uppercase tracking-[0.2em] opacity-40 font-bold">Auto-Rotation</span><button class="jsx-cfe28ddc61bb4ddf relative w-10 h-5 md:w-12 md:h-6 rounded-full transition-all duration-500 ease-in-out bg-blue-500 shadow-[0_0_20px_rgba(59,130,246,0.4)]"><div class="jsx-cfe28ddc61bb4ddf absolute top-1 w-3 h-3 md:w-4 md:h-4 rounded-full transition-all duration-500 bg-white left-6 md:left-7"></div></button></div></div></div></div></div><input type="file" accept="image/*" class="jsx-cfe28ddc61bb4ddf hidden"/><div class="jsx-cfe28ddc61bb4ddf absolute inset-0 flex items-center justify-center bg-[#010101] backdrop-blur-xl z-100 transition-opacity duration-500"><div class="jsx-cfe28ddc61bb4ddf flex flex-col items-center gap-8"><div class="jsx-cfe28ddc61bb4ddf relative flex items-center justify-center"><div style="animation-duration:0.5s" class="jsx-cfe28ddc61bb4ddf w-12 h-12 md:w-16 md:h-16 border-[3px] border-white/5 border-t-white rounded-full animate-spin"></div><div class="jsx-cfe28ddc61bb4ddf absolute w-6 h-6 md:w-8 md:h-8 border border-white/10 border-b-white rounded-full animate-spin-slow"></div></div></div></div></div></div><script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d\|\|"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d\|\|h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0};
	$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:0","S:0")</script><script>(self.__next_f=self.__next_f\|\|[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[39756,[\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"default\"]\n3:I[37457,[\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"default\"]\n4:I[47257,[\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"ClientPageRoot\"]\n5:I[31713,[\"/_next/static/chunks/0dbhjjzl8qfwv.js\",\"/_next/static/chunks/0sahc-ekhtv.-.js\"],\"default\"]\n8:I[97367,[\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"OutletBoundary\"]\n9:\"$Sreact.suspense\"\nb:I[97367,[\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"ViewportBoundary\"]\nd:I[97367,[\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"MetadataBoundary\"]\nf:I[68027,[\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0hgv~iv10sks~.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.0.q-h669a_dqa.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.16t1db8_9y2o~.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0hgv~iv10sks~.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0dbhjjzl8qfwv.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full antialiased\",\"children\":[\"$\",\"body\",null,{\"className\":\"min-h-full flex flex-col\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L4\",null,{\"Component\":\"$5\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@6\",\"$@7\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0sahc-ekhtv.-.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@a\"}]}]]}],{},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Le\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0hgv~iv10sks~.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"S7JY64SU8SStm60DlcxAT\"}\n"])</script><script>self.__next_f.push([1,"6:{}\n7:\"$0:f:0:1:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script><script>self.__next_f.push([1,"c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"10:I[27201,[\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"IconMark\"]\na:null\ne:[[\"$\",\"title\",\"0\",{\"children\":\"Pixeloid 3D\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Transforms images into dynamic geometric art using cubes, rings, and immersive 3D shapes.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0x3dzn~oxb6tn.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"$L10\",\"3\",{}]]\n"])</script></body></html>