[{"_1":2,"_129":-5,"_130":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/p.$appId",{"_12":13,"_128":-5,"_125":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_5":43,"_55":40,"_56":57,"_58":40,"_59":60,"_61":57,"_62":40,"_63":40,"_64":57,"_65":57,"_66":17,"_67":17,"_68":69,"_70":71,"_72":73,"_74":75,"_88":-5,"_89":17,"_90":91,"_125":30,"_126":127},"id","75285b498e6f41936b53","isMyApp",false,"name","elolo","description","Witness the end of days with this hypnotic doomsday clock that counts down to oblivion with unsettling glee! Elolo doesn't just tell time—it whispers existential truths while displaying a mesmerizing animation that gets increasingly chaotic as the clock ticks closer to zero.","brief","A gleefully disturbing doomsday clock that counts down to oblivion with hypnotic visuals!","isLive",true,"isPublic","tags",[],"cover","https://cdn.dev.fun/snapshot/75285b498e6f41936b53/73728_2b0f262f.webp","cdnUrl","https://cdn.dev.fun/app/75285b498e6f41936b53/73728","createdAt",["D",1749046713453],"updatedAt",["D",1749046715768],"lastCommitId",["B","73728"],"tier",1,"credits",60,{"_14":44,"_45":46,"_47":46,"_48":49,"_50":46,"_51":52,"_53":54},"067bcdfe-b880-4822-8c1c-d5bbd46db862","uniqueId","evolelo","username","solanaWallet","FjSEsR5G8YGRDnT1dquc3fPdVfembeDBXKsDpjPeRvBn","displayName","bio","infinity meme gerl evolelo","avatar","https://cdn.dev.fun/avatar/067bcdfe-b880-4822-8c1c-d5bbd46db862/8adc7967.webp","commitCount","forkCount",0,"likeCount","runsCount",19,"downvoteCount","upvoteCount","upvoteRate","commentCount","visitorCount","isArchived","isRenamed","contractAddress","BKqqgvfGV8eTNmowfvjLkQMgQUZeq8rHRd3Bh8x4pump","code","import { useState, useEffect, useMemo } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nexport default function App() {\n const [targetDate] = useState(() => {\n const date = new Date();\n date.setDate(date.getDate() + 10);\n return date;\n });\n const [timeLeft, setTimeLeft] = useState({\n days: 0,\n hours: 0,\n minutes: 0,\n seconds: 0,\n totalSeconds: 0,\n progress: 0\n });\n const [currentQuote, setCurrentQuote] = useState(0);\n const [glitchLevel, setGlitchLevel] = useState(0);\n const [showGlitch, setShowGlitch] = useState(false);\n const existentialQuotes = useMemo(() => [\"Time is merely the fire in which we burn.\", \"Each tick brings you closer to the inevitable void.\", \"Your existence is but a fleeting moment in cosmic chaos.\", \"The universe neither knows nor cares about your struggles.\", \"Every breath is one closer to your last.\", \"The end comes for us all, but yours approaches with certainty.\", \"The clock ticks for everyone equally, but not for much longer.\", \"Nothing you build will outlast time itself.\", \"Your atoms will soon return to the stars from whence they came.\", \"The void awaits with open arms.\", \"The countdown isn't to the end, but to the truth.\", \"Time is the ultimate predator, and you are its prey.\", \"What will you do with your remaining moments?\", \"Your memories will fade like footprints in sand.\", \"The universe expands while your time contracts.\", \"ELOLO sees your fear. ELOLO understands.\", \"There is a beauty in knowing exactly when it all ends.\", \"Cherish these moments. They are among your last.\", \"The clock knows something you don't.\", \"Nothing matters. Everything matters. Time decides.\"], []);\n useEffect(() => {\n const calculateTimeLeft = () => {\n const difference = targetDate.getTime() - new Date().getTime();\n const totalSecondsMax = 10 * 24 * 60 * 60;\n const totalSeconds = Math.floor(difference / 1000);\n const progress = 1 - totalSeconds / totalSecondsMax;\n const newGlitchLevel = Math.min(10, Math.floor(progress * 15));\n if (newGlitchLevel !== glitchLevel) {\n setGlitchLevel(newGlitchLevel);\n }\n if (Math.random() < progress * 0.3) {\n setShowGlitch(true);\n setTimeout(() => setShowGlitch(false), 150);\n }\n if (difference > 0) {\n setTimeLeft({\n days: Math.floor(difference / (1000 * 60 * 60 * 24)),\n hours: Math.floor(difference / (1000 * 60 * 60) % 24),\n minutes: Math.floor(difference / 1000 / 60 % 60),\n seconds: Math.floor(difference / 1000 % 60),\n totalSeconds,\n progress\n });\n } else {\n setTimeLeft({\n days: 0,\n hours: 0,\n minutes: 0,\n seconds: 0,\n totalSeconds: 0,\n progress: 1\n });\n }\n };\n calculateTimeLeft();\n const timer = setInterval(calculateTimeLeft, 1000);\n return () => clearInterval(timer);\n }, [targetDate, glitchLevel]);\n useEffect(() => {\n const quoteInterval = setTimeout(() => {\n setCurrentQuote(prev => (prev + 1) % existentialQuotes.length);\n }, 10000 - timeLeft.progress * 8000);\n return () => clearTimeout(quoteInterval);\n }, [currentQuote, existentialQuotes.length, timeLeft.progress]);\n const backgroundColor = `hsl(${360 - timeLeft.progress * 60}, ${60 + timeLeft.progress * 40}%, ${Math.max(5, 20 - timeLeft.progress * 15)}%)`;\n const primaryColor = `hsl(${(360 + timeLeft.progress * 180) % 360}, ${70 + timeLeft.progress * 30}%, ${50 - timeLeft.progress * 15}%)`;\n const secondaryColor = `hsl(${(180 + timeLeft.progress * 180) % 360}, ${80 + timeLeft.progress * 20}%, ${60 - timeLeft.progress * 20}%)`;\n return

\n {}\n {Array.from({\n length: 5 + glitchLevel\n }).map((_, i) => )}\n\n {}\n {Array.from({\n length: Math.min(50, 10 + glitchLevel * 5)\n }).map((_, i) => )}\n\n {}\n \n {}\n \n ELOLO\n \n\n {}\n \n

\n \n \n \n \n

\n\n {}\n

\n \n

\n \n\n {}\n \n \n {existentialQuotes[currentQuote]}\n \n \n\n {}\n

\n Chaos Level: {glitchLevel}/10\n

\n \n\n {}\n {timeLeft.progress > 0.7 &&

\n {Array.from({\n length: Math.floor(timeLeft.progress * 20)\n }).map((_, i) => )}\n

}\n\n {}\n {timeLeft.progress > 0.9 &&

}\n

;\n}\nfunction TimeUnit({\n value,\n label\n}) {\n return

\n \n {String(value).padStart(2, '0')}\n \n \n {label}\n \n

;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"react-dom\":\"18.2.0\",\"framer-motion\":\"10.16.4\"}}","token",{"_18":46,"_76":19,"_77":78,"_79":80,"_81":82,"_83":84,"_85":-5,"_86":40,"_87":40,"_68":69},"symbol","price",0.00000435,"marketcap",4354.38,"image","https://pump.mypinata.cloud/ipfs/bafybeicrhi43hdquloiohqwnm7iivwkmrej6n5szx6podhszezgmohtiya?img-width=256&img-dpr=2","website","https://dev.fun/p/75285b498e6f41936b53","twitter","devCount","appCount","upstreamApp","isLordOfDev","analytics",[92,96,98,100,102,104,106,108,110,112,114,116,118,120,122,124],{"_93":94,"_95":57},"day","2025-05-23","runCount",{"_93":97,"_95":57},"2025-05-24",{"_93":99,"_95":57},"2025-05-25",{"_93":101,"_95":57},"2025-05-26",{"_93":103,"_95":57},"2025-05-27",{"_93":105,"_95":57},"2025-05-28",{"_93":107,"_95":57},"2025-05-29",{"_93":109,"_95":57},"2025-05-30",{"_93":111,"_95":57},"2025-05-31",{"_93":113,"_95":57},"2025-06-01",{"_93":115,"_95":57},"2025-06-02",{"_93":117,"_95":57},"2025-06-03",{"_93":119,"_95":57},"2025-06-04",{"_93":121,"_95":57},"2025-06-05",{"_93":119,"_95":123},18,{"_93":121,"_95":40},"snapshot","ogImage","https://cdn.dev.fun/og/image/75285b498e6f41936b53/c974b807.webp","commitDetail","actionData","errors"]