Awesome Open Source
Awesome Open Source

Sandstorm Hacker Slides


A simple app that combines Ace Editor and RevealJS

You can write markdown on the left, and preview your presentation on the right.

Try it on Sandstorm

Hack on Hacker Slides

I built this app very quickly and it is unfortunately not one of my main priorities right now. Contributions are very welcome!

Hacker Slides uses vagrant-spk, so dev setup is quite easy.

  1. You will need vagrant-spk installed. If you get an error running the following command, follow the vagrant-spk installation instructions
$ vagrant-spk -h
usage: /home/jack/bin/vagrant-spk [-h] [--work-directory WORK_DIRECTORY]
  1. Make sure you have virtualbox installed before bringing up vagrant vm
$ VirtualBox -h
Oracle VM VirtualBox Manager 5.0.0
  1. Bring up the Vagrant VM
$ vagrant-spk up
  1. Start the application in dev mode
$ vagrant-spk dev
  1. Navigate to the Sandstorm dev instance

Here are some things to know about the code base.

  • It's a little hacky (it is Hacker Slides after all :))
  • RevealJS 3.0.0 has been copied into the static/revealjs directory.
  • is a super simple python server that mainly just accepts GETs and PUTs for / and reads and saves markdown from/to /var/
  • index.{html,js} is the one and only main page for the app. Its only job is to load Ace Editor on the left side of the screen, and slides.html in an iframe on the right side.
  • slides.{html,js} sets up RevealJS to load markdown from / It also knows how to reload the markdown via a postMessage call.
  • save.js adds a debounced keyup handler to the editor that a) fires off an ajax PUT to save the markdown content and b) sends a postMessage message to the RevealJS iframe telling it to reload its markdown preview (which currently roundtrips to the server again)
Alternatives To Hacker Slides
Select To Compare

Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Css (145,141
Editor (31,941
Markdown (28,316
Vagrant (14,814
Slides (13,479
Ace (1,682