{"id":2508,"date":"2024-02-21T19:10:55","date_gmt":"2024-02-22T00:10:55","guid":{"rendered":"http:\/\/staging.cfcudev.com\/?page_id=2508"},"modified":"2024-02-22T10:24:38","modified_gmt":"2024-02-22T15:24:38","slug":"financial-resources","status":"publish","type":"page","link":"https:\/\/prod-admin.cfcudev.com\/financial-resources\/","title":{"rendered":"Financial Resources"},"content":{"rendered":"<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.7.1\/jquery.min.js\"><\/script>\n<div data-product-items='false' class=\"everyday-easy cfcu-audience-business pt-[0px] md:pt-[0px] pb-[72px] md:pb-[96px]\">\n    <div class='everyday-easy_main-text-container md:mx-16 xl:mx-20'>\n        <h1 class=\"mb-12 ee-title\">Everyday Easy<\/h1>\n        <div class=\"text-3xl ee-main-description\">\n            \n        <\/div>\n    <\/div>\n    <div class=' absolute flex w-[100%] ee-navigation-container'>\n        <div class='ee-navigation-left flex flex-1 items-center justify-end' role='button'>\n            <img class='h-9 w-9 svg-pointer svg-pointer-left'\n                src='https:\/\/prod-admin.cfcudev.com\/wp-content\/themes\/cfcu\/public\/images\/icons\/icon_circle_right_deep_blue.svg'\n                src-default='https:\/\/prod-admin.cfcudev.com\/wp-content\/themes\/cfcu\/public\/images\/icons\/icon_circle_right_deep_blue.svg'\n                src-click='https:\/\/prod-admin.cfcudev.com\/wp-content\/themes\/cfcu\/public\/images\/icons\/icon_circle_right_dark_gray.svg'\n                alt='svg left'\/>\n        <\/div>\n        <div class='ee-navigation-right flex flex-1 items-center justify-start' role='button'>\n            <img class='h-9 w-9 svg-pointer svg-pointer-right'\n                src='https:\/\/prod-admin.cfcudev.com\/wp-content\/themes\/cfcu\/public\/images\/icons\/icon_circle_right_deep_blue.svg'\n                src-default='https:\/\/prod-admin.cfcudev.com\/wp-content\/themes\/cfcu\/public\/images\/icons\/icon_circle_right_deep_blue.svg'\n                src-click='https:\/\/prod-admin.cfcudev.com\/wp-content\/themes\/cfcu\/public\/images\/icons\/icon_circle_right_dark_gray.svg'\n                alt='svg right'\/>\n        <\/div>\n    <\/div>\n\n    <div class=\"limited-window\">\n        <div class=\"rotator-container\">\n                        <div class=\"number-0 fore\">\n                <img class=\"ee-slot-0-color-image slot\" \/>\n                <img class=\"ee-slot-0-image slot\" \/>\n                <div class=\"ee-slot-0-copy-container ee-slot-copy-container\">\n                    <h3 class=\"ee-slot-0-title everyday-easy_slot-text\"><\/h3>\n                    <p class=\"ee-slot-0-description everyday-easy_slot-description\"><\/p>\n                                    <\/div>\n            <\/div>\n                        <div class=\"number-1 fore\">\n                <img class=\"ee-slot-1-color-image slot\" \/>\n                <img class=\"ee-slot-1-image slot\" \/>\n                <div class=\"ee-slot-1-copy-container ee-slot-copy-container\">\n                    <h3 class=\"ee-slot-1-title everyday-easy_slot-text\"><\/h3>\n                    <p class=\"ee-slot-1-description everyday-easy_slot-description\"><\/p>\n                                    <\/div>\n            <\/div>\n                        <div class=\"number-2 fore\">\n                <img class=\"ee-slot-2-color-image slot\" \/>\n                <img class=\"ee-slot-2-image slot\" \/>\n                <div class=\"ee-slot-2-copy-container ee-slot-copy-container\">\n                    <h3 class=\"ee-slot-2-title everyday-easy_slot-text\"><\/h3>\n                    <p class=\"ee-slot-2-description everyday-easy_slot-description\"><\/p>\n                                    <\/div>\n            <\/div>\n                        <div class=\"number-3 fore\">\n                <img class=\"ee-slot-3-color-image slot\" \/>\n                <img class=\"ee-slot-3-image slot\" \/>\n                <div class=\"ee-slot-3-copy-container ee-slot-copy-container\">\n                    <h3 class=\"ee-slot-3-title everyday-easy_slot-text\"><\/h3>\n                    <p class=\"ee-slot-3-description everyday-easy_slot-description\"><\/p>\n                                    <\/div>\n            <\/div>\n                        <div class=\"green-ball\"><\/div>\n        <\/div>\n        <div class=\"everyday-easy_sun-rotator-container\">\n            <p class=\"everyday-easy_the-sun everyday-easy_the-sun_initial\"><\/p>\n        <\/div>\n    <\/div>\n    <div class=\"mobile-sky md:hidden\"><\/div>\n    <div class=\"green-ball-mobile md:hidden\"><\/div>\n<\/div>\n<script>\n    $(document).ready(() => {\n  \/\/ This block only works if there are at least 2 ACF objects\n  const swapPosition = [2, 3, 0, 1];\n  const position = {};\n  const buttonsActive = {};\n  const whatsIn = {};\n  const slotImage = {};\n  const slotColorImage = {};\n  const slotTitle = {};\n  const slotDescription = {};\n  const slotButton = {};\n  const productItems = {};\n\n  $('.everyday-easy').each(function (eeIdx, eeElement) {\n    \/\/ Init hammerjs for swiping\n    const hammer = new Hammer(eeElement);\n    hammer.on('swipe', function(ev) {\n      if (ev.direction === 4) { \/\/ swipe right\n        rotate('clock');\n      } else if (ev.direction === 2) {  \/\/ swipe left\n        rotate('counter');\n      }\n    });\n\n    const $ee = $(eeElement);\n    const $rotator = $ee.find('.rotator-container');\n    const $theSun = $ee.find('.everyday-easy_sun-rotator-container');\n    const $theSunColor = $ee.find('.everyday-easy_the-sun');\n    productItems[eeIdx] = JSON.parse($ee.attr('data-product-items'));\n\n    $rotator.addClass('everyday-easy_position-0');\n\n    whatsIn[eeIdx] = [0, 1, 2, productItems[eeIdx].length - 1];\n    slotImage[eeIdx] = [];\n    slotColorImage[eeIdx] = [];\n    slotTitle[eeIdx] = [];\n    slotDescription[eeIdx] = [];\n    slotButton[eeIdx] = [];\n    position[eeIdx] = 0;\n    buttonsActive[eeIdx] = true;\n\n    for (let x = 0; x < 4; x++) {\n      slotImage[eeIdx].push($ee.find(`.ee-slot-${x}-image`));\n      slotColorImage[eeIdx].push($ee.find(`.ee-slot-${x}-color-image`));\n      slotTitle[eeIdx].push($ee.find(`.ee-slot-${x}-title`));\n      slotDescription[eeIdx].push($ee.find(`.ee-slot-${x}-description`));\n      slotButton[eeIdx].push($ee.find(`.ee-button-${x}`));\n    }\n\n    \/\/ add initial objects to rotation-container\n    for (let x = 0; x < 4; x++) {\n      if (x === 2) {\n        continue;\n      }\n      idx = x === 3 ? productItems[eeIdx].length - 1 : x;\n      slotImage[eeIdx][x].attr('src', productItems[eeIdx][idx].icon_image);\n      slotColorImage[eeIdx][x].attr(\n        'src',\n        productItems[eeIdx][idx].icon_color_image\n      );\n      slotTitle[eeIdx][x].html(productItems[eeIdx][idx].title);\n      slotDescription[eeIdx][x].html(productItems[eeIdx][idx].description);\n      slotButton[eeIdx][x].html(productItems[eeIdx][idx].button_link['title']);\n      if (productItems[eeIdx][idx].button_link['url']) {\n        slotButton[eeIdx][x].attr(\n          'onclick',\n          `window.location.href = '${productItems[eeIdx][idx].button_link['url']}'`\n        );\n      }\n    }\n\n    const objectSwap = {\n      next: function (swapSlot, direction) {\n        if (direction === 'clock') {\n          nextSlot = swapSlot + 1 > 3 ? 0 : swapSlot + 1;\n          whatsIn[eeIdx][swapSlot] = whatsIn[eeIdx][nextSlot] - 1;\n          if (whatsIn[eeIdx][swapSlot] < 0)\n            whatsIn[eeIdx][swapSlot] = productItems[eeIdx].length - 1;\n          return;\n        }\n        nextSlot = swapSlot - 1 < 0 ? 3 : swapSlot - 1;\n        whatsIn[eeIdx][swapSlot] = whatsIn[eeIdx][nextSlot] + 1;\n        if (whatsIn[eeIdx][swapSlot] > productItems[eeIdx].length - 1)\n          whatsIn[eeIdx][swapSlot] = 0;\n      },\n    };\n\n    const updateContent = () => {\n      const idx = swapPosition[position[eeIdx]];\n      const item = productItems[eeIdx][whatsIn[eeIdx][idx]];\n      slotImage[eeIdx][idx].attr('src', item.icon_image);\n      slotColorImage[eeIdx][idx].attr('src', item.icon_color_image);\n      slotTitle[eeIdx][idx].html(item.title);\n      slotDescription[eeIdx][idx].html(item.description);\n      slotButton[eeIdx][idx].html(item.button_link['title']);\n      slotButton[eeIdx][idx].off('click');\n      if (item.button_link['url']) {\n        slotButton[eeIdx][idx].attr(\n          'onclick',\n          `window.location.href = '${item.button_link['url']}'`\n        );\n      }\n    };\n\n    const rotate = (direction, $target = null) => {\n      if (!deactivateButtons()) return;\n\n      \/\/ animate svg\n      blink($target); \/\/ TODO: restore this\n\n      \/\/ animate slot content\n      $ee.find('.ee-slot-copy-container').fadeToggle(300);\n      setTimeout(() => {\n        $ee.find('.ee-slot-copy-container').fadeToggle();\n      }, 1000);\n\n      $rotator.attr(\n        'class',\n        `rotator-container everyday-easy_position-${position[eeIdx]} rotate-${position[eeIdx]}-${direction}`\n      );\n      $theSun.attr('class', `everyday-easy_sun-rotator-container sun-rotate-${position[eeIdx]}-${direction}`);\n      objectSwap.next(swapPosition[position[eeIdx]], direction);\n      updateContent();\n      slotColorImage[eeIdx][position[eeIdx]].removeClass('slot-color-on');\n      slotColorImage[eeIdx][position[eeIdx]].addClass('slot-color-off');\n      $theSunColor.attr('class', `everyday-easy_the-sun sun-color-${position[eeIdx]}-${direction}`);\n      position[eeIdx] =\n        direction === 'clock' ? position[eeIdx] - 1 : position[eeIdx] + 1;\n      if (position[eeIdx] < 0) {\n        position[eeIdx] = 3;\n      }\n      if (position[eeIdx] > 3) {\n        position[eeIdx] = 0;\n      }\n      slotColorImage[eeIdx][position[eeIdx]].removeClass('slot-color-off');\n      slotColorImage[eeIdx][position[eeIdx]].addClass('slot-color-on');\n    };\n\n    const deactivateButtons = () => {\n      if (!buttonsActive[eeIdx]) {\n        return false;\n      }\n      buttonsActive[eeIdx] = false;\n      setTimeout(() => {\n        buttonsActive[eeIdx] = true;\n      }, 1000);\n      return true;\n    };\n\n    const blink = ($target) => {\n      $($target).attr('src', $($target).attr('src-click'));\n      setTimeout(() => {\n        $($target).attr('src', $($target).attr('src-default'));\n      }, 1000);\n    };\n\n    $ee.find('.ee-navigation-left').click((e) => rotate('clock', e.target));\n    $ee.find('.ee-navigation-right').click((e) => rotate('counter', e.target));\n  });\n});\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"personal-or-business-tag":[],"page-tag":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Financial Resources - Christian Financial Credit Union<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Financial Resources - Christian Financial Credit Union\" \/>\n<meta property=\"og:url\" content=\"https:\/\/staging.cfcudev.com\/financial-resources\/\" \/>\n<meta property=\"og:site_name\" content=\"Christian Financial Credit Union\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-22T15:24:38+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/staging.cfcudev.com\/financial-resources\/\",\"url\":\"https:\/\/staging.cfcudev.com\/financial-resources\/\",\"name\":\"Financial Resources - Christian Financial Credit Union\",\"isPartOf\":{\"@id\":\"http:\/\/172.26.3.16\/#website\"},\"datePublished\":\"2024-02-22T00:10:55+00:00\",\"dateModified\":\"2024-02-22T15:24:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/staging.cfcudev.com\/financial-resources\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/staging.cfcudev.com\/financial-resources\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/staging.cfcudev.com\/financial-resources\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/staging.cfcudev.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Financial Resources\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/172.26.3.16\/#website\",\"url\":\"http:\/\/172.26.3.16\/\",\"name\":\"Christian Financial Credit Union\",\"description\":\"\",\"publisher\":{\"@id\":\"http:\/\/172.26.3.16\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/172.26.3.16\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\/\/172.26.3.16\/#organization\",\"name\":\"Christian Financial Credit Union\",\"url\":\"http:\/\/172.26.3.16\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/172.26.3.16\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/prod-admin.cfcudev.com\/wp-content\/uploads\/2024\/01\/cfcu-logo.png\",\"contentUrl\":\"https:\/\/prod-admin.cfcudev.com\/wp-content\/uploads\/2024\/01\/cfcu-logo.png\",\"width\":436,\"height\":111,\"caption\":\"Christian Financial Credit Union\"},\"image\":{\"@id\":\"http:\/\/172.26.3.16\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Financial Resources - Christian Financial Credit Union","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Financial Resources - Christian Financial Credit Union","og_url":"https:\/\/staging.cfcudev.com\/financial-resources\/","og_site_name":"Christian Financial Credit Union","article_modified_time":"2024-02-22T15:24:38+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/staging.cfcudev.com\/financial-resources\/","url":"https:\/\/staging.cfcudev.com\/financial-resources\/","name":"Financial Resources - Christian Financial Credit Union","isPartOf":{"@id":"http:\/\/172.26.3.16\/#website"},"datePublished":"2024-02-22T00:10:55+00:00","dateModified":"2024-02-22T15:24:38+00:00","breadcrumb":{"@id":"https:\/\/staging.cfcudev.com\/financial-resources\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/staging.cfcudev.com\/financial-resources\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/staging.cfcudev.com\/financial-resources\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/staging.cfcudev.com\/"},{"@type":"ListItem","position":2,"name":"Financial Resources"}]},{"@type":"WebSite","@id":"http:\/\/172.26.3.16\/#website","url":"http:\/\/172.26.3.16\/","name":"Christian Financial Credit Union","description":"","publisher":{"@id":"http:\/\/172.26.3.16\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/172.26.3.16\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/172.26.3.16\/#organization","name":"Christian Financial Credit Union","url":"http:\/\/172.26.3.16\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/172.26.3.16\/#\/schema\/logo\/image\/","url":"https:\/\/prod-admin.cfcudev.com\/wp-content\/uploads\/2024\/01\/cfcu-logo.png","contentUrl":"https:\/\/prod-admin.cfcudev.com\/wp-content\/uploads\/2024\/01\/cfcu-logo.png","width":436,"height":111,"caption":"Christian Financial Credit Union"},"image":{"@id":"http:\/\/172.26.3.16\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/prod-admin.cfcudev.com\/wp-json\/wp\/v2\/pages\/2508"}],"collection":[{"href":"https:\/\/prod-admin.cfcudev.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/prod-admin.cfcudev.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/prod-admin.cfcudev.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/prod-admin.cfcudev.com\/wp-json\/wp\/v2\/comments?post=2508"}],"version-history":[{"count":0,"href":"https:\/\/prod-admin.cfcudev.com\/wp-json\/wp\/v2\/pages\/2508\/revisions"}],"wp:attachment":[{"href":"https:\/\/prod-admin.cfcudev.com\/wp-json\/wp\/v2\/media?parent=2508"}],"wp:term":[{"taxonomy":"personal-or-business-tag","embeddable":true,"href":"https:\/\/prod-admin.cfcudev.com\/wp-json\/wp\/v2\/personal-or-business-tag?post=2508"},{"taxonomy":"page-tag","embeddable":true,"href":"https:\/\/prod-admin.cfcudev.com\/wp-json\/wp\/v2\/page-tag?post=2508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}