Embed

<div>
  <div style="
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 259px;
  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;">
    <a target="_blank" data-url="https://square.link/u/rsW9JVPi?src=embd" href="https://square.link/u/rsW9JVPi?src=embed" style="
    display: inline-block;
    font-size: 18px;
    line-height: 48px;
    height: 48px;
    color: #ffffff;
    min-width: 212px;
    background-color: #cc0023;
    text-align: center;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
    border-radius: 6px;
  ">Donate</a>
  </div>
</div>


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

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

      // 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>

Group of Children With Football Soccer Balls at Training Class. Outdoor Football Training For Little School Kids. Boys and Girls Having Fun at Sports Practice on Summer Day

Text

<p>Your support plays a crucial role in empowering athletes and athletic programs to reach their full potential. With your contribution, we can provide essential resources and opportunities for athletes to grow, compete, and succeed. Your impact is truly appreciated, and together we’re helping to shape the future of these athletes and their programs.</p>
<p>If you'd like to donate to Define Yourself, press the button above!</p>

Define Yourself

Define Yourself Inc. is a non-profit organization geared towards helping youth obtain their goals and reach new heights. Define Yourself Inc. is dedicated to the mental, physical, and social development of young adults through participation in sport. We believe that our athletic and high level mentorship programs will teach and inspire the next generation of leaders, prepare them to be successful in all endeavors, and give back to the community at large.

*Mission Statement:*
"To empower youth to achieve their fullest potential through holistic development, emphasizing mental, physical, and social growth via sports participation and mentorship programs."

*Vision Statement:*
"To cultivate a generation of resilient leaders equipped with the skills and confidence to excel in all facets of life, while fostering a culture of community contribution and positive social impact."
