hummingbird-me/kitsu-web

View on GitHub
app/templates/components/application/auth-onboarding/social-auth.hbs

Summary

Maintainability
Test Coverage
<div class="register-cover"></div>
<div class="modal-wrapper">
  <p class="register-intro">
    Create an account to track, share and discover anime and manga in a uniquely social way.
  </p>

  <div class="modal-actions">
    <button class="button button--facebook" title="Connect with Facebook" aria-label="Connect with Facebook" {{action (perform authenticateWithFacebook)}}>
      <span class="svgIcon">
        {{svg-jar "l-facebook"}}
      </span>
      <div class="button-labelSet">
        <span class="button-label button-label--multiLine">
          Continue with Facebook
        </span>
        <span class="button-label button-label--subText button-label--multiLineSubtext">
          <span class="u-fontSizeSmallest u-textColorTransparentWhiteDark">We won’t post without asking</span>
        </span>
      </div>
    </button>
    <div class="secondary-links">
      <a href="#" {{action "changeComponent" "sign-up"}} data-test-sign-up-email>
        Sign up with email
      </a>
      <span class="pull-sm-right">
        Have an account?
        <a href="#" class="text-sm-right" {{action "changeComponent" "sign-in"}} data-test-sign-in-email>
          Login
        </a>
      </span>
    </div>
    <div class="privacy-copy">
      <p>If you sign up with Facebook, we’ll start you off with a network by automatically matching you with your followers/followees or friends already on Kitsu. Don't worry, we’ll never post to Facebook without your permission.</p>
      <div>By signing up you indicate that you have read and agree to the <a href="/terms">Terms of Service</a> and <a href="/privacy">Privacy Policy</a>.</div>
    </div>

  </div>
</div>