<commit_before>Flickr Image to Web Embed
=========================

What?
=====
This is a handy Chrome extension that detects Flickr images (img tags) in web pages and automagically replaces them with Flickr Web Embeds.

(I would put an example here of a Flickr image and an iframe embed, but github doesn't allow iframes!)

Why?
====
Because Flickr Web Embeds are neat, but they're iframes, and there isn't yet a nice way to use them with an image fallback for RSS feeds, etc. This plus a few other nasty differences between img and iframe mean not many people are using them yet.

This Chrome extension is a great way to see what the web would look like if every Flickr image were a Web Embed. It also gives those kids over at Flickr a great way to test the embeds and fancy new ways they might make them better.

How?
====
The extension itself is just a js file that finds Flickr images and builds a Web Embed (iframe) for the same image, then replaces the image with the iframe. This is all client side, obviously. The source is [here](https://github.com/cjmartin/flickrimg2embed/blob/master/extension/fi2e.js).

#### Install
(These instructions only work on Mac, Windows users can not directly install Chrome extensions.)

1. Download the Chrome extension by [clicking here](https://github.com/cjmartin/flickrimg2embed/blob/master/crx/fi2e.crx?raw=true).
2. Open the extensions window in Crome. **Window &gt; Extensions**
3. Drag the crx file you just downloaded into the Chrome extensions window.
4. Reload this page, the image below will be updated to a Flickr Web Embed.
5. Browse normally, maybe starting with [Smitten Kitchen](http://smittenkitchen.com). If you see broken or buggy Web Embeds, please open an issue here and I'll route it to the right place.
6. Smart javascript type? Clone this and improve [fi2e.js](https://github.com/cjmartin/flickrimg2embed/blob/master/extension/fi2e.js), and make a pull request. When I build new crx files installed extensions will auto-update.<commit_msg>add image back to readme<commit_after>Flickr Image to Web Embed
=========================

What?
=====
This is a handy Chrome extension that detects Flickr images (img tags) in web pages and automagically replaces them with Flickr Web Embeds.

(I would put an example here of a Flickr image and an iframe embed, but github doesn't allow iframes!)

Why?
====
Because Flickr Web Embeds are neat, but they're iframes, and there isn't yet a nice way to use them with an image fallback for RSS feeds, etc. This plus a few other nasty differences between img and iframe mean not many people are using them yet.

This Chrome extension is a great way to see what the web would look like if every Flickr image were a Web Embed. It also gives those kids over at Flickr a great way to test the embeds and fancy new ways they might make them better.

How?
====
The extension itself is just a js file that finds Flickr images and builds a Web Embed (iframe) for the same image, then replaces the image with the iframe. This is all client side, obviously. The source is [here](https://github.com/cjmartin/flickrimg2embed/blob/master/extension/fi2e.js).

#### Install
(These instructions only work on Mac, Windows users can not directly install Chrome extensions.)

1. Download the Chrome extension by [clicking here](https://github.com/cjmartin/flickrimg2embed/blob/master/crx/fi2e.crx?raw=true).
2. Open the extensions window in Crome. **Window &gt; Extensions**
3. Drag the crx file you just downloaded into the Chrome extensions window.
4. Reload this page, the image below will be updated to a Flickr Web Embed.
5. Browse normally, maybe starting with [Smitten Kitchen](http://smittenkitchen.com). If you see broken or buggy Web Embeds, please open an issue here and I'll route it to the right place.
6. Smart javascript type? Clone this and improve [fi2e.js](https://github.com/cjmartin/flickrimg2embed/blob/master/extension/fi2e.js), and make a pull request. When I build new crx files installed extensions will auto-update.

If you have the extension running, this should be an embed.

<a href="https://www.flickr.com/photos/cjmartin/12180477056" title="Deploy the DRONES! by <NAME>, on Flickr"><img src="https://farm4.staticflickr.com/3829/12180477056_69ba0b0bc1_z.jpg" width="640" height="480" alt="Deploy the DRONES!"></a>
{'fraction_non_alphanumeric': 0.08466342817487855, 'fraction_numerical': 0.014804533888503354, 'mean_word_length': 4.550706033376123, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 8, 'lorem ipsum': 0, 'www.': 1, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5227442', 'n_tokens_mistral': 1284, 'n_tokens_neox': 1195, 'n_words': 621}