https://github.com/snugug/stage-fright
Yet another web-based presentation library
https://github.com/snugug/stage-fright
Last synced: about 1 year ago
JSON representation
Yet another web-based presentation library
- Host: GitHub
- URL: https://github.com/snugug/stage-fright
- Owner: Snugug
- License: mit
- Created: 2016-11-21T11:35:28.000Z (over 9 years ago)
- Default Branch: 3.x
- Last Pushed: 2019-07-05T02:19:04.000Z (almost 7 years ago)
- Last Synced: 2025-04-19T19:30:23.573Z (about 1 year ago)
- Language: JavaScript
- Homepage: https://snugug.github.io/stage-fright
- Size: 908 KB
- Stars: 17
- Watchers: 2
- Forks: 2
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# stage-fright
Yet another web-based presentation library
## Markup
Markup is fairly straight-forward with an eye towards semantics. First, you set up the `stage`, which is going to be where all slides are in.
```html
…
```
Then, each grouping of slides (even if there is a single slide) is inside a `stage group`
```html
…
```
Finally, each `slide` is a `section` inside the `stage group`. Slides are made up of the actual slide, and an inner `content` area
```html
…
```
Inside of slides, you can have a `fragment` which is a piece of content to be progressively revealed. When a fragment has been activated, it will get a `data-active` attribute on it. By default, fragments fade in, but CSS can be used to change it to whatever is desired
```html
This is a big bit of the slide
- This is a revealed talking point
- And this is another one
- And this is a third
```
### Full Sample Markup
A basic example of this all in place looks something like this:
```html
Sample Stage Fright Presentation
Hello World!
This is a Second Section
It has good content
- And some content
- That gets revealed
- As I talk
```
---
Attribution:
* Icons from International Business Machines Corporation under a Creative Commons Attribution 4.0 International License.
Based on a work at https://github.com/IBM-Design/icons