HTML5 presentation framework. I deal with metric tons of complex slide sets every day. I need them in the browser, i need them to be fast and scriptable and I need to have speaker notes and a presenter mode. I created Pik7 to solve my own problems with existing solutions. If you're not me, you'll probably don't want to use it.
- 100% HTML5, CSS and JavaScript (jQuery)
- Programmable slides, easy to embed content from the web
- Good performance in modern browsers even with hundreds of slides
- Works in every modern browser (everything not IE 8 or older)
- As fancy or a simple as you want it to be
- Multiple synchronized presentation views and a presenter mode
- Reasonably printable (useful for PDF export)
- Rapid navigation between slide sets
- Requires a modern browser and a web server to run from (a simple server is included, but requires Node.js to work)
- No fancyful animations by default
- Shares all drawbacks common to HTML slides (no GUI to create presentations, no PDF export, images hard to use)
The easy way: download from pik.peterkroener.de and unzip into a directory on your web server.
The hard way:
- Clone repository into a directory on your web server:
git clone git://github.com/SirPepe/Pik7.git - Install dependencies:
npm installandsudo npm install -g bower && bower install - Build:
grunt
If you want to use the included web server: node server.js. Then:
- Copy the html file in
/presentations/Templateto/presentations/yourslidestitle. Edit/add slides (<div class="pikSlide">). - Open the presentation framework (
index.html) in a recent version of your favorite browser - Use the "browse" link or the menu on the lower right to load your presentation
- Use the menu on the lower right to open the presenter view or point your browser to
presenter.html - Navigate slides using the arrow keys or tap near the edges of the screen. Hide the presentation using the F5 or ESC key
See the slides about PIK7 (/presentations/Pik7) for more details.