Skip to content

Commit 84a71b9

Browse files
theustheus
committed
🎉 Initial Commit
0 parents  commit 84a71b9

33 files changed

Lines changed: 28192 additions & 0 deletions

‎.babelrc‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"presets": ["es2015"]
3+
}

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
node_modules

‎README.md‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
# MenuChef
2+
[![GitHub release](https://img.shields.io/github/tag/theus/MenuChef.svg?label=version
3+
)]()
4+
![badge](https://img.shields.io/badge/for-instagram-yellow.svg?style=flat-square)
5+
[![JavaScript Style Guide](https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat-square)](http://standardjs.com/)
6+
7+
<p align="center">
8+
<img alt="MenuChef logo" src="img/menuchef-logo.png">
9+
</p>
10+
11+
MenuChef helps you to create hamburgers' menu easily even without knowing how to cook. You just need call the MenuChef.js in your page and initiate like the [examples](http://theus.github.io/MenuChef). It's light (approximately 55kb, **13kb gzipped**) and you don't need change the HTML code of the menu original. You can personalize it by CSS or by [options](http://theus.github.io/MenuChef#nutritionaltable).
12+
13+
Just a simple line:
14+
15+
````javascript
16+
new MenuChef('.oldmenu a')
17+
````
18+
19+
#### [Check the examples](http://theus.github.io/MenuChef)
20+
21+
## Compatibility
22+
23+
| Browser | Compatible? |
24+
| -------------------- | -------------------|
25+
| Google Chrome | :white_check_mark: |
26+
| Mozilla Firefox | :white_check_mark: |
27+
| Internet Explorer 10+ | :white_check_mark: |
28+
| Edge | :white_check_mark: |
29+
| Safari | :white_check_mark: |

‎dist/MenuChef.js‎

Lines changed: 7 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/MenuChef.js.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/index.html‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<title>MenuChef testing</title>
6+
<!-- <script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script> -->
7+
</head>
8+
<body>
9+
<nav class="Header-menu js-Menu">
10+
<a href="#" class="Header-menu-link class-foo class-bar">Lorem</a>
11+
<a href="#" class="Header-menu-link class-foo class-bar">A ipsum</a>
12+
<a href="#" class="Header-menu-link class-foo class-bar">dolor</a>
13+
<a href="#" class="Header-menu-link class-foo class-bar">sit</a>
14+
<a href="#" class="Header-menu-link class-foo class-bar">amet,</a>
15+
<a href="#" class="Header-menu-link class-foo class-bar">consectetur</a>
16+
<a href="#" class="Header-menu-link class-foo class-bar">adipisicing</a>
17+
</nav><!-- /.Header-menu -->
18+
19+
<button onclick="MenuChef.toggle(this)">yolo</button>
20+
21+
22+
<script src="MenuChef.js"></script>
23+
<script>
24+
new MenuChef('.js-Menu a', {
25+
theme: {
26+
theme: 'side',
27+
effectOnOpen: 'smooth'
28+
},
29+
scheme: 'red',
30+
hamburger: 'vortex-r',
31+
classes: {
32+
only: ['class-foo']
33+
}
34+
});
35+
36+
MenuChef.open();
37+
</script>
38+
</body>
39+
</html>

‎img/menuchef-logo.png‎

37.4 KB
Loading

‎package.json‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
{
2+
"name": "menuchef",
3+
"version": "1.0.0",
4+
"description": "Create hamburgers' menu like a chef",
5+
"main": "dist/MenuChef.js",
6+
"dependencies": {
7+
"hamburgers": "^0.8.1"
8+
},
9+
"devDependencies": {
10+
"babel-core": "^6.23.1",
11+
"babel-loader": "^6.3.2",
12+
"babel-preset-es2015": "^6.22.0",
13+
"chai": "^3.5.0",
14+
"css-loader": "^0.26.1",
15+
"extract-loader": "^0.1.0",
16+
"html-loader": "^0.4.4",
17+
"husky": "^0.13.3",
18+
"lodash-es": "^4.17.4",
19+
"mocha-phantomjs": "^4.1.0",
20+
"mocha-phantomjs-core": "^2.1.1",
21+
"node-sass": "^4.5.0",
22+
"sass-loader": "^6.0.1",
23+
"standard": "^8.6.0",
24+
"standard-loader": "^5.0.0",
25+
"style-loader": "^0.13.1",
26+
"uglify-js": "git://github.com/mishoo/UglifyJS2.git#harmony",
27+
"uglifyjs-webpack-plugin": "^0.3.0",
28+
"webpack": "^2.2.1",
29+
"webpack-dev-server": "^2.4.1"
30+
},
31+
"scripts": {
32+
"start": "webpack -w --colors",
33+
"build": "webpack --progress --colors --optimize-minimize",
34+
"dev": "webpack-dev-server",
35+
"test": "mocha-phantomjs .\\test\\index.html",
36+
"precommit": "npm test"
37+
},
38+
"author": "Matheus Falcão (https://github.com/theus)",
39+
"license": "MIT",
40+
"directories": {
41+
"test": "test"
42+
},
43+
"repository": {
44+
"type": "git",
45+
"url": "https://github.com/theus/MenuChef"
46+
},
47+
"keywords": [
48+
"menuchef",
49+
"menu",
50+
"hamburger",
51+
"nav"
52+
],
53+
"contributors": [
54+
"Italo Ferreira (https://github.com/italoferreira)"
55+
]
56+
}

0 commit comments

Comments
 (0)