Skip to content
A Yeoman generator for the breathtaking Impress.js presentation framework.
JavaScript HTML CSS
Find file
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
app
step
test
.editorconfig
.gitattributes
.gitignore
.jshintrc
.travis.yml
Gruntfile.js
LICENSE
README.md
package.json

README.md

Generator-impress

Build Status

A Yeoman generator for the breathtaking Impress.js presentation framework. http://bartaz.github.io/impress.js/

Usage

Install generator-impress:

npm install generator-impress

Make a new directory, and cd into it:

mkdir my-new-project && cd $_

Run yo impress:

yo impress

After all files are created you can view your slides with grunt

grunt server

SubGenerators

Available subgenerators:

Step

Generates a Step file.

Example:

yo impress:step "Step Title"

Produces steps/step-title.html:

<h2>Step Title</h2>

<q>You can change the position,
rotation and the other parameters
in the <b>list.json</b> file.</q>

And the step filename will be added to your steps/list.json file with position, rotation and other configuration.

[
    {
        "uri": "start.html",
        "id": "title",
        "class": "step title",
        "data": {
            "x": 0,
            "y": 0,
            "z": 0,
            "scale": 4,
            "rotate-x": 0,
            "rotate-y": 0,
            "rotate-z": 0
        }
    },
    {
        "uri": "step-title.html",
        "id": "step-title",
        "class": "step",
        "data": {
            "x": 3000,
            "y": 0,
            "z": 0,
            "scale": 1,
            "rotate-x": 0,
            "rotate-y": 0,
            "rotate-z": 90
        }
    }
]

You can add your own data- attributes but be careful, as the file has to be valid json.

License

MIT License

Something went wrong with that request. Please try again.