# show-code
Using the source code in a container as the background for the container.
## Usage
1. Install the npm package
```bash
npm install show-code --save
```
2. Include the show-code js/css in your HTML
```html
```
3. The add `sc-container` ID to a container
```html
All your content!
```
4. **Bonus:** Add external libraries like [Prism](http://prismjs.com/index.html) for syntax highlighting.
```html
```
## Customization
When the background is injected it will have the `sc-background` ID. Using this selector, you can apply custom styles to your background.
```css
#sc-background {
border-radius: 5px;
}
```
## Example:
See it in action [here](https://haroldtreen.github.io/show-code/)
**OR**
```bash
npm install -g serve
git clone git@github:haroldtreen/show-code --branch gh-pages
serve show-code
open http://127.0.0.1:3000/
```