<commit_before># Menu Slider

A menu slider that moves the main content to the side and reveals a menu behind it.

![alt tag](https://i.imgflip.com/ck1pq.gif)

[Demo at jsfiddle.net](http://jsfiddle.net/csp8rhra/)

###Sources used during development
* CSS  
  * http://stackoverflow.com/questions/13968486/move-div-with-css-transition  
  * http://css-tricks.com/snippets/css/better-helvetica/  
  * http://stackoverflow.com/questions/10463208/box-shadow-on-the-left-side-of-the-element-only  
* Javascript  
  * http://stackoverflow.com/questions/2739667/add-another-class-to-a-div-with-javascript  
  * http://stackoverflow.com/questions/5898656/test-if-an-element-contains-a-class  

Hamburger button inspired by Tumblr, Facebook Paper, Apple and other websites with similar animations.<commit_msg>Updated jsfiddle in README.md with hamburger button css<commit_after># Menu Slider

A menu slider that moves the main content to the side and reveals a menu behind it.

![alt tag](https://i.imgflip.com/ck1pq.gif)

[Demo at jsfiddle.net](http://jsfiddle.net/marcusmolchany/hjb5cwh1/1/)

###Sources used during development
* CSS  
  * http://stackoverflow.com/questions/13968486/move-div-with-css-transition  
  * http://css-tricks.com/snippets/css/better-helvetica/  
  * http://stackoverflow.com/questions/10463208/box-shadow-on-the-left-side-of-the-element-only  
* Javascript  
  * http://stackoverflow.com/questions/2739667/add-another-class-to-a-div-with-javascript  
  * http://stackoverflow.com/questions/5898656/test-if-an-element-contains-a-class  

Hamburger button inspired by Tumblr, Facebook Paper, Apple and other websites with similar animations.
{'fraction_non_alphanumeric': 0.12823600240818783, 'fraction_numerical': 0.039735099337748346, 'mean_word_length': 4.08256880733945, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1607867', 'n_tokens_mistral': 623, 'n_tokens_neox': 545, 'n_words': 106}