{"id":271,"date":"2025-06-04T10:24:52","date_gmt":"2025-06-04T10:24:52","guid":{"rendered":"https:\/\/takorabo.com\/?page_id=271"},"modified":"2025-07-17T14:16:48","modified_gmt":"2025-07-17T14:16:48","slug":"web","status":"publish","type":"page","link":"https:\/\/takorabo.com\/index.php\/web\/","title":{"rendered":"WEB"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"271\" class=\"elementor elementor-271\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-569f391 e-con-full fullpage e-flex e-con e-parent\" data-id=\"569f391\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8dfaf6 elementor-widget elementor-widget-html\" data-id=\"f8dfaf6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link\r\n  rel=\"stylesheet\"\r\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/fullPage.js\/3.1.2\/fullpage.min.css\"\r\n\/>\r\n<style>\r\n  .section {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: bottom;\r\n    align-items: bottom;\r\n    height: 100vh;\r\n    text-align: bottom;\r\n    font-size: 6rem;\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  }\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.5\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.5\/ScrollTrigger.min.js\"><\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d28682 elementor-widget elementor-widget-html\" data-id=\"6d28682\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/fullPage.js\/3.1.2\/fullpage.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.3\/gsap.min.js\"><\/script>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const fullpageInstance = new fullpage(\"#fullpage\", {\r\n      scrollingSpeed: 1000,\r\n      autoScrolling: true,\r\n      scrollHorizontally: true,\r\n      navigation: false,\r\n      onLeave: function (origin, destination, direction) {\r\n        const words = [\"Unknown\", \"Unseen\", \"Unfamiliar\", \"Mystery\"];\r\n        const leavingText = origin.item.querySelector(\"h1\");\r\n        const enteringText = destination.item.querySelector(\"h1\");\r\n        const line = destination.item.querySelector(\".line\");\r\n\r\n        \/\/ Animate the leaving text to fade out and move up\r\n        gsap.to(leavingText, {\r\n          opacity: 0,\r\n          y: -100,\r\n          duration: 1.5,\r\n          ease: \"power2.out\",\r\n        });\r\n\r\n        \/\/ Animate the entering text to fade in and move up\r\n        gsap.fromTo(\r\n          enteringText,\r\n          { y: 100, opacity: 0 },\r\n          {\r\n            y: 0,\r\n            opacity: 1,\r\n            color: destination.item.getAttribute(\"data-text-color\"), \/\/ Set text color\r\n            duration: 1.5,\r\n            ease: \"power2.out\",\r\n            delay: 0.5,\r\n          }\r\n        );\r\n\r\n        \/\/ Get the destination colors\r\n        const newBgColor = destination.item.getAttribute(\"data-bg\");\r\n        const newTextColor = destination.item.getAttribute(\"data-text-color\");\r\n\r\n        \/\/ Change background color of destination slide\r\n        destination.item.style.backgroundColor = newBgColor;\r\n\r\n        \/\/ Change text colors dynamically\r\n        gsap.to(line, { color: newTextColor, duration: 0.5 });\r\n\r\n        \/\/ Line growth\/shrinkage animation\r\n        const newLineWidth = (destination.index + 1) * 150;\r\n        const currentLineWidth = (origin.index + 1) * 150;\r\n\r\n        if (direction === \"down\") {\r\n          gsap.to(line, {\r\n            width: newLineWidth + \"px\",\r\n            duration: 1.5,\r\n            ease: \"power2.out\",\r\n          });\r\n        } else {\r\n          gsap.to(line, {\r\n            width: currentLineWidth + \"px\",\r\n            duration: 1.5,\r\n            ease: \"power2.out\",\r\n          });\r\n        }\r\n      },\r\n    });\r\n\r\n    document.getElementById(\"link1\").addEventListener(\"click\", function () {\r\n      scrollToSection(1);\r\n    });\r\n    document.getElementById(\"link2\").addEventListener(\"click\", function () {\r\n      scrollToSection(2);\r\n    });\r\n    document.getElementById(\"link3\").addEventListener(\"click\", function () {\r\n      scrollToSection(3);\r\n    });\r\n    document.getElementById(\"link4\").addEventListener(\"click\", function () {\r\n      scrollToSection(4);\r\n    });\r\n\r\n    function scrollToSection(sectionIndex) {\r\n      fullpageInstance.moveTo(sectionIndex);\r\n    }\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc7ae9a e-con-full e-flex e-con e-child\" data-id=\"dc7ae9a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2dd7f0e h1 elementor-widget elementor-widget-heading\" data-id=\"2dd7f0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:9.9,&quot;sizes&quot;:[]},&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:42,&quot;end&quot;:48}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">SCROLL ROLL PARALLAX<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78e10f0 moon elementor-widget elementor-widget-image\" data-id=\"78e10f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1688\" height=\"900\" src=\"https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2.png\" class=\"attachment-full size-full wp-image-950\" alt=\"\" srcset=\"https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2.png 1688w, https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2-300x160.png 300w, https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2-1024x546.png 1024w, https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2-768x409.png 768w, https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2-1536x819.png 1536w\" sizes=\"(max-width: 1688px) 100vw, 1688px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3cab50e section elementor-absolute elementor-widget elementor-widget-image\" data-id=\"3cab50e\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section1\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"2560\" height=\"1440\" src=\"https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-1-scaled.png\" class=\"attachment-full size-full wp-image-949\" alt=\"\" srcset=\"https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-1-scaled.png 2560w, https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-1-300x169.png 300w, https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-1-1024x576.png 1024w, https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-1-768x432.png 768w, https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-1-1536x864.png 1536w, https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-1-2048x1152.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a8bddd2 e-con-full section e-flex e-con e-child\" data-id=\"a8bddd2\" data-element_type=\"container\" data-e-type=\"container\" id=\"section2\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59d8003 elementor-widget elementor-widget-heading\" data-id=\"59d8003\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">SCROLL ROLL PARALLAX<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc88a61 moon elementor-widget elementor-widget-image\" data-id=\"fc88a61\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1688\" height=\"900\" src=\"https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2.png\" class=\"attachment-full size-full wp-image-950\" alt=\"\" srcset=\"https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2.png 1688w, https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2-300x160.png 300w, https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2-1024x546.png 1024w, https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2-768x409.png 768w, https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2-1536x819.png 1536w\" sizes=\"(max-width: 1688px) 100vw, 1688px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1609791 e-con-full section e-flex e-con e-child\" data-id=\"1609791\" data-element_type=\"container\" data-e-type=\"container\" id=\"section3\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b543dd elementor-widget elementor-widget-heading\" data-id=\"9b543dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">SCROLL ROLL PARALLAX<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c52cba9 moon elementor-widget elementor-widget-image\" data-id=\"c52cba9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1688\" height=\"900\" src=\"https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2.png\" class=\"attachment-full size-full wp-image-950\" alt=\"\" srcset=\"https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2.png 1688w, https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2-300x160.png 300w, https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2-1024x546.png 1024w, https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2-768x409.png 768w, https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2-1536x819.png 1536w\" sizes=\"(max-width: 1688px) 100vw, 1688px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-49aa6bf e-con-full section e-flex e-con e-child\" data-id=\"49aa6bf\" data-element_type=\"container\" data-e-type=\"container\" id=\"section4\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49a8b8e elementor-widget elementor-widget-heading\" data-id=\"49a8b8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">SCROLL ROLL PARALLAX<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-511f42a moon elementor-widget elementor-widget-image\" data-id=\"511f42a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1688\" height=\"900\" src=\"https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2.png\" class=\"attachment-full size-full wp-image-950\" alt=\"\" srcset=\"https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2.png 1688w, https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2-300x160.png 300w, https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2-1024x546.png 1024w, https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2-768x409.png 768w, https:\/\/takorabo.com\/wp-content\/uploads\/2025\/07\/Image-2-1536x819.png 1536w\" sizes=\"(max-width: 1688px) 100vw, 1688px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b599b81 e-flex e-con-boxed e-con e-parent\" data-id=\"b599b81\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SCROLL ROLL PARALLAX SCROLL ROLL PARALLAX SCROLL ROLL PARALLAX SCROLL ROLL PARALLAX<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-271","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/takorabo.com\/index.php\/wp-json\/wp\/v2\/pages\/271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/takorabo.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/takorabo.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/takorabo.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/takorabo.com\/index.php\/wp-json\/wp\/v2\/comments?post=271"}],"version-history":[{"count":38,"href":"https:\/\/takorabo.com\/index.php\/wp-json\/wp\/v2\/pages\/271\/revisions"}],"predecessor-version":[{"id":991,"href":"https:\/\/takorabo.com\/index.php\/wp-json\/wp\/v2\/pages\/271\/revisions\/991"}],"wp:attachment":[{"href":"https:\/\/takorabo.com\/index.php\/wp-json\/wp\/v2\/media?parent=271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}