<commit_before># Responsive reCAPTCHA

This is a quick theme for <a href="https://www.google.com/recaptcha">reCAPTCHA</a> that makes it friendlier to responsive websites, specifically on mobile interfaces where you might need the captcha narrower than 300px wide.

<img src="http://i.imgur.com/lWuCN.png" alt="Responsive reCAPTCHA screenshot">

## Prerequisites

Here's what you need:

*   You should have reCAPTCHA set up already
*   If you want to work with the SASS file, you will need <a href="http://compass-style.org/">Compass</a>.
*   <a href="http://fortawesome.github.com/Font-Awesome/">Font-Awesome</a> is referenced for the icons (but any icon font, or images, would work)

## Other notes

If you're using an existing reCAPTCHA library, you might want to add the custom HTML to the `recaptcha_get_html` output function to simplify the process of adding reCAPTCHAs.

Also, in my original implementation (visible above) I used the wonderful <a href="https://github.com/nathansmith/formalize">Formalize</a> from @nathansmith. It's not required, but I can't recommend it highly enough.

If you want to customize this further and have questions, feel free to ask or consult <a href="https://developers.google.com/recaptcha/docs/customization">Google's documentation</a> on the subject.

## Unlicense
<commit_msg>Added caveat about captcha size and readability<commit_after># Responsive reCAPTCHA

This is a quick theme for <a href="https://www.google.com/recaptcha">reCAPTCHA</a> that makes it friendlier to responsive websites, specifically on mobile interfaces where you might need the captcha narrower than 300px wide.

<img src="http://i.imgur.com/lWuCN.png" alt="Responsive reCAPTCHA screenshot">

## Prerequisites

Here's what you need:

*   You should have reCAPTCHA set up already
*   If you want to work with the SASS file, you will need <a href="http://compass-style.org/">Compass</a>.
*   <a href="http://fortawesome.github.com/Font-Awesome/">Font-Awesome</a> is referenced for the icons (but any icon font, or images, would work)

## Other notes

If you're using an existing reCAPTCHA library, you might want to add the custom HTML to the output function (`recaptcha_get_html` in PHP, for example) to simplify the process of adding reCAPTCHAs.

My original implementation (visible above) used the wonderful <a href="https://github.com/nathansmith/formalize">Formalize</a> from @nathansmith. It's not required and I didn't bundle it here, but I can't recommend it highly enough.

If you want to customize this further and have questions, feel free to ask or consult <a href="https://developers.google.com/recaptcha/docs/customization">Google's documentation</a> on the subject.

## Caution

**Use wisely.** I don't have a `min-width` set on the captcha, and if you're not careful the captcha could get too small to read! Make sure you test thoroughly on various devices at various widths to make sure that won't be an issue.

## Unlicense

{'fraction_non_alphanumeric': 0.09438430311231394, 'fraction_numerical': 0.0020297699594046007, 'mean_word_length': 4.775390625, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 25, 'https://': 6, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2906155', 'n_tokens_mistral': 918, 'n_tokens_neox': 844, 'n_words': 367}