Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/joshbuddy/spoiler-alert
SPOILER ALERT! A happy little bit of javascript to hide spoilers on your site.
https://github.com/joshbuddy/spoiler-alert
Last synced: 5 days ago
JSON representation
SPOILER ALERT! A happy little bit of javascript to hide spoilers on your site.
- Host: GitHub
- URL: https://github.com/joshbuddy/spoiler-alert
- Owner: joshbuddy
- License: other
- Created: 2013-02-23T10:49:41.000Z (almost 12 years ago)
- Default Branch: master
- Last Pushed: 2016-10-27T20:36:39.000Z (about 8 years ago)
- Last Synced: 2024-12-07T06:27:15.156Z (15 days ago)
- Language: JavaScript
- Homepage:
- Size: 472 KB
- Stars: 475
- Watchers: 23
- Forks: 50
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: MIT-LICENSE.txt
- Authors: authors.txt
Awesome Lists containing this project
- awesome-javascript - spoiler-alert - SPOILER ALERT! A happy little bit of javascript to hide spoilers on your site. - ★ 472 (Misc)
README
# SPOILER ALERT!
Don't spoil it! Hide copy and images with a bit of SVG blur. Taste on mouseover. Eat on click.
Do you publish spoilers? Do you wish you could have them on your page in a way that wasn't fucking rude? With Spoiler Alert! you can! Hide spoilers with a bit of blur.
## Usage
To make your site spoiler free, simply include spoiler.js, then, add this somewhere:
```javascript
spoilerAlert('spoiler, .spoiler');
```To control the maximum and partial blurs, you can pass arguments:
```javascript
spoilerAlert('spoiler, .spoiler', {max: 10, partial: 4});
```Have fun! Play with it!
## Demo
Take a look at [this](http://joshbuddy.github.com/spoiler-alert/) to see it in action!
## Tested browsers
* Chrome
* Safari
* Firefox
* Mobile Safari