{"id":9,"date":"2026-02-14T09:58:55","date_gmt":"2026-02-14T09:58:55","guid":{"rendered":"https:\/\/nishigahigashini.com\/?page_id=9"},"modified":"2026-02-14T11:20:13","modified_gmt":"2026-02-14T11:20:13","slug":"home","status":"publish","type":"page","link":"https:\/\/nishigahigashini.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div id=\"nhn-wrapper\" style=\"\nposition:fixed;\ninset:0;\nbackground:#ffffff;\nfont-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Arial,sans-serif;\ncolor:#000;\noverflow:hidden;\nz-index:9999;\n\">\n\n  <!-- Center Text -->\n  <div style=\"\n  position:absolute;\n  top:50%;\n  left:50%;\n  transform:translate(-50%,-50%);\n  text-align:center;\n  pointer-events:none;\">\n    <h1 style=\"\n      font-size:clamp(2rem,6vw,3rem);\n      font-weight:500;\n      letter-spacing:0.04em;\n      margin:0 0 1rem 0;\">\n      Nishiga Higashi Ni\n    <\/h1>\n\n    <p style=\"\n      font-size:clamp(0.8rem,3vw,1rem);\n      letter-spacing:0.25em;\n      text-transform:uppercase;\n      margin:0;\">\n      a Tokyo Band\n    <\/p>\n  <\/div>\n\n  <!-- Movement Field -->\n  <div id=\"movementField\" style=\"\n    position:absolute;\n    width:1000px;\n    height:1000px;\n    left:50%;\n    top:50%;\n    transform:translate(-50%,-50%);\n  \">\n\n    <canvas id=\"trailCanvas\" width=\"1000\" height=\"1000\"\n      style=\"position:absolute; inset:0;\"><\/canvas>\n\n    <!-- Circle -->\n    <div id=\"videoBox\" style=\"\n      position:absolute;\n      width:150px;\n      height:150px;\n      border-radius:50%;\n      overflow:hidden;\n      background:#000;\n    \">\n\n      <!-- Zoomed Video -->\n      <div style=\"\n        position:absolute;\n        width:220%;\n        height:220%;\n        top:50%;\n        left:50%;\n        transform:translate(-50%,-60%);\n      \">\n        <iframe loading=\"lazy\"\n          id=\"ytplayer\"\n          width=\"100%\"\n          height=\"100%\"\n          src=\"https:\/\/www.youtube.com\/embed\/aareRjIRq1Q?enablejsapi=1&#038;autoplay=1&#038;mute=0&#038;controls=0&#038;loop=1&#038;playlist=aareRjIRq1Q&#038;modestbranding=1&#038;playsinline=1&#038;rel=0\"\n          allow=\"autoplay; encrypted-media\"\n          allowfullscreen\n          style=\"border:none;\">\n        <\/iframe>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<script>\n(function() {\n\n  const box = document.getElementById(\"videoBox\");\n  const field = document.getElementById(\"movementField\");\n  const canvas = document.getElementById(\"trailCanvas\");\n  const ctx = canvas.getContext(\"2d\");\n\n  let x = 350;\n  let y = 350;\n  let dx = 2.2;\n  let dy = 1.9;\n  let swirlAngle = 0;\n\n  function move() {\n\n    const maxX = field.clientWidth - box.offsetWidth;\n    const maxY = field.clientHeight - box.offsetHeight;\n\n    x += dx;\n    y += dy;\n\n    if (x <= 0 || x >= maxX) dx *= -1;\n    if (y <= 0 || y >= maxY) dy *= -1;\n\n    box.style.left = x + \"px\";\n    box.style.top = y + \"px\";\n\n    const centerX = x + box.offsetWidth\/2;\n    const centerY = y + box.offsetHeight\/2;\n\n    swirlAngle += 0.15;\n\n    const radius = 20;\n\n    ctx.strokeStyle = \"#000\";\n    ctx.lineWidth = 1;\n\n    \/\/ Swirl Line 1\n    ctx.beginPath();\n    ctx.moveTo(\n      centerX + Math.cos(swirlAngle) * radius,\n      centerY + Math.sin(swirlAngle) * radius\n    );\n    ctx.lineTo(\n      centerX + Math.cos(swirlAngle + 0.7) * (radius + 25),\n      centerY + Math.sin(swirlAngle + 0.7) * (radius + 25)\n    );\n    ctx.stroke();\n\n    \/\/ Swirl Line 2\n    ctx.beginPath();\n    ctx.moveTo(\n      centerX + Math.cos(swirlAngle + Math.PI) * radius,\n      centerY + Math.sin(swirlAngle + Math.PI) * radius\n    );\n    ctx.lineTo(\n      centerX + Math.cos(swirlAngle + Math.PI + 0.7) * (radius + 25),\n      centerY + Math.sin(swirlAngle + Math.PI + 0.7) * (radius + 25)\n    );\n    ctx.stroke();\n\n    requestAnimationFrame(move);\n  }\n\n  move();\n\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Nishiga Higashi Ni a Tokyo Band<\/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-9","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/nishigahigashini.com\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nishigahigashini.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nishigahigashini.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nishigahigashini.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nishigahigashini.com\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":13,"href":"https:\/\/nishigahigashini.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/nishigahigashini.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/nishigahigashini.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}