Slideshot

The slideshow webapp for people who aren’t total fucking pussies.

(To nagivate slides, use the arrow keys, click the page, or scroll horizontally. It probably works in some browsers. It may not work in other browsers. By viewing this page, you hereby agree to the term and condition that you won’t whine like a goddamn child if the latter turns out to be the case)

Having your slideshow be HTML is kinda awesome.

For one, you can do neat shit, like embed youtube videos in the middle of your damn presentation.

I wanna see your blessed little Keynote pull that shit off.

Also, you can put your presentation on the internet and blah blah clouds blah server blah cloud blah

Unless you try to make your slideshow be HTML

So, wanting to play with this stuff, I tried googling for all combinations of “html”, “slideshow”, and “powerpoint”. Amongst the thousands of pages of slideshows about html written in powerpoint, I found S5, Slidy, and DOMSlides.

The problem with those tools, is that… well, they’re too complicated. They require you to memorize their specific microformats, because without those special microformats, there’s no way for their scripts to do all the tricks they can do, like automatically generate TOCs, do incremental slide reveals, and show your progress in the ever-present chrome.

Oh, yeah, I forgot. They also take space out of the presentation window, to show UI. This is fucking insane. I will give some credit, they do hide at least some of the chrome, but there’s always a little widget thing that displays a whole bunch of egregious bullshit. When I want to show some slides, the only thing I want to see are slides.

Previous Slide | Slide 3 out of WHO GIVES A FUCK | Next Slide

What I wanted was a tool, that took the simplest markup possible, and used a script to just switch from slide to slide, without any UI.

Unfortunately, I’m not as good at programming as the makers of the above frameworks. So, sadly…

I’m stuck with Slideshot.

So how does this crap work anyway?

It’s pretty simple. Anything that matches the CSS selector of body > div is a slide. And that’s pretty much all the restraint I put on the HTML or CSS. So that allows you to do largely anything you want to do, without the slide framework getting in your way.

As for everything else, it’s less than 50 lines of poorly thought out javascript and CSS. And you can see it all at http://github.com/d8uv/slideshot

Lord help you if you actually try to make sense, or even casually use, any of my amaturish nonsense.

In conclusion:

So, yeah. That’s the story of the slideshot. I wanted something, I found that everything that existed was bad, so I made something inexplicably worse.

But it seems to work allright, so fuck it.