Come Back Later

This Object uses the Alert Box, Share Form, and Disclaimer components. It requires JavaScript to show and hide the disclaimer as well as provide functionality for the form submission.

Information Alert

Come back to it later.

We can send you a link to this page to help you get back to it when you’re ready.

<article class="c-alert-box bg-status-info mb-4">
  <div class="c-alert-box__icon">
    <svg class="c-alert-box__svg icon icon-4 icon-ui-info" role="img">
      <title>Information Alert</title>
      <use xlink:href="#icon-ui-info"></use>
    </svg>
  </div>
  <div class="c-alert-box__body">
    <header>
      <h1 class="type-h4 m-0">Come back to it later.</h1>
    </header>
    <p>We can send you a link to this page to help you get back to it when you’re ready.</p>
    <div class="layout-gutter screen-tablet:layout-columns-gutter">
      <div class="c-share-form" data-js="share-form">
        <button aria-controls="aria-c-share-form__email" aria-describedby="share-disclaimer" aria-expanded="false" class="btn btn-primary c-share-form__toggle" data-js="share-form__control disclaimer-control" data-scroll-offset="16">Email</button>
        <form action="MyAction" aria-hidden="true" class="c-share-form__form hidden" id="aria-c-share-form__email">
          <input name="action" type="hidden" value="email_send" />
          <input name="url" readonly="" type="hidden" value="MyURL" />
          <input name="hash" readonly="" type="hidden" value="MyHash" />
          <input maxlength="13" name="GUID" readonly="" type="hidden" value="MyGUID" />
          <div class="c-share-form__fieldset">
            <div class="c-share-form__input">
              <input data-js="share-form__input" name="to" placeholder="Email Address" required="true" type="email" />
            </div>
            <div class="c-share-form__button">
              <button class="btn btn-primary btn-small" type="submit">Send</button>
              <div aria-hidden="true" class="c-share-form__spinner" data-js="spinner">
                <svg class="spinner icon-4 text-yellow-access" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                  <circle class="spinner__path" cx="12" cy="12" fill="none" r="10"></circle>
                </svg>
              </div>
              <div class="c-share-form__success">Sent!</div>
            </div>
          </div>
        </form>
      </div>
      <div class="c-share-form" data-js="share-form">
        <button aria-controls="aria-c-share-form__text" aria-describedby="share-disclaimer" aria-expanded="false" class="btn btn-primary c-share-form__toggle" data-js="share-form__control disclaimer-control" data-scroll-offset="16">Text</button>
        <form aria-hidden="true" class="c-share-form__form hidden" id="aria-c-share-form__text" method="post">
          <input name="action" type="hidden" value="sms_send" />
          <input name="url" readonly="" type="hidden" value="MyURL" />
          <input name="hash" readonly="" type="hidden" value="MyHash" />
          <input maxlength="13" name="GUID" readonly="" type="hidden" value="MyGUID" />
          <div class="c-share-form__fieldset">
            <div class="c-share-form__input input-phone-us">
              <input data-js="share-form__input" name="to" placeholder="Phone Number" required="true" type="tel" />
            </div>
            <div class="c-share-form__button">
              <button class="btn btn-primary btn-small" type="submit">Send</button>
              <div aria-hidden="true" class="c-share-form__spinner" data-js="spinner">
                <svg class="spinner icon-4 text-yellow-access" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                  <circle class="spinner__path" cx="12" cy="12" fill="none" r="10"></circle>
                </svg>
              </div>
              <div class="c-share-form__success">Sent!</div>
            </div>
          </div>
        </form>
      </div>
    </div>
    <div aria-hidden="true" class="mt-3 screen-tablet:m-0 hidden" id="share-disclaimer">
      <div class="c-disclaimer">
        <p>
          <small>
            <svg aria-hidden="true" class="c-disclaimer__icon c-disclaimer__icon--pre">
              <use xlink:href="#icon-info"></use>
            </svg>By providing your email address or phone number, you agree to be contacted by the City of New York regarding your ACCESS NYC public benefit screening results. Your activity on ACCESS NYC is anonymous, but providing your phone number may identify you and reveal that you used the website. To find out more about how the City might use the data you share with ACCESS NYC, visit the <a href="http://www1.nyc.gov/home/terms-of-use.page" target="_blank" rel="noopener noreferrer"> Terms of Use for NYC.gov</a>, and <a href="http://www1.nyc.gov/home/privacy-policy.page" target="_blank" rel="noopener noreferrer"> Privacy Policy for NYC.gov</a>.
          </small>
        </p>
      </div>
    </div>
  </div>
</article>