Reveal.js custom build
Because I want a custom tailored workflow that enables me to use (and fully control) svg in my reveal.js slides
#Setup
-
Install Node.js
-
Install Grunt
-
Clone the repository
-
Navigate to the reveal.js folder
$ cd reveal.js -
Install dependencies
$ npm install
-
Serve the presentation and monitor source files for changes
$ grunt serve
Files added to /svg directory are converted to an svg sprite an is directly included in the <body>
If the file name is /svg/laptop126.svg you can refert to it simply with :
<svg> <use xlink:href="#shape-laptop126"/> </svg>
The reason to have all the svg in the body is to have full access to it (styling/scripting)
Slides are édited in a partial file :
/author/slides.html
You can customize behaviour simply by editing
/author/custom.js