Help
RSS
API
Feed
Maltego
Contact
Domain > blog.atleastdevspace.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2025-12-27
172.67.140.9
(
ClassC
)
Port 443
HTTP/1.1 200 OKDate: Sat, 27 Dec 2025 07:32:47 GMTContent-Type: text/html; charsetutf-8Transfer-Encoding: chunkedConnection: keep-aliveaccess-control-allow-origin: *Age: 2133312Cache-Control: public, max-age0, must-revalidatecontent-disposition: inlineReport-To: {group:cf-nel,max_age:604800,endpoints:{url:https://a.nel.cloudflare.com/report/v4?s5E6lCJF2a4KpbUOjn%2Fj1Nk5HtHpJ%2FylAmB0d0Pp%2BbYju%2FvXnxb%2BZ1YK60ihSlufMBQq5YQw%2FFBVzJMl1y5Ouc4qS4lAIvQQxHvBiE44OerWH%2Fba6jYGOpQ%3D%3D}}Nel: {report_to:cf-nel,success_fraction:0.0,max_age:604800}Server: cloudflarestrict-transport-security: max-age63072000vary: RSC, Next-Router-State-Tree, Next-Router-Prefetchvary: accept-encodingx-matched-path: /x-vercel-cache: HITx-vercel-id: pdx1::zq4jl-1766820767684-f0576b5f233dcf-cache-status: DYNAMICCF-RAY: 9b472045dead4598-PDXalt-svc: h3:443; ma86400 !DOCTYPE html>html langen class>head>meta charSetutf-8/>meta nameviewport contentwidthdevice-width, initial-scale1/>link relpreload href/_next/static/media/436428a677fd0906-s.p.woff2 asfont crossorigin typefont/woff2/>link relpreload href/_next/static/media/4473ecc91f70f139-s.p.woff asfont crossorigin typefont/woff/>link relpreload href/_next/static/media/463dafcda517f24f-s.p.woff asfont crossorigin typefont/woff/>link relstylesheet href/_next/static/css/31da47b1fa868bae.css data-precedencenext/>link relpreload asscript fetchPrioritylow href/_next/static/chunks/webpack-4064ac527494695f.js/>script src/_next/static/chunks/fd9d1056-9e76a81dd26ea5f3.js async>/script>script src/_next/static/chunks/2117-d9d8ee444cf09675.js async>/script>script src/_next/static/chunks/main-app-be3d940aef6bd3eb.js async>/script>script src/_next/static/chunks/bd904a5c-52313c28a7937604.js async>/script>script src/_next/static/chunks/b536a0f1-c9b5f59ff8bb8de7.js async>/script>script src/_next/static/chunks/ad2866b8-d9a081783e4ea5b3.js async>/script>script src/_next/static/chunks/5813-4b35b7caa78f6ae5.js async>/script>script src/_next/static/chunks/9318-a58ee89b4cbc8cad.js async>/script>script src/_next/static/chunks/5052-3b24d0657d964074.js async>/script>script src/_next/static/chunks/app/layout-59950fb7fea7e544.js async>/script>script src/_next/static/chunks/9263-c19fa9be66443ea9.js async>/script>script src/_next/static/chunks/2360-9d4eeb648d4bff1e.js async>/script>script src/_next/static/chunks/73-06cb25c397c104e0.js async>/script>script src/_next/static/chunks/app/page-97acc38fe7e588b2.js async>/script>title>ChaosAtleast's Blog/title>meta namedescription contentHi 👋🏻 , I’m Alice, and welcome to my blog. Here, I’ll be sharing my learning experiences and the projects I’ve built using Next.js, Framer Motion, React Three Fiber, and Three.js (and maybe more in the future)😄/>meta propertyog:title contentChaosAtleast's Blog/>meta propertyog:description contentHi 👋🏻 , I’m Alice, and welcome to my blog. Here, I’ll be sharing my learning experiences and the projects I’ve built using Next.js, Framer Motion, React Three Fiber, and Three.js (and maybe more in the future)😄/>meta propertyog:url content//>meta propertyog:site_name contentChaosAtleast's Blog/>meta propertyog:image contenthttps://img-chaosatleast.vercel.app/ChaosAtleast_black.png/>meta propertyog:image:width content1200/>meta propertyog:image:height content630/>meta propertyog:image:alt contentChaosAtleast Logo/>meta nametwitter:card contentsummary_large_image/>meta nametwitter:title contentChaosAtleast's Blog/>meta nametwitter:description contentHi 👋🏻 , I’m Alice, and welcome to my blog. Here, I’ll be sharing my learning experiences and the projects I’ve built using Next.js, Framer Motion, React Three Fiber, and Three.js (and maybe more in the future)😄/>meta nametwitter:image contenthttps://img-chaosatleast.vercel.app/ChaosAtleast_black.png/>meta nametwitter:image:width content1200/>meta nametwitter:image:height content630/>meta nametwitter:image:alt contentChaosAtleast Logo/>link relicon hrefhttps://img-chaosatleast.vercel.app/favicon.ico/>meta namenext-size-adjust/>script src/_next/static/chunks/polyfills-42372ed130431b0a.js noModule>/script>/head>body class__variable_1e4310 __variable_c3aa02 __variable_98a435 antialiased styleoverscroll-behavior:none>div classtouch-auto bg-background dark>div class>div classfixed left-0 top-0 z-0 h-screen w-screen>div classhidden h-full w-full md:block>div styleposition:relative;width:100%;height:100%;overflow:hidden>div stylewidth:100%;height:100%>canvas styledisplay:block>/canvas>/div>/div>/div>div classh-full w-full md:hidden>img altGrid loadinglazy decodingasync data-nimgfill classh-full w-full scale-110 object-cover styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent src/bulge-grid-night.svg/>/div>/div>div classfixed top-0 z-50 w-full>div classflex h-24 w-full items-center justify-center bg-rgba(var(--background),0.5) backdrop-blur-lg>div classabsolute left-0 top-0 z-0 h-full w-full bg-blend-overlay>!--$!-->template data-dgstBAILOUT_TO_CLIENT_SIDE_RENDERING>/template>!--/$-->/div>div classabsolute left-0 top-0 z-1 h-full w-full bg-gradient-to-t from-rgb(var(--background)) to-transparent to-50%>/div>div classscreen-width-header relative z-10 flex h-full w-full items-center justify-between>div classrelative h-10 w-10 rounded-full>img altLogo loadinglazy decodingasync data-nimgfill classh-full w-full rounded-full styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:contain;color:transparent sizes100vw srcSet/_next/image?urlhttps%3A%2F%2Fimg-chaosatleast.vercel.app%2Fapi%2Fimage%2FChaosAtleast_white.png&w640&q75 640w, /_next/image?urlhttps%3A%2F%2Fimg-chaosatleast.vercel.app%2Fapi%2Fimage%2FChaosAtleast_white.png&w750&q75 750w, /_next/image?urlhttps%3A%2F%2Fimg-chaosatleast.vercel.app%2Fapi%2Fimage%2FChaosAtleast_white.png&w828&q75 828w, /_next/image?urlhttps%3A%2F%2Fimg-chaosatleast.vercel.app%2Fapi%2Fimage%2FChaosAtleast_white.png&w1080&q75 1080w, /_next/image?urlhttps%3A%2F%2Fimg-chaosatleast.vercel.app%2Fapi%2Fimage%2FChaosAtleast_white.png&w1200&q75 1200w, /_next/image?urlhttps%3A%2F%2Fimg-chaosatleast.vercel.app%2Fapi%2Fimage%2FChaosAtleast_white.png&w1920&q75 1920w, /_next/image?urlhttps%3A%2F%2Fimg-chaosatleast.vercel.app%2Fapi%2Fimage%2FChaosAtleast_white.png&w2048&q75 2048w, /_next/image?urlhttps%3A%2F%2Fimg-chaosatleast.vercel.app%2Fapi%2Fimage%2FChaosAtleast_white.png&w3840&q75 3840w src/_next/image?urlhttps%3A%2F%2Fimg-chaosatleast.vercel.app%2Fapi%2Fimage%2FChaosAtleast_white.png&w3840&q75/>/div>div classrelative z-10 flex items-center justify-center space-x-2>button classh-ful w-full rounded-lg bg-background px-3 py-2 hover:bg-rgba(var(--t-tertiary),0.1)>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-sun h-6 w-5 text-t-secondary>circle cx12 cy12 r4>/circle>path dM12 2v2>/path>path dM12 20v2>/path>path dm4.93 4.93 1.41 1.41>/path>path dm17.66 17.66 1.41 1.41>/path>path dM2 12h2>/path>path dM20 12h2>/path>path dm6.34 17.66-1.41 1.41>/path>path dm19.07 4.93-1.41 1.41>/path>/svg>/button>/div>/div>/div>/div>div classflex flex-col>div class>div classmt-32 h-full w-full pb-24>div classscreen-width text-t-tertiary>div classflex h-45vh items-center justify-center lg:mx-auto lg:max-w-6xl>div classpointer-events-none relative flex h-full w-full items-center justify-start font-paytone-one text-6xl font-black text-t-primary lg:text-8xl 2xl:text-9xl>div>div classtext>CREATE. br/> span> BUILD. DEBUG./span> br/> span classtext-n-primary>REPEAT./span>/div>/div>/div>/div>div classobject-slide-in>div classw-full pt-10 lg:mx-auto lg:grid lg:max-w-6xl lg:grid-cols-6 lg:space-x-10>div classw-full pt-12 lg:col-span-3>div classgreetings-card relative bg-transparent>div classmasked-bg-tl masked-bg rounded-3xl bg-rgba(var(--n-tertiary),1) styletransform:none>div classfloat-left mr-4 h-16 w-48 rounded-br-3xl bg-transparent>/div>div classp-4 idgreetings-content>h1 classtext-2xl font-semibold leading-normal tracking-tight text-t-primary 2xl:text-4xl>Hi 👋🏻 , I’m Alice, and welcome to my blog. Here, I’ll be sharing my learning experiences and the projects I’ve built using Next.js, Framer Motion, React Three Fiber, and Three.js (and maybe more in the future)😄./h1>/div>/div>div classabsolute left-0 top-0 z-10 flex w-44 max-w-48 items-center justify-center text-nowrap rounded-3xl bg-t-primary p-2 font-semibold text-n-tertiary styletransform:none>div classtext-base font-bold leading-normal 2xl:text-lg 2xl:leading-none>Greetings/div>/div>/div>/div>div classw-full pt-12 lg:col-span-3>div classgreetings-card relative bg-transparent>div classmasked-bg-tr masked-bg rounded-3xl bg-rgba(var(--n-secondary),1) bg-blend-overlay backdrop-blur styletransform:none>div classfloat-right ml-4 h-16 w-48 rounded-br-3xl bg-transparent>/div>div classh-full w-full p-4 idgreetings-content>div classtext-xl font-light leading-normal tracking-tight text-t-secondary 2xl:text-3xl> The reason is pretty simple: I wanted to write down the things I’ve learned. I’m the kind of person who finds writing documentation a bit of a hassle—just a little bit. As the tech stack evolves and there’s more and more to learn, I realized that documenting and recording can actually help solve some problems 😆. /div>/div>/div>div classabsolute right-0 top-0 z-10 flex w-44 max-w-48 items-center justify-center text-nowrap rounded-3xl bg-t-primary p-2 font-semibold text-n-secondary styletransform:none>div classtext-sm font-bold leading-none 2xl:text-lg 2xl:leading-none>Why did I br/>start this blog ?!-- --> /div>/div>/div>/div>/div>/div>div classpb-12 pt-20 lg:mx-auto lg:max-w-6xl>h1 classpointer-events-none relative pb-4 text-1.75rem font-bold text-t-primary 2xl:text-4xl>All Articles/h1>div classmt-2 flex h-full w-full flex-col space-y-8>div classgrid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-2>div classrelative flex max-h-96 flex-col rounded-xl bg-transparent>div classrelative z-10 min-h-64 w-full>div classmasked-bg masked-bg-br min-h-64 rounded-2xl styletransform:none>video preloadnone loop muted playsInline classh-full w-full rounded-2xl object-cover srchttps://cdn.sanity.io/files/mv3fplda/production/7bdc7bd7a908df69b5a70bfc56edf884abe059ad.mov>/video>/div>div classabsolute bottom-0 right-2 z-10 flex max-w-40 justify-end text-nowrap rounded-3xl bg-b-tertiary p-2 text-sm font-semibold text-t-primary styletransform:none>Physics on Canvas/div>/div>div classrelative p-4>h2 classtext-xl font-bold text-t-primary 2xl:text-4xl>Canvas Object Collision Matterjs/h2>p classmt-2 text-sm text-t-tertiary 2xl:text-3xl>Creating a physics-based interactive animation in Next.js using Matter.js and P5.js, featuring draggable objects and dynamic resizing./p>/div>/div>/div>/div>/div>/div>/div>/div>div classrelative>div classh-fit w-screen bg-background py-4>div classscreen-width-footer grid grid-cols-12 space-y-0>div classcol-span-3 flex items-center gap-x-5 md:col-span-3>div classfooter-item w-fit bg-t-primary p-4 py-4 text-center text-base leading-none text-background 2xl:text-2xl>FPSbr/> #5/div>h1 classfooter-item hidden text-nowrap text-base leading-tight text-t-secondary lg:block 2xl:text-2xl>Learning is funbr/>while Painful/h1>/div>div classcol-span-9 flex flex-col items-start justify-center md:col-span-5 md:gap-x-2>div classfooter-item hidden lg:block>div classmt-2 hidden text-nowrap text-sm text-t-primary lg:flex 2xl:text-xl>Get in touch,/div>/div>div classfooter-item w-full>div classgrid grid-rows-2 font-semibold lg:flex lg:gap-x-10>div classrow-span-1 flex gap-x-3 lg:gap-x-10>a href# relnoreferrer>div classrelative flex h-fit w-fit cursor-pointer flex-row items-center justify-start py-1 pr-2 text-t-tertiary>div styleopacity:1;color:rgb(var(--t-tertiary))>div classsocial-link-text>PORTFOLIO/div>/div>div classabsolute -right-3 top-0 2xl:-right-7>div classabsolute right-0 top-0 styleopacity:1;display:block;color:rgb(var(--t-tertiary));transform:none>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width1.5 stroke-linecapround stroke-linejoinround classlucide lucide-arrow-up-right social-link-arrow-icon>path dM7 7h10v10>/path>path dM7 17 17 7>/path>/svg>/div>div classabsolute right-0 top-0 stylecolor:rgb(var(--t-tertiary));transform:translateX(-10px) translateY(10px) scale(0)>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width1.5 stroke-linecapround stroke-linejoinround classlucide lucide-arrow-up-right social-link-arrow-icon>path dM7 7h10v10>/path>path dM7 17 17 7>/path>/svg>/div>/div>/div>/a>a relnoreferrer>div classrelative flex h-fit w-fit cursor-pointer flex-row items-center justify-start py-1 pr-2 text-t-tertiary>div styleopacity:1;color:rgb(var(--t-tertiary))>div classsocial-link-text>GITHUB/div>/div>div classabsolute -right-3 top-0 2xl:-right-7>div classabsolute right-0 top-0 styleopacity:1;display:block;color:rgb(var(--t-tertiary));transform:none>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width1.5 stroke-linecapround stroke-linejoinround classlucide lucide-arrow-up-right social-link-arrow-icon>path dM7 7h10v10>/path>path dM7 17 17 7>/path>/svg>/div>div classabsolute right-0 top-0 stylecolor:rgb(var(--t-tertiary));transform:translateX(-10px) translateY(10px) scale(0)>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width1.5 stroke-linecapround stroke-linejoinround classlucide lucide-arrow-up-right social-link-arrow-icon>path dM7 7h10v10>/path>path dM7 17 17 7>/path>/svg>/div>/div>/div>/a>a href# relnoreferrer>div classrelative flex h-fit w-fit cursor-pointer flex-row items-center justify-start py-1 pr-2 text-t-tertiary>div styleopacity:1;color:rgb(var(--t-tertiary))>div classsocial-link-text>EMAIL/div>/div>div classabsolute -right-3 top-0 2xl:-right-7>div classabsolute right-0 top-0 styleopacity:1;display:block;color:rgb(var(--t-tertiary));transform:none>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width1.5 stroke-linecapround stroke-linejoinround classlucide lucide-arrow-up-right social-link-arrow-icon>path dM7 7h10v10>/path>path dM7 17 17 7>/path>/svg>/div>div classabsolute right-0 top-0 stylecolor:rgb(var(--t-tertiary));transform:translateX(-10px) translateY(10px) scale(0)>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width1.5 stroke-linecapround stroke-linejoinround classlucide lucide-arrow-up-right social-link-arrow-icon>path dM7 7h10v10>/path>path dM7 17 17 7>/path>/svg>/div>/div>/div>/a>/div>div classrow-span-1 flex gap-x-3 lg:gap-x-10>a relnoreferrer>div classrelative flex h-fit w-fit cursor-pointer flex-row items-center justify-start py-1 pr-2 text-t-tertiary>div styleopacity:1;color:rgb(var(--t-tertiary))>div classsocial-link-text>INSTAGRAM/div>/div>div classabsolute -right-3 top-0 2xl:-right-7>div classabsolute right-0 top-0 styleopacity:1;display:block;color:rgb(var(--t-tertiary));transform:none>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width1.5 stroke-linecapround stroke-linejoinround classlucide lucide-arrow-up-right social-link-arrow-icon>path dM7 7h10v10>/path>path dM7 17 17 7>/path>/svg>/div>div classabsolute right-0 top-0 stylecolor:rgb(var(--t-tertiary));transform:translateX(-10px) translateY(10px) scale(0)>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width1.5 stroke-linecapround stroke-linejoinround classlucide lucide-arrow-up-right social-link-arrow-icon>path dM7 7h10v10>/path>path dM7 17 17 7>/path>/svg>/div>/div>/div>/a>a relnoreferrer>div classrelative flex h-fit w-fit cursor-pointer flex-row items-center justify-start py-1 pr-2 text-t-tertiary>div styleopacity:1;color:rgb(var(--t-tertiary))>div classsocial-link-text>X/div>/div>div classabsolute -right-3 top-0 2xl:-right-7>div classabsolute right-0 top-0 styleopacity:1;display:block;color:rgb(var(--t-tertiary));transform:none>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width1.5 stroke-linecapround stroke-linejoinround classlucide lucide-arrow-up-right social-link-arrow-icon>path dM7 7h10v10>/path>path dM7 17 17 7>/path>/svg>/div>div classabsolute right-0 top-0 stylecolor:rgb(var(--t-tertiary));transform:translateX(-10px) translateY(10px) scale(0)>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width1.5 stroke-linecapround stroke-linejoinround classlucide lucide-arrow-up-right social-link-arrow-icon>path dM7 7h10v10>/path>path dM7 17 17 7>/path>/svg>/div>/div>/div>/a>/div>/div>/div>/div>div classfooter-item col-span-12 flex h-full items-center justify-center md:col-span-4 md:justify-end md:pr-5 lg:pt-0>div classflex-wrap text-start text-xs font-medium leading-none text-t-secondary>svg xmlnshttp://www.w3.org/2000/svg width14 height14 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-copyright mb-1 mr-1 inline-block>circle cx12 cy12 r10>/circle>path dM14.83 14.83a4 4 0 1 1 0-5.66>/path>/svg>span classh-full text-wrap 2xl:text-xl>Alice, @chaosatleast 2025.br/>All rights reserved./span>/div>/div>/div>/div>/div>/div>/div>/div>script src/_next/static/chunks/webpack-4064ac527494695f.js async>/script>script>(self.__next_fself.__next_f||).push(0);self.__next_f.push(2,null)/script>script>self.__next_f.push(1,1:HL\/_next/static/media/436428a677fd0906-s.p.woff2\,\font\,{\crossOrigin\:\\,\type\:\font/woff2\}\n2:HL\/_next/static/media/4473ecc91f70f139-s.p.woff\,\font\,{\crossOrigin\:\\,\type\:\font/woff\}\n3:HL\/_next/static/media/463dafcda517f24f-s.p.woff\,\font\,{\crossOrigin\:\\,\type\:\font/woff\}\n4:HL\/_next/static/css/31da47b1fa868bae.css\,\style\\n)/script>script>self.__next_f.push(1,5:I12846,,\\\n8:I45052,\5870\,\static/chunks/bd904a5c-52313c28a7937604.js\,\6689\,\static/chunks/b536a0f1-c9b5f59ff8bb8de7.js\,\7337\,\static/chunks/ad2866b8-d9a081783e4ea5b3.js\,\5813\,\static/chunks/5813-4b35b7caa78f6ae5.js\,\9318\,\static/chunks/9318-a58ee89b4cbc8cad.js\,\5052\,\static/chunks/5052-3b24d0657d964074.js\,\3185\,\static/chunks/app/layout-59950fb7fea7e544.js\,\default\\n9:I4707,,\\\na:I36423,,\\\nc:I61060,,\\\nd:\n)/script>script>self.__next_f.push(1,0:\$\,\$L5\,null,{\buildId\:\6IQYrrCw5dqMGntdjmU6e\,\assetPrefix\:\\,\urlParts\:\\,\\,\initialTree\:\\,{\children\:\__PAGE__\,{}},\$undefined\,\$undefined\,true,\initialSeedData\:\\,{\children\:\__PAGE__\,{},\$L6\,\$L7\,null,null,null},\$\,\link\,\0\,{\rel\:\stylesheet\,\href\:\/_next/static/css/31da47b1fa868bae.css\,\precedence\:\next\,\crossOrigin\:\$undefined\},\$\,\html\,null,{\lang\:\en\,\className\:\\,\children\:\$\,\body\,null,{\className\:\__variable_1e4310 __variable_c3aa02 __variable_98a435 antialiased\,\style\:{\overscrollBehavior\:\none\},\children\:\$\,\$L8\,null,{\children\:\$\,\$L9\,null,{\parallelRouterKey\:\children\,\segmentPath\:\children\,\error\:\$undefined\,\errorStyles\:\$undefined\,\errorScripts\:\$undefined\,\template\:\$\,\$La\,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.\}}}},\notFoundStyles\:}}}},null,null,\couldBeIntercepted\:false,\initialHead\:null,\$Lb\,\globalErrorComponent\:\$c\,\missingSlots\:\$Wd\}\n)/script>script>self.__next_f.push(1,b:\$\,\meta\,\0\,{\name\:\viewport\,\content\:\widthdevice-width, initial-scale1\},\$\,\meta\,\1\,{\charSet\:\utf-8\},\$\,\title\,\2\,{\children\:\ChaosAtleasts Blog\},\$\,\meta\,\3\,{\name\:\description\,\content\:\Hi 👋🏻 , I’m Alice, and welcome to my blog. Here, I’ll be sharing my learning experiences and the projects I’ve built using Next.js, Framer Motion, React Three Fiber, and Three.js (and maybe more in the future)😄\},\$\,\meta\,\4\,{\property\:\og:title\,\content\:\ChaosAtleasts Blog\},\$\,\meta\,\5\,{\property\:\og:description\,\content\:\Hi 👋🏻 , I’m Alice, and welcome to my blog. Here, I’ll be sharing my learning experiences and the projects I’ve built using Next.js, Framer Motion, React Three Fiber, and Three.js (and maybe more in the future)😄\},\$\,\meta\,\6\,{\property\:\og:url\,\content\:\/\},\$\,\meta\,\7\,{\property\:\og:site_name\,\content\:\ChaosAtleasts Blog\},\$\,\meta\,\8\,{\property\:\og:image\,\content\:\https://img-chaosatleast.vercel.app/ChaosAtleast_black.png\},\$\,\meta\,\9\,{\property\:\og:image:width\,\content\:\1200\},\$\,\meta\,\10\,{\property\:\og:image:height\,\content\:\630\},\$\,\meta\,\11\,{\property\:\og:image:alt\,\content\:\ChaosAtleast Logo\},\$\,\meta\,\12\,{\name\:\twitter:card\,\content\:\summary_large_image\},\$\,\meta\,\13\,{\name\:\twitter:title\,\content\:\ChaosAtleasts Blog\},\$\,\meta\,\14\,{\name\:\twitter:description\,\content\:\Hi 👋🏻 , I’m Alice, and welcome to my blog. Here, I’ll be sharing my learning experiences and the projects I’ve built using Next.js, Framer Motion, React Three Fiber, and Three.js (and maybe more in the future)😄\},\$\,\meta\,\15\,{\name\:\twitter:image\,\content\:\https://img-chaosatleast.vercel.app/ChaosAtleast_black.png\},\$\,\meta\,\16\,{\name\:\twitter:image:width\,\content\:\1200\},\$\,\meta\,\17\,{\name\:\twitter:image:height\,\content\:\630\},\$\,\meta\,\18\,{\name\:\twitter:image:alt\,\content\:\ChaosAtleast Logo\},\$\,\link\,\19\,{\rel\:\icon\,\href\:\https://img-chaosatleast.vercel.app/favicon.ico\},\$\,\meta\,\20\,{\name\:\next-size-adjust\}\n)/script>script>self.__next_f.push(1,6:null\n)/script>script>self.__next_f.push(1,e:I73250,\5813\,\static/chunks/5813-4b35b7caa78f6ae5.js\,\9263\,\static/chunks/9263-c19fa9be66443ea9.js\,\2360\,\static/chunks/2360-9d4eeb648d4bff1e.js\,\73\,\static/chunks/73-06cb25c397c104e0.js\,\1931\,\static/chunks/app/page-97acc38fe7e588b2.js\,\default\\nf:I711,\5813\,\static/chunks/5813-4b35b7caa78f6ae5.js\,\9263\,\static/chunks/9263-c19fa9be66443ea9.js\,\2360\,\static/chunks/2360-9d4eeb648d4bff1e.js\,\73\,\static/chunks/73-06cb25c397c104e0.js\,\1931\,\static/chunks/app/page-97acc38fe7e588b2.js\,\default\\n10:I22889,\5813\,\static/chunks/5813-4b35b7caa78f6ae5.js\,\9263\,\static/chunks/9263-c19fa9be66443ea9.js\,\2360\,\static/chunks/2360-9d4eeb648d4bff1e.js\,\73\,\static/chunks/73-06cb25c397c104e0.js\,\1931\,\static/chunks/app/page-97acc38fe7e588b2.js\,\GreetingsCardLeft\\n11:I22889,\5813\,\static/chunks/5813-4b35b7caa78f6ae5.js\,\9263\,\static/chunks/9263-c19fa9be66443ea9.js\,\2360\,\static/chunks/2360-9d4eeb648d4bff1e.js\,\73\,\static/chunks/73-06cb25c397c104e0.js\,\1931\,\static/chunks/app/page-97acc38fe7e588b2.js\,\GreetingsCardRight\\n12:I75438,\5813\,\static/chunks/5813-4b35b7caa78f6ae5.js\,\9263\,\static/chunks/9263-c19fa9be66443ea9.js\,\2360\,\static/chunks/2360-9d4eeb648d4bff1e.js\,\73\,\static/chunks/73-06cb25c397c104e0.js\,\1931\,\static/chunks/app/page-97acc38fe7e588b2.js\,\default\\n)/script>script>self.__next_f.push(1,7:\$\,\div\,null,{\className\:\mt-32 h-full w-full pb-24\,\children\:\$\,\div\,null,{\className\:\screen-width text-t-tertiary\,\children\:\$\,\div\,null,{\className\:\flex h-45vh items-center justify-center lg:mx-auto lg:max-w-6xl\,\children\:\$\,\div\,null,{\className\:\pointer-events-none relative flex h-full w-full items-center justify-start font-paytone-one text-6xl font-black text-t-primary lg:text-8xl 2xl:text-9xl\,\children\:\$\,\$Le\,null,{\textType\:\word\,\staggerAmount\:0.2,\children\:\CREATE. \,\$\,\br\,null,{},\ \,\$\,\span\,null,{\children\:\ BUILD. DEBUG.\},\ \,\$\,\br\,null,{},\ \,\$\,\span\,null,{\className\:\text-n-primary\,\children\:\REPEAT.\}}}},\$\,\$Lf\,null,{\className\:\greetings-card\,\children\:\$\,\div\,null,{\className\:\w-full pt-10 lg:mx-auto lg:grid lg:max-w-6xl lg:grid-cols-6 lg:space-x-10\,\children\:\$\,\div\,null,{\className\:\w-full pt-12 lg:col-span-3\,\children\:\$\,\$L10\,null,{\text\:\$\,\div\,null,{\className\:\text-base font-bold leading-normal 2xl:text-lg 2xl:leading-none\,\children\:\Greetings\},\children\:\$\,\h1\,null,{\className\:\text-2xl font-semibold leading-normal tracking-tight text-t-primary 2xl:text-4xl\,\children\:\Hi 👋🏻 , I’m Alice, and welcome to my blog. Here, I’ll be sharing my learning experiences and the projects I’ve built using Next.js, Framer Motion, React Three Fiber, and Three.js (and maybe more in the future)😄.\}}},\$\,\div\,null,{\className\:\w-full pt-12 lg:col-span-3\,\children\:\$\,\$L11\,null,{\text\:\$\,\div\,null,{\className\:\text-sm font-bold leading-none 2xl:text-lg 2xl:leading-none\,\children\:\Why did I \,\$\,\br\,null,{},\start this blog ?\,\ \},\children\:\$\,\div\,null,{\className\:\text-xl font-light leading-normal tracking-tight text-t-secondary 2xl:text-3xl\,\children\:\ The reason is pretty simple: I wanted to write down the things I’ve learned. I’m the kind of person who finds writing documentation a bit of a hassle—just a little bit. As the tech stack evolves and there’s more and more to learn, I realized that documenting and recording can actually help solve some problems 😆. \}}}}},\$\,\div\,null,{\className\:\pb-12 pt-20 lg:mx-auto lg:max-w-6xl\,\children\:\$\,\h1\,null,{\className\:\pointer-events-none relative pb-4 text-1.75rem font-bold text-t-primary 2xl:text-4xl\,\children\:\All Articles\},\$\,\div\,null,{\className\:\mt-2 flex h-full w-full flex-col space-y-8\,\children\:\$\,\div\,null,{\className\:\grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-2\,\children\:\$\,\$L12\,null,{\post\:{\description\:\Creating a physics-based interactive animation in Next.js using Matter.js and P5.js, featuring draggable objects and dynamic resizing.\,\demoImage\:{\_type\:\image\,\asset\:{\_ref\:\image-78daf3649fc901c0a785fd0413b476e071b7f6d5-3022x1886-png\,\_type\:\reference\}},\demoVideo\:{\asset\:{\_id\:\file-7bdc7bd7a908df69b5a70bfc56edf884abe059ad-mov\,\url\:\https://cdn.sanity.io/files/mv3fplda/production/7bdc7bd7a908df69b5a70bfc56edf884abe059ad.mov\}},\categories\:\Physics on Canvas\,\title\:\Canvas Object Collision Matterjs\,\slug\:{\_type\:\slug\,\current\:\canvas-object-collision-matterjs\}}}}}}}}\n)/script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]