{"id":7,"date":"2026-03-28T11:08:36","date_gmt":"2026-03-28T11:08:36","guid":{"rendered":"https:\/\/kalakarkapyar.com\/?page_id=7"},"modified":"2026-03-28T11:32:56","modified_gmt":"2026-03-28T11:32:56","slug":"home-page","status":"publish","type":"page","link":"https:\/\/kalakarkapyar.com\/","title":{"rendered":"Home Page"},"content":{"rendered":"<style>\nbody {\n  margin:0;\n  background:#000;\n  color:#fff;\n  font-family:serif;\n  overflow:hidden;\n  cursor:none;\n}\n\/* MENU *\/\n.menu {\n  position:absolute;\n  top:50%;\n  left:50%;\n  transform:translate(-50%,-50%);\n  text-align:center;\n}\n.menu h1 {\n  font-size:70px;\n  margin:12px 0;\n  letter-spacing:4px;\n  cursor:pointer;\n  transition:0.3s;\n}\n\/* CURSOR CIRCLE *\/\n.circle {\n  position:fixed;\n  width:140px;\n  height:140px;\n  border-radius:50%;\n  border:1.5px solid rgba(255,255,255,0.8);\n  pointer-events:none;\n  transform:translate(-50%,-50%);\n  z-index:999;\n}\n\/* INNER WAVE (HOVER) *\/\n.circle::before {\n  content:\"\";\n  position:absolute;\n  inset:10px;\n  border-radius:50%;\n  border:1px solid rgba(255,255,255,0.4);\n  opacity:0;\n}\n\/* VIBRATION *\/\n.circle.vibrate::before {\n  animation:wave 1s infinite;\n}\n@keyframes wave {\n  0%   { transform:scale(1); opacity:0.5; }\n  50%  { transform:scale(1.2); opacity:1; }\n  100% { transform:scale(1.4); opacity:0; }\n}\n\/* SONIC BOOM (CLICK) *\/\n.circle.sonic {\n  animation:boom 0.35s ease;\n}\n@keyframes boom {\n  0%   { transform:translate(-50%,-50%) scale(1); }\n  50%  { transform:translate(-50%,-50%) scale(1.25); }\n  100% { transform:translate(-50%,-50%) scale(1); }\n}\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"menu\">\n<h1>ABOUT ME<\/h1>\n<h1>EXHIBITIONS<\/h1>\n<h1>WORK<\/h1>\n<h1>BLOG<\/h1>\n<h1>CONTACT<\/h1>\n<\/div>\n<div class=\"circle\" id=\"circle\"><\/div>\n<p><audio id=\"clickSound\" src=\"https:\/\/assets.mixkit.co\/sfx\/preview\/mixkit-select-click-1109.mp3\"><\/audio><\/p>\n<p><script>\nconst circle = document.getElementById(\"circle\");\nconst items = document.querySelectorAll(\".menu h1\");\nconst sound = document.getElementById(\"clickSound\");\n\/* SMOOTH CURSOR *\/\nlet mouse = {x:window.innerWidth\/2, y:window.innerHeight\/2};\nlet pos = {x:mouse.x, y:mouse.y};\ndocument.addEventListener(\"mousemove\", e=>{\n  mouse.x = e.clientX;\n  mouse.y = e.clientY;\n});\n\/* MAGNETIC TARGET *\/\nlet target = null;\nitems.forEach(item=>{\n  item.addEventListener(\"mouseenter\", ()=>{\n    target = item;\n    circle.classList.add(\"vibrate\");\n  });\n  item.addEventListener(\"mouseleave\", ()=>{\n    target = null;\n    circle.classList.remove(\"vibrate\");\n  });\n  item.addEventListener(\"click\", ()=>{\n    \/\/ text spread\n    item.style.letterSpacing = \"14px\";\n    setTimeout(()=> item.style.letterSpacing = \"4px\", 250);\n    \/\/ sound\n    sound.currentTime = 0;\n    sound.play();\n    \/\/ sonic boom\n    circle.classList.add(\"sonic\");\n    setTimeout(()=>circle.classList.remove(\"sonic\"),350);\n  });\n});\n\/* ANIMATION LOOP *\/\nfunction animate(){\n  let targetX = mouse.x;\n  let targetY = mouse.y;\n  if(target){\n    const rect = target.getBoundingClientRect();\n    const cx = rect.left + rect.width\/2;\n    const cy = rect.top + rect.height\/2;\n    targetX += (cx - mouse.x) * 0.2;\n    targetY += (cy - mouse.y) * 0.2;\n  }\n  pos.x += (targetX - pos.x) * 0.12;\n  pos.y += (targetY - pos.y) * 0.12;\n  circle.style.left = pos.x + \"px\";\n  circle.style.top = pos.y + \"px\";\n  requestAnimationFrame(animate);\n}\nanimate();<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ABOUT ME EXHIBITIONS WORK BLOG CONTACT<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kalakarkapyar.com\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kalakarkapyar.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kalakarkapyar.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kalakarkapyar.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kalakarkapyar.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":15,"href":"https:\/\/kalakarkapyar.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/kalakarkapyar.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/kalakarkapyar.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}