<commit_before>angular-hamburger-helper
========================

what is angular-hamburger-helper?
---------------------------------

angular-hamburger-helper is a directive written in angular that provides a 
"[hamburger](http://blogs.wsj.com/digits/2013/03/18/whats-a-hamburger-button-a-guide-to-app/)" icon commonly used to 
denote a menu icon.  In some application states if the menu is not available you will want this to be replaced with a 
back arrow. 

you can see a live demo [here](https://infomofo.github.io/angular-hamburger-helper/).

um why?
-------

this transition was inspired by the [delightful details](http://www.google.com/design/spec/animation/delightful-details.html#delightful-details-delightful-details) 
section of google's material-design specification.

oh ok
-----

how do i use it?
----------------

1. install the module using bower at the command line:

        bower install infomofo/angular-hamburger-helper
<commit_msg>Add an animated gif to the readme<commit_after>angular-hamburger-helper
========================

what is angular-hamburger-helper?
---------------------------------

angular-hamburger-helper is a directive written in angular that provides a 
"[hamburger](http://blogs.wsj.com/digits/2013/03/18/whats-a-hamburger-button-a-guide-to-app/)" icon commonly used to 
denote a menu icon.  In some application states if the menu is not available you will want this to be replaced with a 
back arrow. 

you can see a live demo [here](https://infomofo.github.io/angular-hamburger-helper/).

it should look like 

![a spinning hamburger that turns into an arrow](/../gh-pages/images/hamburger_menu.gif?raw=true)

um why?
-------

this transition was inspired by the [delightful details](http://www.google.com/design/spec/animation/delightful-details.html#delightful-details-delightful-details) 
section of google's material-design specification.

oh ok
-----

how do i use it?
----------------

1. install the module using bower at the command line:

        bower install infomofo/angular-hamburger-helper

{'fraction_non_alphanumeric': 0.16723549488054607, 'fraction_numerical': 0.008776206728425159, 'mean_word_length': 3.2222222222222223, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, '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': '2664694', 'n_tokens_mistral': 644, 'n_tokens_neox': 602, 'n_words': 190}