https://github.com/sivan/codebar.js
A codebar for codepens.
https://github.com/sivan/codebar.js
Last synced: 10 months ago
JSON representation
A codebar for codepens.
- Host: GitHub
- URL: https://github.com/sivan/codebar.js
- Owner: sivan
- License: mit
- Created: 2016-01-20T09:36:45.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2017-02-07T09:10:37.000Z (over 9 years ago)
- Last Synced: 2025-03-15T04:53:13.838Z (over 1 year ago)
- Language: JavaScript
- Size: 101 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Codebar.js
A [codebar](//sivan.github.io/codebar.js/) for codepens.
## Usage
1. Add `codebar.js` at **Add External JavaScript** section in **[Pen Settings - JavaScript]**
(Example url: `//sivan.github.io/codebar.js/dist/codebar.js`)
2. Add pen config at **Stuff for <head>** section in **[Pen Settings - HTML]**
Here is a config sample:
```html
var codebarConfig = {
browsers: {
chrome: '43+',
ff: false,
safari: null,
ie: 8
},
players: {
developer: {
name: "Sivan",
url: "http://codepen.io/sivan/"
}
}
};
```
Tips:
* Set browser value to `false` if this pen doesn't support this browser;
* Set browser value to `null` if you want to hide this browser.
## Default Config
```json
{
"browsers": {
"chrome": true,
"safari": true,
"ff": true,
"ie": true,
"edge": true
},
"players": {
"developer": {
"name": "Sivan",
"url": "http://codepen.io/sivan/"
},
"designer": false
},
"ui": {
"theme": "dark"
}
}
```
-- EOF --