<commit_before>Signature
======

Templates for signatures in various format, media and applications.

### HTML

The [HTML template](./templates/signature.html) contains information as a [h-card (using microformat-2)](http://microformats.org/wiki/h-card) with embed `<style>` element :

* hover on links add an `→` (arrow) to indicate that it will open in new tab ;
* social icon will rotate `22.5°` right on hover.

Result **as an image** below (code available in : [HTML template](./templates/signature.html)

![HTML signatures](./screenshots/html-rich.png)

## How to use it ?

1. Fork mine ;
2. Fill your info refering to the [H-card microformat specs](http://microformats.org/wiki/h-card) ;
3. Open the `signature.html` using **Chrome/Chromium** ;
    * `Firefox 28.0a1`/`Opera 12.16 build 1860` do **not** copy the `<style>` and `<link>` elements. Henceforth missing typography and layout ;
4. Copy from the HTML to your [Gmail settings](https://support.google.com/mail/answer/8395?hl=en&ctx=mail).

Enjoy :)
<commit_msg>docs(base64): explain Why not Base64 images ?<commit_after>Signature
======

Templates for signatures in various format, media and applications.

### HTML

The [HTML template](./templates/signature.html) contains information as a [h-card (using microformat-2)](http://microformats.org/wiki/h-card) with embed `<style>` element :

* hover on links add an `→` (arrow) to indicate that it will open in new tab ;
* social icon will rotate `22.5°` right on hover.

Result **as an image** below (code available in : [HTML template](./templates/signature.html)

![HTML signatures](./screenshots/html-rich.png)

## How to use it ?

1. Fork mine ;
2. Fill your info refering to the [H-card microformat specs](http://microformats.org/wiki/h-card) ;
3. Open the `signature.html` using **Chrome/Chromium** ;
    * `Firefox 28.0a1`/`Opera 12.16 build 1860` do **not** copy the `<style>` and `<link>` elements. Henceforth missing typography and layout ;
4. Copy from the HTML to your [Gmail settings](https://support.google.com/mail/answer/8395?hl=en&ctx=mail).

Enjoy :)

### Why not Base64 images ?

I went this way. But using [base64](https://en.wikipedia.org/wiki/base64) images as CSS background is no good as _Gmail_ complains about the length of the signature and refuse to save it. So I went back to external images.
{'fraction_non_alphanumeric': 0.13784246575342465, 'fraction_numerical': 0.02482876712328767, 'mean_word_length': 4.360091743119266, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 9, 'https://': 3, 'lorem ipsum': 0, 'www.': 0, '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': '2157102', 'n_tokens_mistral': 777, 'n_tokens_neox': 718, 'n_words': 269}