{"id":2,"date":"2024-03-13T10:39:46","date_gmt":"2024-03-13T10:39:46","guid":{"rendered":"https:\/\/citycapitaltraders.com\/?page_id=2"},"modified":"2024-04-11T04:02:53","modified_gmt":"2024-04-11T04:02:53","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/citycapitaltraders.com\/?page_id=2","title":{"rendered":"Understanding the Global Challenges"},"content":{"rendered":"\n<p>The historical origins of inequality and poverty are examined, emphasizing the need for effective and adaptable solutions. Diverging approaches and solutions to end extreme poverty and inequality are reviewed, setting the stage for a paradigm shift in addressing these challenges.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The Role of Technology in Addressing Global Challenges<\/h3>\n\n\n\n<div class=\"wp-block-cover\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"988\" height=\"950\" class=\"wp-block-cover__image-background wp-image-34\" alt=\"\" src=\"https:\/\/citycapitaltraders.com\/wp-content\/uploads\/2024\/04\/Bridging-the-Gap.png\" data-object-fit=\"cover\" srcset=\"https:\/\/citycapitaltraders.com\/wp-content\/uploads\/2024\/04\/Bridging-the-Gap.png 988w, https:\/\/citycapitaltraders.com\/wp-content\/uploads\/2024\/04\/Bridging-the-Gap-300x288.png 300w, https:\/\/citycapitaltraders.com\/wp-content\/uploads\/2024\/04\/Bridging-the-Gap-768x738.png 768w\" sizes=\"auto, (max-width: 988px) 100vw, 988px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center\"><strong>T<\/strong>he responsibility of the global financial system in perpetuating wealth disparity and economic inequality is explored. The document highlights the risks associated with the technological revolution and the potential for technology to drive profound social change.<\/h3>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">City Capital Traders: An Impact Company<\/h3>\n\n\n\n<p>The City Capital Traders model is designed to challenge the status quo, serving as a commercial technology company and a model for accountable sustainable development. It aims to deliver carefully directed and measured business practices, leveraging technology to contribute lasting sustainable change.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Driving Social and Environmental Change<\/h3>\n\n\n\n<div class=\"wp-block-cover\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" class=\"wp-block-cover__image-background wp-image-35\" alt=\"\" src=\"https:\/\/citycapitaltraders.com\/wp-content\/uploads\/2024\/04\/6352bd17-4e1f-419e-9a49-e372d16b6630.png\" data-object-fit=\"cover\" srcset=\"https:\/\/citycapitaltraders.com\/wp-content\/uploads\/2024\/04\/6352bd17-4e1f-419e-9a49-e372d16b6630.png 1024w, https:\/\/citycapitaltraders.com\/wp-content\/uploads\/2024\/04\/6352bd17-4e1f-419e-9a49-e372d16b6630-300x300.png 300w, https:\/\/citycapitaltraders.com\/wp-content\/uploads\/2024\/04\/6352bd17-4e1f-419e-9a49-e372d16b6630-150x150.png 150w, https:\/\/citycapitaltraders.com\/wp-content\/uploads\/2024\/04\/6352bd17-4e1f-419e-9a49-e372d16b6630-768x768.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center\"><strong>T<\/strong>he collaborative and partnership strategy adopted by City Capital Traders is emphasized, focusing on delivering real and lasting economic, social, and environmental change through strategic partnerships with foundations, NGOs, and technology companies.<\/h3>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion:<\/h2>\n\n\n\n<div class=\"wp-block-cover aligncenter\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"380\" class=\"wp-block-cover__image-background wp-image-36\" alt=\"\" src=\"https:\/\/citycapitaltraders.com\/wp-content\/uploads\/2024\/04\/788987bd-698f-4037-bdcb-11e589a7c2ac.png\" data-object-fit=\"cover\" srcset=\"https:\/\/citycapitaltraders.com\/wp-content\/uploads\/2024\/04\/788987bd-698f-4037-bdcb-11e589a7c2ac.png 512w, https:\/\/citycapitaltraders.com\/wp-content\/uploads\/2024\/04\/788987bd-698f-4037-bdcb-11e589a7c2ac-300x223.png 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center has-large-font-size\"><strong>T<\/strong>he impact company&#8217;s overarching objective is to deliver real and lasting economic, social, and environmental change on a global basis. By working in partnership with other organizations, City Capital Traders seeks to ensure impactful change delivery on the ground in developing countries.<\/h3>\n<\/div><\/div>\n\n<div id=\"gwd-animation\">\n  <!-- Logos will be dynamically generated here -->\n<\/div>\n\n<style>\n  body {\n    margin: 0;\n    padding: 0;\n    font-family: Arial, sans-serif;\n  }\n\n  #gwd-animation {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 9999; \/* Ensure the animation is on top of other content *\/\n  }\n\n  .logoBox {\n    position: absolute;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    white-space: nowrap;\n  }\n\n  .logoText {\n    font-size: 24px;\n    color: rgb(255, 255, 255);\n  }\n\n  .mailtoButton {\n    position: fixed;\n    bottom: 20px;\n    left: 120px;\n    background-color: rgba(125, 125, 125, 0.4);\n    color: rgb(0, 17, 17);\n    border: none;\n    border-radius: 5px;\n    padding: 10px 20px;\n    font-size: 16px;\n    cursor: pointer;\n    transition: transform 3s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s, opacity 1s ease-in-out 0s;\n    opacity: 0.5;\n    display: flex;\n    align-items: center;\n    z-index: 100;\n  }\n\n  .mailtoButton:hover {\n    background-color: rgba(255, 255, 255, 0.3);\n    opacity: 0.8;\n  }\n\n  .mailtoButton:active {\n    transform: scale(0.95);\n  }\n\n  .material-icons-outlined {\n    font-family: \"Material Icons Outlined\";\n    font-weight: normal;\n    font-style: normal;\n    font-size: 24px;\n    line-height: 1;\n    letter-spacing: normal;\n    text-transform: none;\n    display: inline-block;\n    white-space: nowrap;\n    overflow-wrap: normal;\n    direction: ltr;\n    font-feature-settings: \"liga\";\n    -webkit-font-smoothing: antialiased;\n    margin-right: 5px;\n  }\n<\/style>\n\n<script>\n  \/\/ Function to generate a random number between min and max\n  function getRandom(min, max) {\n    return Math.random() * (max - min) + min;\n  }\n\n  \/\/ Function to generate a random color in hexadecimal format\n  function getRandomColor() {\n    return '#' + Math.floor(Math.random() * 16777215).toString(16);\n  }\n\n  \/\/ Function to generate random transition effects for logo boxes\n  function applyRandomEffects(logoElement) {\n    const effects = ['rotate', 'scale', 'blur', 'shadow', 'background', 'translateX', 'translateY', 'spin', 'circle'];\n\n    \/\/ Apply a random effect\n    const randomEffect = effects[Math.floor(Math.random() * effects.length)];\n\n    switch (randomEffect) {\n      case 'rotate':\n        const rotationAngle = getRandom(-20, 20);\n        logoElement.style.transitionDuration = `${getRandom(1, 4)}s`; \/\/ Random duration for transition\n        logoElement.style.transform += ` rotate(${rotationAngle}deg)`;\n        break;\n      case 'scale':\n        const scaleValue = getRandom(0.8, 1.2);\n        logoElement.style.transitionDuration = `${getRandom(1, 4)}s`; \/\/ Random duration for transition\n        logoElement.style.transform += ` scale(${scaleValue})`;\n        break;\n      case 'blur':\n        const blurValue = getRandom(0, 5);\n        logoElement.style.transitionDuration = `${getRandom(1, 4)}s`; \/\/ Random duration for transition\n        logoElement.style.filter = `blur(${blurValue}px)`;\n        break;\n      case 'shadow':\n        const shadowX = getRandom(-5, 5);\n        const shadowY = getRandom(-5, 5);\n        const shadowBlur = getRandom(0, 10);\n        logoElement.style.transitionDuration = `${getRandom(1, 4)}s`; \/\/ Random duration for transition\n        logoElement.style.boxShadow = `${shadowX}px ${shadowY}px ${shadowBlur}px rgba(0, 0, 0, 0.5)`;\n        break;\n      case 'background':\n        const backgroundColor = getRandomColor();\n        logoElement.style.transitionDuration = `${getRandom(1, 4)}s`; \/\/ Random duration for transition\n        logoElement.style.backgroundColor = backgroundColor;\n        break;\n      case 'translateX':\n        const translateXValue = getRandom(-50, 50);\n        logoElement.style.transitionDuration = `${getRandom(1, 4)}s`; \/\/ Random duration for transition\n        logoElement.style.transform += ` translateX(${translateXValue}px)`;\n        break;\n      case 'translateY':\n        const translateYValue = getRandom(-50, 50);\n        logoElement.style.transitionDuration = `${getRandom(1, 4)}s`; \/\/ Random duration for transition\n        logoElement.style.transform += ` translateY(${translateYValue}px)`;\n        break;\n      case 'spin':\n        logoElement.style.transitionDuration = `${getRandom(2, 6)}s`; \/\/ Random duration for transition\n        logoElement.style.animation = `spin ${getRandom(2, 6)}s linear infinite`; \/\/ Spin animation\n        break;\n      case 'circle':\n        const circleRadius = getRandom(100, 300);\n        const circleSpeed = getRandom(0.01, 0.02);\n        const circleDirection = Math.random() < 0.5 ? 'clockwise' : 'counterclockwise';\n        setInterval(() => {\n          let angle = Math.random() * 2 * Math.PI; \/\/ Random initial angle\n          setInterval(() => {\n            let x, y;\n            if (circleDirection === 'clockwise') {\n              x = circleRadius * Math.cos(angle);\n              y = circleRadius * Math.sin(angle);\n              angle += circleSpeed; \/\/ Adjust the speed of rotation\n            } else if (circleDirection === 'counterclockwise') {\n              x = circleRadius * Math.cos(angle);\n              y = -circleRadius * Math.sin(angle);\n              angle -= circleSpeed; \/\/ Adjust the speed of rotation in counter-clockwise direction\n            }\n            logoElement.style.transitionDuration = `${getRandom(1, 4)}s`; \/\/ Random duration for transition\n            logoElement.style.transform += ` translate(${x}px, ${y}px)`;\n          }, 50); \/\/ Adjust the interval for smoother animation\n        }, getRandom(5000, 10000)); \/\/ Random interval for circle motion\n        break;\n      default:\n        break;\n    }\n  }\n\n  \/\/ Function to animate logos with additional effects and motion paths\n  function animateLogo(logoElement, speed, direction) {\n    \/\/ Apply initial random effects\n    applyRandomEffects(logoElement);\n\n    \/\/ Function to reset transformations and effects\n    function resetTransformations() {\n      logoElement.style.transform = 'none';\n      logoElement.style.filter = 'none';\n      logoElement.style.boxShadow = 'none';\n      logoElement.style.backgroundColor = 'transparent';\n      logoElement.style.animation = 'none';\n      logoElement.style.transitionDuration = '0s';\n    }\n\n    \/\/ Apply continuous animations\n    setInterval(() => {\n      resetTransformations();\n      applyRandomEffects(logoElement);\n    }, 3000); \/\/ Apply effects every 3 seconds\n\n    \/\/ Apply motion paths\n    let angle = Math.random() * 2 * Math.PI; \/\/ Random initial angle\n    let radiusX = getRandom(100, 300); \/\/ Random radius for oval motion in X direction\n    let radiusY = getRandom(100, 300); \/\/ Random radius for oval motion in Y direction\n\n    setInterval(() => {\n      let x, y;\n      if (direction === 'clockwise') {\n        x = radiusX * Math.cos(angle);\n        y = radiusY * Math.sin(angle);\n        angle += speed; \/\/ Adjust the speed of rotation\n      } else if (direction === 'counterclockwise') {\n        x = radiusX * Math.cos(angle);\n        y = -radiusY * Math.sin(angle);\n        angle -= speed; \/\/ Adjust the speed of rotation in counter-clockwise direction\n      }\n\n      logoElement.style.left = '50%';\n      logoElement.style.top = '50%';\n      logoElement.style.transform += ` translate(-50%, -50%) translate(${x}px, ${y}px)`;\n\n      \/\/ Smoothly transition scaling\n      const scale = 0.9 + Math.sin(Date.now() * speed) * 0.05; \/\/ Smooth sinusoidal scaling between 0.85 and 0.95\n      logoElement.style.transform += ` scale(${scale})`;\n    }, 50); \/\/ Adjust the interval for smoother animation\n  }\n\n  \/\/ Function to reload the GWD animation with different effects and transitions\n \/\/ Function to reload the GWD animation with different effects and transitions\nfunction reloadAnimation() {\n  \/\/ Clear existing logos\n  const logoContainer = document.getElementById('gwd-animation');\n  logoContainer.innerHTML = '';\n\n  \/\/ Generate random number of logos (3 to 14)\n  const numLogos = Math.floor(Math.random() * 12) + 3; \/\/ Random number between 3 and 14\n  const logoBoxes = [];\n\n  \/\/ Create initial logo boxes\n  for (let i = 0; i < numLogos; i++) {\n    const logoBox = document.createElement('div');\n    logoBox.className = 'logoBox';\n    const logoText = document.createElement('div');\n    logoText.className = 'logoText';\n    logoText.textContent = 'City Capital Traders';\n    logoBox.appendChild(logoText);\n    logoContainer.appendChild(logoBox);\n    logoBoxes.push(logoBox);\n  }\n\n  \/\/ Apply animation to each logo box\n  logoBoxes.forEach((logoBox) => {\n    const animationTypes = ['circleClockwise', 'circleCounterclockwise', 'flyIn', 'spinAndFly', 'rainDown'];\n    const randomAnimation = animationTypes[Math.floor(Math.random() * animationTypes.length)];\n\n    switch (randomAnimation) {\n      case 'circleClockwise':\n        animateLogo(logoBox, getRandom(0.002, 0.008), 'clockwise');\n        break;\n      case 'circleCounterclockwise':\n        animateLogo(logoBox, getRandom(0.002, 0.008), 'counterclockwise');\n        break;\n      case 'flyIn':\n        \/\/ Randomly position the logo box across the screen\n        const randomX = Math.random() * window.innerWidth;\n        const randomY = Math.random() * window.innerHeight;\n        logoBox.style.left = `${randomX}px`;\n        logoBox.style.top = `${randomY}px`;\n        animateLogo(logoBox, getRandom(0.002, 0.008), 'clockwise');\n        break;\n      case 'spinAndFly':\n        animateLogo(logoBox, getRandom(0.002, 0.008), 'clockwise');\n        logoBox.style.animation = `spin 2s linear infinite`;\n        break;\n      case 'rainDown':\n        const randomXStart = Math.random() * window.innerWidth;\n        const randomXEnd = Math.random() * window.innerWidth;\n        const randomYStart = -Math.random() * window.innerHeight; \/\/ Start from top of the screen\n        const randomDuration = getRandom(2, 5);\n        logoBox.style.left = `${randomXStart}px`;\n        logoBox.style.top = `${randomYStart}px`;\n        logoBox.style.transition = `top ${randomDuration}s linear`;\n        setTimeout(() => {\n          logoBox.style.top = `${window.innerHeight}px`;\n        }, 100);\n        break;\n      default:\n        break;\n    }\n\n    \/\/ Add click event listener to each logo box\n    logoBox.addEventListener('click', sendMail);\n  });\n}\n\n\n  \/\/ Reload the animation with different effects every 7 seconds\n  setInterval(reloadAnimation, 7000);\n\n  \/\/ Function to open mail client when the button is clicked\n  function sendMail() {\n    window.location.href = \"mailto:hello@citycapitaltraders.com\";\n  }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>The historical origins of inequality and poverty are examined, emphasizing the need for effective and adaptable solutions. Diverging approaches and solutions to end extreme poverty and inequality are reviewed, setting the stage for a paradigm shift in addressing these challenges. The Role of Technology in Addressing Global Challenges City Capital Traders: An Impact Company The [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":33,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/citycapitaltraders.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/citycapitaltraders.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/citycapitaltraders.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/citycapitaltraders.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/citycapitaltraders.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":29,"href":"https:\/\/citycapitaltraders.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":98,"href":"https:\/\/citycapitaltraders.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/98"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/citycapitaltraders.com\/index.php?rest_route=\/wp\/v2\/media\/33"}],"wp:attachment":[{"href":"https:\/\/citycapitaltraders.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}