Barrett Station Community Development Organization, Inc.




a/k/a Barrett Station CDC

Donate

<div>
  <div ><div id="renderedCheckoutButtonHTML" style="
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 258.96px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: -2px 10px 5px rgba(0, 0, 0, 0);
  border-radius: 10px;
  font-family: SQ Market, SQ Market, Helvetica, Arial, sans-serif;
  ">
  <img src="https://items-images-production.s3.us-west-2.amazonaws.com/files/dba5197010396e135e601f8be10866afa2861137/original.png" alt="501(c)3 Non-profit Donation" onerror="this.style.display='none'" style="width: 100%;">
  <div style="padding: 20px;">
  <p style="
    font-size: 18px;
    line-height: 20px;
  ">501(c)3 Non-profit Donation</p>
  <p style="
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
  ">Entered by customer</p>
  <a id="embedded-checkout-modal-checkout-button" target="_blank" data-url="https://square.link/u/SuDm8p10?src=embd" href="https://square.link/u/SuDm8p10?src=embed" style="
    display: inline-block;
    font-size: 18px;
    line-height: 48px;
    height: 48px;
    color: #ffffff;
    min-width: 212px;
    background-color: #dbb35e;
    text-align: center;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
    border-radius: 50px;
  ">Donate</a>
  </div>
</div>
<textarea class="checkout-button-html-hidden-textarea embedded-checkout-link"></textarea></div>

  <style>
    .embedded-checkout-link-html-hidden-textarea,
    .checkout-button-html-hidden-textarea {
      opacity: 0;
      position: absolute;
    }
  </style>

  <script>
    function showCheckoutWindow(e) {
      e.preventDefault();

      const url = document.getElementById('embedded-checkout-modal-checkout-button').getAttribute('data-url');
      const title = 'Square Online Checkout';

      // Some platforms embed in an iframe, so we want to top window to calculate sizes correctly
      const topWindow = window.top ? window.top : window;

      // Fixes dual-screen position                                Most browsers          Firefox
      const dualScreenLeft = topWindow.screenLeft !==  undefined ? topWindow.screenLeft : topWindow.screenX;
      const dualScreenTop = topWindow.screenTop !==  undefined   ? topWindow.screenTop  : topWindow.screenY;

      const width = topWindow.innerWidth ? topWindow.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
      const height = topWindow.innerHeight ? topWindow.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;

      const h = height * .75;
      const w = 500;

      const systemZoom = width / topWindow.screen.availWidth;
      const left = (width - w) / 2 / systemZoom + dualScreenLeft;
      const top = (height - h) / 2 / systemZoom + dualScreenTop;
      const newWindow = window.open(url, title, `scrollbars=yes, width=${w / systemZoom}, height=${h / systemZoom}, top=${top}, left=${left}`);

      if (window.focus) newWindow.focus();
    }

    // This overrides the default checkout button click handler to show the embed modal
    // instead of opening a new tab with the given link url
    document.getElementById('embedded-checkout-modal-checkout-button').addEventListener('click', function (e) {
      showCheckoutWindow(e);
    });
  </script>
</div>


 

Your support demonstrates your vested interest in the community and, indeed, the continued success of the Barrett Station Community Development Organization’s (“BSCDO”) efforts in combatting community deterioration; granting scholarships for our children; preserving local history; caring for and improving the health conditions of the people; and combatting juvenile delinquency.

 

With supporters like you, the BSCDO’s mission will only continue to grow in strength and scope.

 

Thank you for your continued support!



I Want to Donate Now!


<div>
  <div ><div id="renderedCheckoutButtonHTML" style="
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 258.96px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: -2px 10px 5px rgba(0, 0, 0, 0);
  border-radius: 10px;
  font-family: SQ Market, SQ Market, Helvetica, Arial, sans-serif;
  ">
  <div style="padding: 20px;">
  <p style="
    font-size: 18px;
    line-height: 20px;
  ">Barrett Station Comm Dev - 501(c)3 Non-profit</p>
  <p style="
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
  ">Entered by customer</p>
  <a id="embedded-checkout-modal-checkout-button" target="_blank" data-url="https://square.link/u/iuKZhphV?src=embd" href="https://square.link/u/iuKZhphV?src=embed" style="
    display: inline-block;
    font-size: 18px;
    line-height: 48px;
    height: 48px;
    color: #ffffff;
    min-width: 212px;
    background-color: #dbb35e;
    text-align: center;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
    border-radius: 50px;
  ">Donate</a>
  </div>
</div>
<textarea class="checkout-button-html-hidden-textarea embedded-checkout-link"></textarea></div>

  <style>
    .embedded-checkout-link-html-hidden-textarea,
    .checkout-button-html-hidden-textarea {
      opacity: 0;
      position: absolute;
    }
  </style>

  <script>
    function showCheckoutWindow(e) {
      e.preventDefault();

      const url = document.getElementById('embedded-checkout-modal-checkout-button').getAttribute('data-url');
      const title = 'Square Online Checkout';

      // Some platforms embed in an iframe, so we want to top window to calculate sizes correctly
      const topWindow = window.top ? window.top : window;

      // Fixes dual-screen position                                Most browsers          Firefox
      const dualScreenLeft = topWindow.screenLeft !==  undefined ? topWindow.screenLeft : topWindow.screenX;
      const dualScreenTop = topWindow.screenTop !==  undefined   ? topWindow.screenTop  : topWindow.screenY;

      const width = topWindow.innerWidth ? topWindow.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
      const height = topWindow.innerHeight ? topWindow.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;

      const h = height * .75;
      const w = 500;

      const systemZoom = width / topWindow.screen.availWidth;
      const left = (width - w) / 2 / systemZoom + dualScreenLeft;
      const top = (height - h) / 2 / systemZoom + dualScreenTop;
      const newWindow = window.open(url, title, `scrollbars=yes, width=${w / systemZoom}, height=${h / systemZoom}, top=${top}, left=${left}`);

      if (window.focus) newWindow.focus();
    }

    // This overrides the default checkout button click handler to show the embed modal
    // instead of opening a new tab with the given link url
    document.getElementById('embedded-checkout-modal-checkout-button').addEventListener('click', function (e) {
      showCheckoutWindow(e);
    });
  </script>
</div>
<div>
  <div ><div id="renderedCheckoutButtonHTML" style="
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 258.96px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: -2px 10px 5px rgba(0, 0, 0, 0);
  border-radius: 10px;
  font-family: SQ Market, SQ Market, Helvetica, Arial, sans-serif;
  ">
  <div style="padding: 20px;">
  <p style="
    font-size: 18px;
    line-height: 20px;
  ">Barrett Station Comm Dev - 501(c)3 Non-profit</p>
  <p style="
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
  ">Entered by customer</p>
  <a id="embedded-checkout-modal-checkout-button" target="_blank" data-url="https://square.link/u/iuKZhphV?src=embd" href="https://square.link/u/iuKZhphV?src=embed" style="
    display: inline-block;
    font-size: 18px;
    line-height: 48px;
    height: 48px;
    color: #ffffff;
    min-width: 212px;
    background-color: #dbb35e;
    text-align: center;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
    border-radius: 50px;
  ">Donate</a>
  </div>
</div>
<textarea class="checkout-button-html-hidden-textarea embedded-checkout-link"></textarea></div>

  <style>
    .embedded-checkout-link-html-hidden-textarea,
    .checkout-button-html-hidden-textarea {
      opacity: 0;
      position: absolute;
    }
  </style>

  <script>
    function showCheckoutWindow(e) {
      e.preventDefault();

      const url = document.getElementById('embedded-checkout-modal-checkout-button').getAttribute('data-url');
      const title = 'Square Online Checkout';

      // Some platforms embed in an iframe, so we want to top window to calculate sizes correctly
      const topWindow = window.top ? window.top : window;

      // Fixes dual-screen position                                Most browsers          Firefox
      const dualScreenLeft = topWindow.screenLeft !==  undefined ? topWindow.screenLeft : topWindow.screenX;
      const dualScreenTop = topWindow.screenTop !==  undefined   ? topWindow.screenTop  : topWindow.screenY;

      const width = topWindow.innerWidth ? topWindow.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
      const height = topWindow.innerHeight ? topWindow.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;

      const h = height * .75;
      const w = 500;

      const systemZoom = width / topWindow.screen.availWidth;
      const left = (width - w) / 2 / systemZoom + dualScreenLeft;
      const top = (height - h) / 2 / systemZoom + dualScreenTop;
      const newWindow = window.open(url, title, `scrollbars=yes, width=${w / systemZoom}, height=${h / systemZoom}, top=${top}, left=${left}`);

      if (window.focus) newWindow.focus();
    }

    // This overrides the default checkout button click handler to show the embed modal
    // instead of opening a new tab with the given link url
    document.getElementById('embedded-checkout-modal-checkout-button').addEventListener('click', function (e) {
      showCheckoutWindow(e);
    });
  </script>
</div>
<div>
  <div ><div id="renderedCheckoutButtonHTML" style="
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 258.96px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: -2px 10px 5px rgba(0, 0, 0, 0);
  border-radius: 10px;
  font-family: SQ Market, SQ Market, Helvetica, Arial, sans-serif;
  ">
  <div style="padding: 20px;">
  <p style="
    font-size: 18px;
    line-height: 20px;
  ">Barrett Station Comm Dev - 501(c)3 Non-profit</p>
  <p style="
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
  ">Entered by customer</p>
  <a id="embedded-checkout-modal-checkout-button" target="_blank" data-url="https://square.link/u/iuKZhphV?src=embd" href="https://square.link/u/iuKZhphV?src=embed" style="
    display: inline-block;
    font-size: 18px;
    line-height: 48px;
    height: 48px;
    color: #ffffff;
    min-width: 212px;
    background-color: #dbb35e;
    text-align: center;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
    border-radius: 50px;
  ">Donate</a>
  </div>
</div>
<textarea class="checkout-button-html-hidden-textarea embedded-checkout-link"></textarea></div>

  <style>
    .embedded-checkout-link-html-hidden-textarea,
    .checkout-button-html-hidden-textarea {
      opacity: 0;
      position: absolute;
    }
  </style>

  <script>
    function showCheckoutWindow(e) {
      e.preventDefault();

      const url = document.getElementById('embedded-checkout-modal-checkout-button').getAttribute('data-url');
      const title = 'Square Online Checkout';

      // Some platforms embed in an iframe, so we want to top window to calculate sizes correctly
      const topWindow = window.top ? window.top : window;

      // Fixes dual-screen position                                Most browsers          Firefox
      const dualScreenLeft = topWindow.screenLeft !==  undefined ? topWindow.screenLeft : topWindow.screenX;
      const dualScreenTop = topWindow.screenTop !==  undefined   ? topWindow.screenTop  : topWindow.screenY;

      const width = topWindow.innerWidth ? topWindow.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
      const height = topWindow.innerHeight ? topWindow.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;

      const h = height * .75;
      const w = 500;

      const systemZoom = width / topWindow.screen.availWidth;
      const left = (width - w) / 2 / systemZoom + dualScreenLeft;
      const top = (height - h) / 2 / systemZoom + dualScreenTop;
      const newWindow = window.open(url, title, `scrollbars=yes, width=${w / systemZoom}, height=${h / systemZoom}, top=${top}, left=${left}`);

      if (window.focus) newWindow.focus();
    }

    // This overrides the default checkout button click handler to show the embed modal
    // instead of opening a new tab with the given link url
    document.getElementById('embedded-checkout-modal-checkout-button').addEventListener('click', function (e) {
      showCheckoutWindow(e);
    });
  </script>
</div>



BSCDO Supporters