{"id":2,"date":"2025-05-26T15:09:07","date_gmt":"2025-05-26T15:09:07","guid":{"rendered":"http:\/\/localhost:8881\/?page_id=2"},"modified":"2025-07-20T12:08:10","modified_gmt":"2025-07-20T12:08:10","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/warcoin.info\/","title":{"rendered":"Sample Page"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\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
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\"\"\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Fight To Get<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Join WarCoin and rise through the ranks!<\/p>

Start as a soldier, complete thrilling<\/p>

missions, and become a legendary<\/p>

commander. Your path to glory begins now!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tOpen Now!<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\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
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\"\"\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Fight To Get<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Fight To Get<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Join WarCoin and rise through the ranks!<\/p>

Start as a soldier, complete thrilling<\/p>

missions, and become a legendary<\/p>

commander. Your path to glory begins now!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tOpen Now!<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Dark Accordion and Phone Slider with Snap<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" rel=\"stylesheet\">\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\r\n \r\n .elementor-widget-html .inter-font-provider {\r\n font-family: 'Inter', sans-serif;\r\n color: #e0e0e0; \r\n }\r\n\r\n \/* Accordion Dark Mode Styles *\/\r\n .accordion-item {\r\n background-color: #444444; \r\n border: 1px solid #555555; \r\n border-radius: 0.75rem; \r\n margin-bottom: 1rem; \/* This margin is for desktop view *\/\r\n transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;\r\n box-shadow: 0 2px 4px rgba(0,0,0,0.2);\r\n display: flex; \/* For desktop, allow body to take height *\/\r\n flex-direction: column;\r\n }\r\n .accordion-item.active { \/* Desktop expanded state *\/\r\n background-color: #505050; \r\n border-color: #666666;\r\n box-shadow: 0 4px 8px rgba(0,0,0,0.3);\r\n }\r\n \/* Visual cue for snapped item in mobile slider *\/\r\n .accordion-item.snapped-active-in-slider {\r\n border-color: #777777; \r\n }\r\n \/* In mobile, if it's snapped, it's also considered \"active\" for visual style of header *\/\r\n .accordion-item.snapped-active-in-slider .accordion-header .accordion-title,\r\n .accordion-item.snapped-active-in-slider .accordion-header .accordion-icon-fa {\r\n color: #58a6ff;\r\n }\r\n\r\n\r\n .accordion-header {\r\n padding: 1rem 1.25rem; \/* Slightly reduced padding *\/\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n border-radius: 0.75rem 0.75rem 0 0; \/* Rounded top corners *\/\r\n flex-shrink: 0; \/* Header should not shrink *\/\r\n }\r\n .accordion-header .accordion-title {\r\n color: #e0e0e0; \r\n font-weight: 600;\r\n }\r\n .accordion-header .accordion-icon-fa {\r\n color: #b0b0b0; \r\n }\r\n .accordion-item.active .accordion-header .accordion-title { \r\n color: #58a6ff; \r\n }\r\n .accordion-item.active .accordion-header .accordion-icon-fa { \r\n color: #58a6ff;\r\n }\r\n\r\n .accordion-body {\r\n \/* Desktop: controlled by JS *\/\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out;\r\n padding-left: 1.25rem; \r\n padding-right: 1.25rem; \r\n color: #c0c0c0; \r\n border-top: 1px solid #555555; \/* Separator line for desktop *\/\r\n flex-grow: 1; \/* Allow body to take available space in desktop *\/\r\n border-radius: 0 0 0.75rem 0.75rem; \/* Rounded bottom corners *\/\r\n }\r\n .accordion-body.open { \/* Desktop expanded state *\/\r\n padding-top: 1rem;\r\n padding-bottom: 1.25rem; \r\n }\r\n \r\n .phone-mockup {\r\n background-color: #212121; \r\n border-radius: 2.5rem; \r\n padding: 0.75rem; \r\n box-shadow: 0 10px 30px rgba(0,0,0,0.4);\r\n position: relative;\r\n max-width: 280px; \/* Default max-width for desktop *\/\r\n margin-left: auto;\r\n margin-right: auto;\r\n transition: max-width 0.3s ease-in-out, padding 0.3s ease-in-out; \/* Smooth transition for size change *\/\r\n }\r\n .phone-screen {\r\n background-color: #000;\r\n border-radius: 2rem; \r\n overflow: hidden;\r\n aspect-ratio: 9 \/ 19.5; \r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 2px solid #111111; \r\n }\r\n .phone-screen img {\r\n transition: opacity 0.4s ease-in-out;\r\n }\r\n\r\n .accordion-content { \/* Inner div for text content *\/\r\n }\r\n .accordion-content::-webkit-scrollbar { width: 6px; }\r\n .accordion-content::-webkit-scrollbar-track { background: #333333; border-radius: 3px; }\r\n .accordion-content::-webkit-scrollbar-thumb { background: #666666; border-radius: 3px; }\r\n .accordion-content::-webkit-scrollbar-thumb:hover { background: #888888; }\r\n\r\n @media (max-width: 1023px) { \r\n .main-content-grid {\r\n display: flex;\r\n flex-direction: column; \r\n }\r\n .phone-section-mobile {\r\n order: 1; \r\n margin-bottom: 0rem; \r\n width: 150px; \r\n }\r\n .phone-mockup { \/* Override for mobile *\/\r\n max-width: 200px; \/* Smaller phone mockup *\/\r\n padding: 0.1rem; \/* Slightly reduced padding for smaller frame *\/\r\n border-radius: 10px;\r\n \r\n }\r\n .accordion-section-mobile {\r\n order: 2; \r\n width: 100%; \r\n }\r\n .phone-screen {\r\n border-radius: 10px;\r\n }\r\n .accordion-slider-container {\r\n display: flex;\r\n overflow-x: auto;\r\n scroll-snap-type: x mandatory; \r\n padding-top: 0rem; \r\n padding-bottom: 0rem; \r\n -webkit-overflow-scrolling: touch; \r\n scrollbar-width: thin; \r\n scrollbar-color: #666666 #333333; \r\n padding-left: calc( (100vw - 80vw) \/ 2 ); \r\n padding-right: calc( (100vw - 80vw) \/ 2 );\r\n }\r\n .accordion-slider-container::-webkit-scrollbar { height: 8px; }\r\n .accordion-slider-container::-webkit-scrollbar-track { background: #333333; border-radius: 4px; }\r\n .accordion-slider-container::-webkit-scrollbar-thumb { background: #666666; border-radius: 4px; }\r\n \r\n .accordion-slider-container .accordion-item {\r\n width: 80vw; \r\n max-width: 300px; \r\n min-width: 260px; \r\n flex-shrink: 0;\r\n scroll-snap-align: center; \r\n margin-left: 0.75rem; \r\n margin-right: 0.75rem; \r\n margin-bottom: 0; \r\n height: auto; \r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .accordion-slider-container .accordion-body {\r\n max-height: none !important; \r\n padding-top: 0.75rem !important;\r\n padding-bottom: 1rem !important;\r\n border-top: 1px solid #555555;\r\n overflow-y: auto; \r\n max-height: 150px; \r\n }\r\n .accordion-slider-container .accordion-header .fa-chevron-down {\r\n display: none; \r\n }\r\n .accordion-slider-container .accordion-item.active { \r\n background-color: #444444;\r\n border-color: #555555; \r\n }\r\n .accordion-slider-container .accordion-item.snapped-active-in-slider {\r\n border-color: #777777; \r\n }\r\n }\r\n\r\n .container { margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; }\r\n @media (min-width: 640px) { .container { max-width: 640px; padding-left: 1.5rem; padding-right: 1.5rem; } }\r\n @media (min-width: 768px) { .container { max-width: 768px; } }\r\n @media (min-width: 1024px) { \r\n .container { max-width: 1024px; padding-left: 2rem; padding-right: 2rem; } \r\n .lg\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } \r\n .lg\\:gap-12 { gap: 3rem; } \r\n .lg\\:sticky { position: sticky; } \r\n .lg\\:top-16 { top: 4rem; } \r\n .self-start { align-self: flex-start; } \r\n }\r\n @media (min-width: 1280px) { .container { max-width: 1280px; } }\r\n .grid { display: grid; }\r\n .gap-8 { gap: 2rem; }\r\n .items-center { align-items: center; }\r\n .space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); }\r\n .text-xl { font-size: 1.25rem; line-height: 1.75rem; }\r\n .font-medium { font-weight: 500; }\r\n .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }\r\n .duration-300 { transition-duration: 300ms; }\r\n .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\r\n .rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\r\n .text-sm { font-size: 0.875rem; line-height: 1.25rem; }\r\n .leading-relaxed { line-height: 1.625; }\r\n .max-w-xs { max-width: 20rem; }\r\n .mx-auto { margin-left: auto; margin-right: auto; }\r\n .w-full { width: 100%; }\r\n .h-full { height: 100%; }\r\n .object-cover { object-fit: cover; }\r\n .flex { display: flex; }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"inter-font-provider\"> \r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 py-8 md:py-12\"> \r\n <div class=\"main-content-grid grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center w-full\">\r\n \r\n <div class=\"accordion-section-mobile\"> \r\n <div id=\"accordionElementorDynamicImage\" class=\"accordion-slider-container\">\r\n <div class=\"accordion-item\" data-accordion-item data-image-src=\"https:\/\/warcoin.info\/wp-content\/uploads\/2025\/05\/IMG_5090.png\">\r\n <div class=\"accordion-header\">\r\n <div class=\"flex items-center space-x-3\">\r\n <i class=\"fas fa-hand-pointer text-xl accordion-icon-fa\"><\/i>\r\n <span class=\"text-lg font-medium accordion-title\">Tap To Earn<\/span>\r\n <\/div>\r\n <i class=\"fas fa-chevron-down transition-transform duration-300 accordion-icon-fa\"><\/i>\r\n <\/div>\r\n <div class=\"accordion-body\">\r\n <div class=\"accordion-content text-sm leading-relaxed\">\r\n <p>Engage in simple tapping mechanics to accumulate in-game currency or points. The more you tap, the more you earn, allowing for quick progression in the early stages of the game. This can sometimes be a very long text that needs to scroll within its container if it exceeds the allocated height for the mobile accordion body.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"accordion-item\" data-accordion-item data-image-src=\"https:\/\/warcoin.info\/wp-content\/uploads\/2025\/05\/IMG_5091.png\">\r\n <div class=\"accordion-header\">\r\n <div class=\"flex items-center space-x-3\">\r\n <i class=\"fas fa-shield-alt text-xl accordion-icon-fa\"><\/i>\r\n <span class=\"text-lg font-medium accordion-title\">Barracks<\/span>\r\n <\/div>\r\n <i class=\"fas fa-chevron-down transition-transform duration-300 accordion-icon-fa\"><\/i>\r\n <\/div>\r\n <div class=\"accordion-body\">\r\n <div class=\"accordion-content text-sm leading-relaxed\">\r\n <p>Upgrade your Barracks to unlock and train more powerful units. A higher-level Barracks provides access to elite troops, crucial for late-game battles and defending your base.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"accordion-item\" data-accordion-item data-image-src=\"https:\/\/warcoin.info\/wp-content\/uploads\/2025\/05\/IMG_5093.png\" data-initially-active=\"true\">\r\n <div class=\"accordion-header\">\r\n <div class=\"flex items-center space-x-3\">\r\n <i class=\"fas fa-users text-xl accordion-icon-fa\"><\/i>\r\n <span class=\"text-lg font-medium accordion-title\">Squad Management<\/span>\r\n <\/div>\r\n <i class=\"fas fa-chevron-down transition-transform duration-300 accordion-icon-fa\"><\/i>\r\n <\/div>\r\n <div class=\"accordion-body\">\r\n <div class=\"accordion-content text-sm leading-relaxed\">\r\n <p>Assemble and customize your squad with various units and equipment. Strategic squad composition is key to overcoming diverse challenges and enemy types. This text might also be quite long and could require scrolling if it exceeds the defined maximum height for the content area in the mobile view.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"accordion-item\" data-accordion-item data-image-src=\"https:\/\/placehold.co\/375x812\/e74c3c\/111111?text=Mini+Games+Screen\">\r\n <div class=\"accordion-header\">\r\n <div class=\"flex items-center space-x-3\">\r\n <i class=\"fas fa-gamepad text-xl accordion-icon-fa\"><\/i>\r\n <span class=\"text-lg font-medium accordion-title\">Mini Games<\/span>\r\n <\/div>\r\n <i class=\"fas fa-chevron-down transition-transform duration-300 accordion-icon-fa\"><\/i>\r\n <\/div>\r\n <div class=\"accordion-body\">\r\n <div class=\"accordion-content text-sm leading-relaxed\">\r\n <p>Participate in a variety of mini-games to earn bonus rewards and resources. These games offer a fun diversion and can significantly boost your progress.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"phone-section-mobile lg:sticky lg:top-16 self-start\">\r\n <div class=\"phone-mockup max-w-xs mx-auto\">\r\n <div class=\"phone-screen\">\r\n <img decoding=\"async\" id=\"phoneScreenImage\" \r\n src=\"https:\/\/placehold.co\/375x812\/9b59b6\/111111?text=Squad+Screen\" \r\n alt=\"App Screenshot\" \r\n class=\"w-full h-full object-cover\"\r\n onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/375x812\/444444\/eeeeee?text=Image+Error';\"\r\n >\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n function initDynamicAccordion() {\r\n const accordionContainer = document.getElementById('accordionElementorDynamicImage');\r\n if (!accordionContainer) return;\r\n\r\n const accordionItems = Array.from(accordionContainer.querySelectorAll('[data-accordion-item]'));\r\n const phoneImage = document.getElementById('phoneScreenImage');\r\n let intersectionObserver;\r\n let isMobileView = window.innerWidth < 1024;\r\n\r\n if (!phoneImage) {\r\n console.error(\"Phone image element not found!\");\r\n return;\r\n }\r\n\r\n function changePhoneImage(newImageSrc) {\r\n if (newImageSrc && phoneImage.src !== newImageSrc) {\r\n phoneImage.style.opacity = 0;\r\n setTimeout(() => {\r\n phoneImage.src = newImageSrc;\r\n phoneImage.style.opacity = 1;\r\n }, 200);\r\n }\r\n }\r\n \r\n function updateSnappedItemVisuals(snappedItem) {\r\n accordionItems.forEach(item => {\r\n item.classList.toggle('snapped-active-in-slider', item === snappedItem);\r\n });\r\n }\r\n\r\n const handleDesktopClick = (itemToActivate) => {\r\n accordionItems.forEach(item => {\r\n const body = item.querySelector('.accordion-body');\r\n const content = body.querySelector('.accordion-content');\r\n const icon = item.querySelector('.accordion-header .fa-chevron-down');\r\n\r\n if (item === itemToActivate) {\r\n const isActive = item.classList.contains('active');\r\n item.classList.toggle('active', !isActive);\r\n body.classList.toggle('open', !isActive);\r\n icon.classList.toggle('rotate-180', !isActive);\r\n body.style.maxHeight = !isActive ? content.scrollHeight + 'px' : null;\r\n if (!isActive) {\r\n changePhoneImage(item.getAttribute('data-image-src'));\r\n }\r\n } else {\r\n item.classList.remove('active');\r\n body.classList.remove('open');\r\n icon.classList.remove('rotate-180');\r\n body.style.maxHeight = null;\r\n }\r\n });\r\n };\r\n \r\n function initializeItems() {\r\n isMobileView = window.innerWidth < 1024;\r\n let itemToPreselectImageFor = null;\r\n\r\n accordionItems.forEach(item => {\r\n const body = item.querySelector('.accordion-body');\r\n const icon = item.querySelector('.accordion-header .fa-chevron-down');\r\n \r\n item.classList.remove('active', 'open', 'snapped-active-in-slider'); \r\n icon.classList.remove('rotate-180');\r\n body.style.maxHeight = null; \r\n });\r\n\r\n if (!isMobileView) { \r\n const initialDesktopActive = accordionItems.find(item => item.dataset.initiallyActive === 'true') || accordionItems[0];\r\n if(initialDesktopActive){ \r\n const body = initialDesktopActive.querySelector('.accordion-body');\r\n const content = initialDesktopActive.querySelector('.accordion-content');\r\n initialDesktopActive.classList.add('active', 'open');\r\n initialDesktopActive.querySelector('.accordion-header .fa-chevron-down').classList.add('rotate-180');\r\n body.style.maxHeight = content.scrollHeight + 'px';\r\n itemToPreselectImageFor = initialDesktopActive;\r\n }\r\n } else { \r\n itemToPreselectImageFor = accordionItems.length > 0 ? accordionItems[0] : null;\r\n }\r\n\r\n if(itemToPreselectImageFor){\r\n changePhoneImage(itemToPreselectImageFor.getAttribute('data-image-src'));\r\n }\r\n setupIntersectionObserver(); \r\n }\r\n \r\n accordionItems.forEach(item => {\r\n const header = item.querySelector('.accordion-header');\r\n header.addEventListener('click', () => {\r\n if (!isMobileView) { \r\n handleDesktopClick(item);\r\n } else { \r\n changePhoneImage(item.getAttribute('data-image-src'));\r\n item.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });\r\n }\r\n });\r\n });\r\n\r\n function setupIntersectionObserver() {\r\n if (intersectionObserver) {\r\n intersectionObserver.disconnect();\r\n }\r\n \r\n if (!isMobileView) { \r\n accordionItems.forEach(item => item.classList.remove('snapped-active-in-slider'));\r\n \/\/ On desktop, if an item was marked as initially active, ensure its visuals are correct\r\n const desktopActive = accordionItems.find(item => item.classList.contains('active'));\r\n if (desktopActive) updateSnappedItemVisuals(desktopActive); \/\/ Use snapped class for consistency if needed, or a different one\r\n else updateSnappedItemVisuals(null);\r\n return; \r\n }\r\n\r\n const observerOptions = {\r\n root: accordionContainer, \r\n rootMargin: '0px',\r\n threshold: 0.70 \r\n };\r\n\r\n intersectionObserver = new IntersectionObserver((entries) => {\r\n let mostVisibleEntry = null;\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n if (!mostVisibleEntry || entry.intersectionRatio > mostVisibleEntry.intersectionRatio) {\r\n mostVisibleEntry = entry;\r\n }\r\n }\r\n });\r\n if (mostVisibleEntry) {\r\n changePhoneImage(mostVisibleEntry.target.getAttribute('data-image-src'));\r\n updateSnappedItemVisuals(mostVisibleEntry.target);\r\n } else {\r\n \/\/ If nothing is \"most visible\" (e.g., scrolling fast between items)\r\n \/\/ you might want to clear the snapped visual or leave it on the last one.\r\n \/\/ For now, it will stay on the last one that met the threshold.\r\n }\r\n\r\n }, observerOptions);\r\n\r\n accordionItems.forEach(item => {\r\n intersectionObserver.observe(item);\r\n });\r\n \/\/ Manually trigger for the initially centered item in mobile\r\n \/\/ This is tricky because scroll position might not be set yet.\r\n \/\/ A slight delay or checking scroll position might be needed.\r\n \/\/ For now, the first item's image is set, and observer will correct on first interaction\/layout.\r\n }\r\n \r\n initializeItems(); \r\n\r\n let resizeTimeout;\r\n window.addEventListener('resize', () => {\r\n const newIsMobileView = window.innerWidth < 1024;\r\n if (newIsMobileView !== isMobileView) { \r\n isMobileView = newIsMobileView;\r\n initializeItems(); \r\n } else if (!isMobileView) { \r\n const openAccordionBody = accordionContainer.querySelector('.accordion-item.active .accordion-body.open');\r\n if (openAccordionBody) {\r\n const content = openAccordionBody.querySelector('.accordion-content');\r\n openAccordionBody.style.maxHeight = content.scrollHeight + 'px';\r\n }\r\n }\r\n \r\n if(isMobileView){\r\n clearTimeout(resizeTimeout);\r\n resizeTimeout = setTimeout(setupIntersectionObserver, 250);\r\n } else {\r\n if (intersectionObserver) intersectionObserver.disconnect(); \/\/ Disconnect observer on desktop\r\n accordionItems.forEach(item => item.classList.remove('snapped-active-in-slider'));\r\n }\r\n });\r\n }\r\n\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initDynamicAccordion);\r\n } else {\r\n initDynamicAccordion();\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1324823 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"1324823\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Features<\/h2>\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-0357bc2 e-con-full scroll-slide e-flex e-con e-parent\" data-id=\"0357bc2\" data-element_type=\"container\" id=\"slide2\" data-bg=\"#212121\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fce8206 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"fce8206\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mini Games<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac8b099 e-flex e-con-boxed e-con e-child\" data-id=\"ac8b099\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d47ab38 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"d47ab38\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abf6cd0 elementor-widget elementor-widget-image\" data-id=\"abf6cd0\" data-element_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 decoding=\"async\" width=\"659\" height=\"633\" src=\"http:\/\/warcoin.info\/wp-content\/uploads\/2025\/05\/456258215.png\" class=\"attachment-full size-full wp-image-162\" alt=\"\" srcset=\"http:\/\/warcoin.info\/wp-content\/uploads\/2025\/05\/456258215.png 659w, http:\/\/warcoin.info\/wp-content\/uploads\/2025\/05\/456258215-300x288.png 300w\" sizes=\"(max-width: 659px) 100vw, 659px\" \/>\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-b21485f e-con-full e-flex e-con e-child\" data-id=\"b21485f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f73740 elementor-widget elementor-widget-image\" data-id=\"7f73740\" data-element_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\t<a href=\"#TTE\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"385\" height=\"168\" src=\"http:\/\/warcoin.info\/wp-content\/uploads\/2025\/05\/Banner.png\" class=\"attachment-large size-large wp-image-95\" alt=\"\" srcset=\"http:\/\/warcoin.info\/wp-content\/uploads\/2025\/05\/Banner.png 385w, http:\/\/warcoin.info\/wp-content\/uploads\/2025\/05\/Banner-300x131.png 300w\" sizes=\"(max-width: 385px) 100vw, 385px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\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<div class=\"elementor-element elementor-element-03e9876 e-con-full e-flex e-con e-child\" data-id=\"03e9876\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c52712 elementor-widget elementor-widget-image\" data-id=\"4c52712\" data-element_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\t<a href=\"#bombic\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"199\" height=\"141\" src=\"http:\/\/warcoin.info\/wp-content\/uploads\/2025\/05\/Frame-98.png\" class=\"attachment-large size-large wp-image-96\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\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-725cd79 elementor-widget elementor-widget-image\" data-id=\"725cd79\" data-element_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\t<a href=\"#RPS\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"190\" height=\"133\" src=\"http:\/\/warcoin.info\/wp-content\/uploads\/2025\/05\/Frame-101.png\" class=\"attachment-large size-large wp-image-100\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\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-d15ab23 e-con-full e-flex e-con e-child\" data-id=\"d15ab23\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f947c00 elementor-widget elementor-widget-image\" data-id=\"f947c00\" data-element_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\t<a href=\"#TTT\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"221\" height=\"147\" src=\"http:\/\/warcoin.info\/wp-content\/uploads\/2025\/05\/Frame-102.png\" class=\"attachment-large size-large wp-image-101\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\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-18d6891 elementor-widget elementor-widget-image\" data-id=\"18d6891\" data-element_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 loading=\"lazy\" decoding=\"async\" width=\"222\" height=\"148\" src=\"http:\/\/warcoin.info\/wp-content\/uploads\/2025\/05\/Frame-103.png\" class=\"attachment-large size-large wp-image-102\" alt=\"\" \/>\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-4f69e4d e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"4f69e4d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff278a5 elementor-widget elementor-widget-image\" data-id=\"ff278a5\" data-element_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 loading=\"lazy\" decoding=\"async\" width=\"398\" height=\"600\" src=\"http:\/\/warcoin.info\/wp-content\/uploads\/2025\/05\/photo1718824042.png\" class=\"attachment-full size-full wp-image-164\" alt=\"\" srcset=\"http:\/\/warcoin.info\/wp-content\/uploads\/2025\/05\/photo1718824042.png 398w, http:\/\/warcoin.info\/wp-content\/uploads\/2025\/05\/photo1718824042-199x300.png 199w\" sizes=\"(max-width: 398px) 100vw, 398px\" \/>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-762ef49 e-con-full scroll-slide e-flex e-con e-parent\" data-id=\"762ef49\" data-element_type=\"container\" id=\"slide4\" data-bg=\"#212121\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b0c892 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"4b0c892\" data-element_type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Join US<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14773f5 e-flex e-con-boxed e-con e-child\" data-id=\"14773f5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-92cd92e e-con-full e-flex e-con e-child\" data-id=\"92cd92e\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc0fee6 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"fc0fee6\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-telegram-plane\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47cf2b4 elementor-widget elementor-widget-heading\" data-id=\"47cf2b4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Channel<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38f447f elementor-widget elementor-widget-text-editor\" data-id=\"38f447f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\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-239539a elementor-align-center elementor-widget elementor-widget-button\" data-id=\"239539a\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Join Channel<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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-c505777 e-con-full e-flex e-con e-child\" data-id=\"c505777\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef662af elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"ef662af\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-telegram-plane\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-334fcc3 elementor-widget elementor-widget-heading\" data-id=\"334fcc3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Group<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-626b8d7 elementor-widget elementor-widget-text-editor\" data-id=\"626b8d7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\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-6454286 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"6454286\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Join Group<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-88d6f7a e-flex e-con-boxed e-con e-parent\" data-id=\"88d6f7a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9511405 elementor-widget elementor-widget-html\" data-id=\"9511405\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n html,\r\n body {\r\n overflow: hidden;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n #fullpage-wrapper {\r\n position: relative;\r\n width: 100%;\r\n transition: transform 1s ease-in-out;\r\n }\r\n\r\n .scroll-slide {\r\n width: 100%;\r\n height: 100vh;\r\n position: relative;\r\n z-index: 2;\r\n background-color: transparent !important;\r\n }\r\n\r\n .scroll-slide.has-internal-scroll .scrollable-content {\r\n height: 100vh;\r\n overflow-y: auto;\r\n -webkit-overflow-scrolling: touch;\r\n touch-action: pan-y;\r\n }\r\n\r\n #fixed-background-holder {\r\n position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;\r\n }\r\n .background-layer {\r\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n background-position: center center; background-size: cover; background-repeat: no-repeat;\r\n opacity: 0;\r\n transition: opacity 0.8s ease-in-out 0.3s;\r\n }\r\n .background-layer.active { opacity: 1; }\r\n\r\n #dynamic-nav-dots {\r\n position: fixed; top: 50%; right: 25px; transform: translateY(-50%);\r\n z-index: 10; display: flex; flex-direction: column; gap: 16px;\r\n }\r\n .nav-dot {\r\n width: 12px; height: 12px; background-color: rgba(255, 255, 255, 0.6);\r\n border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 50%;\r\n cursor: pointer; transition: all 0.3s ease;\r\n }\r\n .nav-dot.active {\r\n background-color: #ffffff; border-color: #000000; transform: scale(1.4);\r\n }\r\n\r\n \/* >>>>> CSS \u062c\u062f\u06cc\u062f \u0628\u0631\u0627\u06cc \u0647\u062f\u0631 <<<<< *\/\r\n #site-header { \/* <<< \u0645\u0637\u0645\u0626\u0646 \u0634\u0648\u06cc\u062f \u0627\u06cc\u0646 ID \u0628\u0627 ID \u0647\u062f\u0631 \u0634\u0645\u0627 \u06cc\u06a9\u06cc \u0627\u0633\u062a *\/\r\n opacity: 0;\r\n top: -200px;\r\n visibility: hidden;\r\n transition: 1s ease-in-out, visibility 0s linear 1s; \/* \u0627\u0646\u062a\u0642\u0627\u0644 \u0628\u0631\u0627\u06cc \u0645\u062d\u0648 \u0634\u062f\u0646 *\/\r\n \/* z-index \u0645\u0646\u0627\u0633\u0628 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0647\u062f\u0631 \u062f\u0631 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0627\u0644\u0645\u0646\u062a\u0648\u0631 \u06cc\u0627 \u0627\u06cc\u0646\u062c\u0627 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f *\/\r\n \/* \u0645\u062b\u0627\u0644: position: fixed; top: 0; left: 0; width: 100%; z-index: 100; *\/\r\n }\r\n\r\n #site-header.header-visible {\r\n opacity: 1;\r\n top: 0px;\r\n visibility: visible;\r\n transition: 1s ease-in-out;\r\n }\r\n<\/style>\r\n\r\n<script>\r\n jQuery(document).ready(function($) {\r\n const scrollingSpeed = 1200;\r\n const slides = $('.scroll-slide');\r\n if (slides.length === 0) return;\r\n\r\n \/\/ >>>>> \u06f1. \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0647\u062f\u0631 <<<<<\r\n const siteHeader = $('#site-header'); \/\/ <<< \u0645\u0637\u0645\u0626\u0646 \u0634\u0648\u06cc\u062f \u0627\u06cc\u0646 ID \u0628\u0627 ID \u0647\u062f\u0631 \u0634\u0645\u0627 \u06cc\u06a9\u06cc \u0627\u0633\u062a\r\n\r\n slides.wrapAll('<div id=\"fullpage-wrapper\"><\/div>');\r\n const wrapper = $('#fullpage-wrapper');\r\n wrapper.css('transition', `transform ${scrollingSpeed}ms ease-in-out`);\r\n\r\n let currentSlide = 0;\r\n let isScrolling = false;\r\n let touchStartY = 0;\r\n let touchEndY = 0;\r\n let touchStartTarget = null;\r\n\r\n const backgroundHolder = $('<div id=\"fixed-background-holder\"><\/div>');\r\n $('body').prepend(backgroundHolder);\r\n slides.each(function() {\r\n const bgValue = $(this).attr('data-bg');\r\n if (bgValue) {\r\n const layer = $('<div class=\"background-layer\"><\/div>').css(bgValue.includes('url') ? 'backgroundImage' : 'backgroundColor', bgValue);\r\n backgroundHolder.append(layer);\r\n }\r\n });\r\n const backgroundLayers = $('.background-layer');\r\n\r\n const navContainer = $('<div id=\"dynamic-nav-dots\"><\/div>');\r\n $('body').append(navContainer);\r\n slides.each(function(index) {\r\n const dot = $('<a class=\"nav-dot\" data-index=\"' + index + '\"><\/a>');\r\n navContainer.append(dot);\r\n });\r\n const navDots = $('.nav-dot');\r\n\r\n function goToSlide(index) {\r\n if (index < 0 || index >= slides.length || isScrolling) {\r\n return;\r\n }\r\n isScrolling = true;\r\n currentSlide = index;\r\n const transformValue = `translateY(-${index * 100}vh)`;\r\n wrapper.css('transform', transformValue);\r\n\r\n backgroundLayers.removeClass('active');\r\n $(backgroundLayers[currentSlide]).addClass('active');\r\n navDots.removeClass('active');\r\n $(navDots[currentSlide]).addClass('active');\r\n\r\n \/\/ >>>>> \u06f2. \u0645\u0646\u0637\u0642 \u0646\u0645\u0627\u06cc\u0634\/\u0639\u062f\u0645 \u0646\u0645\u0627\u06cc\u0634 \u0647\u062f\u0631 <<<<<\r\n if (siteHeader.length) { \/\/ \u0641\u0642\u0637 \u0627\u06af\u0631 \u0647\u062f\u0631 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f\r\n if (index === 0) { \/\/ \u0627\u06af\u0631 \u0627\u0633\u0644\u0627\u06cc\u062f \u0627\u0648\u0644 \u0627\u0633\u062a\r\n siteHeader.removeClass('header-visible');\r\n } else { \/\/ \u0627\u06af\u0631 \u0627\u0633\u0644\u0627\u06cc\u062f \u062f\u0648\u0645 \u06cc\u0627 \u0628\u0639\u062f\u06cc \u0627\u0633\u062a\r\n siteHeader.addClass('header-visible');\r\n }\r\n }\r\n\r\n setTimeout(function() {\r\n isScrolling = false;\r\n }, scrollingSpeed + 100);\r\n }\r\n\r\n $(window).on('wheel', function(event) {\r\n if (isScrolling) { event.preventDefault(); return; }\r\n const scrollableArea = $(event.target).closest('.scrollable-content');\r\n const delta = event.originalEvent.deltaY;\r\n if (scrollableArea.length > 0 && $(slides[currentSlide]).find(scrollableArea).length > 0) {\r\n const el = scrollableArea[0];\r\n const isAtTop = el.scrollTop <= 0;\r\n const isAtBottom = el.scrollTop >= (el.scrollHeight - el.clientHeight - 1);\r\n if (delta > 0 && !isAtBottom) { return; }\r\n if (delta < 0 && !isAtTop) { return; }\r\n }\r\n event.preventDefault();\r\n if (delta > 0) { goToSlide(currentSlide + 1); } else { goToSlide(currentSlide - 1); }\r\n });\r\n\r\n $(window).on('touchstart', function(event) {\r\n if (isScrolling) return;\r\n touchStartY = event.originalEvent.touches[0].clientY;\r\n touchStartTarget = event.originalEvent.target;\r\n });\r\n\r\n $(window).on('touchend', function(event) {\r\n if (isScrolling) return;\r\n touchEndY = event.originalEvent.changedTouches[0].clientY;\r\n handleSwipe();\r\n });\r\n\r\n function handleSwipe() {\r\n const swipeThreshold = 30;\r\n const deltaY = touchStartY - touchEndY;\r\n if (Math.abs(deltaY) < swipeThreshold) return;\r\n const scrollableArea = $(touchStartTarget).closest('.scrollable-content');\r\n if (scrollableArea.length > 0 && $(slides[currentSlide]).find(scrollableArea).length > 0) {\r\n const el = scrollableArea[0];\r\n const isAtTop = el.scrollTop <= 0;\r\n const isAtBottom = el.scrollTop >= (el.scrollHeight - el.clientHeight - 1);\r\n if (deltaY > 0 && !isAtBottom) { return; }\r\n if (deltaY < 0 && !isAtTop) { return; }\r\n }\r\n if (deltaY > 0) { goToSlide(currentSlide + 1); } else { goToSlide(currentSlide - 1); }\r\n }\r\n\r\n navDots.on('click', function() {\r\n if (isScrolling) return;\r\n const targetIndex = $(this).data('index');\r\n goToSlide(targetIndex);\r\n });\r\n\r\n $(document).on('keydown', function(e) {\r\n if (isScrolling) return;\r\n if ($(e.target).is('input, textarea, select')) { return; }\r\n let scrollHandledInternally = false;\r\n const scrollableArea = $(slides[currentSlide]).find('.scrollable-content');\r\n if (scrollableArea.length > 0) {\r\n const el = scrollableArea[0];\r\n const isAtTop = el.scrollTop <= 0;\r\n const isAtBottom = el.scrollTop >= (el.scrollHeight - el.clientHeight - 1);\r\n if (!((e.key === 'ArrowDown' && isAtBottom) || (e.key === 'ArrowUp' && isAtTop))) {\r\n if (document.activeElement === el || $.contains(el, document.activeElement)) {\r\n return; \/\/ \u0627\u06af\u0631 \u0641\u0648\u06a9\u0648\u0633 \u0631\u0648\u06cc \u0628\u062e\u0634 \u0642\u0627\u0628\u0644 \u0627\u0633\u06a9\u0631\u0648\u0644 \u0627\u0633\u062a \u0648 \u062c\u0627 \u062f\u0627\u0631\u062f\u060c \u0627\u062c\u0627\u0632\u0647 \u0628\u062f\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u0633\u06a9\u0631\u0648\u0644 \u06a9\u0646\u062f\r\n }\r\n }\r\n }\r\n if (e.key === 'ArrowDown' || e.key === 'PageDown') { e.preventDefault(); goToSlide(currentSlide + 1); }\r\n else if (e.key === 'ArrowUp' || e.key === 'PageUp') { e.preventDefault(); goToSlide(currentSlide - 1); }\r\n });\r\n $('#site-header').on('click', 'a[href^=\"#\"]', function(event) {\r\n event.preventDefault();\r\n if (isScrolling) return;\r\n\r\n const targetId = $(this).attr('href').substring(1);\r\n let targetIndex = -1;\r\n\r\n slides.each(function(index) {\r\n if ($(this).attr('id') === targetId) {\r\n targetIndex = index;\r\n return false;\r\n }\r\n });\r\n\r\n if (targetIndex !== -1) {\r\n goToSlide(targetIndex);\r\n }\r\n});\r\n\r\n function init() {\r\n if (slides.length > 0) {\r\n \/\/ $(backgroundLayers[0]).addClass('active');\r\n \/\/ $(navDots[0]).addClass('active');\r\n \/\/ if (siteHeader.length) { siteHeader.removeClass('header-visible'); } \/\/ \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0645\u062e\u0641\u06cc \u0628\u0648\u062f\u0646 \u0647\u062f\u0631 \u062f\u0631 \u0627\u0628\u062a\u062f\u0627\r\n\r\n wrapper.css({ 'transition': 'none', 'transform': 'translateY(0vh)' });\r\n setTimeout(() => {\r\n wrapper.css('transition', `transform ${scrollingSpeed}ms ease-in-out`);\r\n goToSlide(0); \/\/ \u0627\u06cc\u0646 \u062a\u0627\u0628\u0639 \u0647\u062f\u0631 \u0648 \u0633\u0627\u06cc\u0631 \u0645\u0648\u0627\u0631\u062f \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f\r\n }, 50);\r\n }\r\n }\r\n init();\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<header class=\"elementor-element elementor-element-9576623 e-con-full e-flex e-con e-parent\" data-id=\"9576623\" data-element_type=\"container\" id=\"site-header\" data-settings=\"{"background_background":"gradient","position":"fixed"}\">\n\t\t<div class=\"elementor-element elementor-element-61f21f7 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"61f21f7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c44da2 elementor-widget elementor-widget-theme-site-logo elementor-widget-image\" data-id=\"7c44da2\" data-element_type=\"widget\" data-widget_type=\"theme-site-logo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/warcoin.info\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"244\" height=\"52\" src=\"https:\/\/warcoin.info\/wp-content\/uploads\/2025\/05\/WarCoin-1.png\" class=\"attachment-medium size-medium wp-image-10\" alt=\"\" \/>\t\t\t\t<\/a>\n\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-7d40690 elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"7d40690\" data-element_type=\"widget\" data-settings=\"{"layout":"horizontal","submenu_icon":{"value":"<svg class=\\"e-font-icon-svg e-fas-caret-down\\" viewBox=\\"0 0 320 512\\" xmlns=\\"http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\"><path d=\\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\\"><\\\/path><\\\/svg>","library":"fa-solid"},"toggle":"burger"}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<nav aria-label=\"Menu\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade\">\n\t\t\t\t<ul id=\"menu-1-7d40690\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-140\"><a href=\"#slide1\" class=\"elementor-item elementor-item-anchor\">Features<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-142\"><a href=\"#slide2\" class=\"elementor-item elementor-item-anchor\">Mini Games<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-144\"><a href=\"#slide4\" class=\"elementor-item elementor-item-anchor\">Join US<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z\"><\/path><\/svg><svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z\"><\/path><\/svg>\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-7d40690\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-140\"><a href=\"#slide1\" class=\"elementor-item elementor-item-anchor\" tabindex=\"-1\">Features<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-142\"><a href=\"#slide2\" class=\"elementor-item elementor-item-anchor\" tabindex=\"-1\">Mini Games<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-144\"><a href=\"#slide4\" class=\"elementor-item elementor-item-anchor\" tabindex=\"-1\">Join US<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\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-90b2a4a e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-child\" data-id=\"90b2a4a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bedc7d elementor-nav-menu--stretch elementor-widget-mobile__width-initial elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"5bedc7d\" data-element_type=\"widget\" data-settings=\"{"full_width":"stretch","layout":"horizontal","submenu_icon":{"value":"<svg class=\\"e-font-icon-svg e-fas-caret-down\\" viewBox=\\"0 0 320 512\\" xmlns=\\"http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\"><path d=\\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\\"><\\\/path><\\\/svg>","library":"fa-solid"},"toggle":"burger"}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<nav aria-label=\"Menu\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade\">\n\t\t\t\t<ul id=\"menu-1-5bedc7d\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-140\"><a href=\"#slide1\" class=\"elementor-item elementor-item-anchor\">Features<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-142\"><a href=\"#slide2\" class=\"elementor-item elementor-item-anchor\">Mini Games<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-144\"><a href=\"#slide4\" class=\"elementor-item elementor-item-anchor\">Join US<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z\"><\/path><\/svg><svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z\"><\/path><\/svg>\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-5bedc7d\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-140\"><a href=\"#slide1\" class=\"elementor-item elementor-item-anchor\" tabindex=\"-1\">Features<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-142\"><a href=\"#slide2\" class=\"elementor-item elementor-item-anchor\" tabindex=\"-1\">Mini Games<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-144\"><a href=\"#slide4\" class=\"elementor-item elementor-item-anchor\" tabindex=\"-1\">Join US<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23dd20f elementor-widget-mobile__width-initial elementor-widget elementor-widget-theme-site-logo elementor-widget-image\" data-id=\"23dd20f\" data-element_type=\"widget\" data-widget_type=\"theme-site-logo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/warcoin.info\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"244\" height=\"52\" src=\"https:\/\/warcoin.info\/wp-content\/uploads\/2025\/05\/WarCoin-1.png\" class=\"attachment-medium size-medium wp-image-10\" alt=\"\" \/>\t\t\t\t<\/a>\n\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-c6ab7ae elementor-widget elementor-widget-button\" data-id=\"c6ab7ae\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Open Now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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<\/header>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Fight To Get Join WarCoin and rise through the ranks! Start as a soldier, complete thrilling missions, and become a legendary commander. Your path to glory begins now! Open Now! Fight To Get Fight To Get Join WarCoin and rise through the ranks! Start as a soldier, complete thrilling missions, and become a legendary commander. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/warcoin.info\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/warcoin.info\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/warcoin.info\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/warcoin.info\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/warcoin.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":146,"href":"https:\/\/warcoin.info\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":285,"href":"https:\/\/warcoin.info\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/285"}],"wp:attachment":[{"href":"https:\/\/warcoin.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}