ryanj @ red hat

RevealJS Presentation Hacks

http://bit.ly/ato-reveal

## reveal.js https://github.com/hakimel/reveal.js#revealjs-- by Hakim El Hattab / hakim.se

Reveal.js is a framework for easily crafting beautiful presentations in HTML

You'll need a browser with support for CSS 3D transforms to see it's full capabilities

reveal.js demo site: http://lab.hakim.se/reveal-js/

My experience with reveal.js: 1. I've been using it for 5+ years 2. I've tried contributing 3. If you want a nice WYSIWYG UI for editing reveal.js slides, take a look at http://slid.es 4. It's static html, so it can be hosted on gh-pages or in an S3 bucket

Easy PDF export option:

?print-pdf

My needs:

  1. slides are easy to create
  2. slides are easy to share
  3. slides include metrics collection
> "What if slides were forkable and revision controlled?"

Gist-Powered

Reveal.js

Slideshow Presentations


gist-reveal.it

I want you to

Fork

This

Talk

Try it!

Create your own deck by forking a copy of this github gist:
https://gist.github.com/ryanj/af84d40e58c5c2a908dd

Or, by placing any valid Revealjs <section> tag content into a fresh gist.


When you're ready to view your slides, grab your github gist id and add it to the end of this url:

http://gist-reveal.it/YOUR_GIST_ID_HERE

## Gist-powered Slideshow Themes Available CSS themes include [the default reveal.js themes](http://lab.hakim.se/reveal-js/#/themes), but can be easily extended by storing new themes [in a gist](https://gist.github.com/450836bbaebcf4c4ae08b331343a7886): * [a theme from the CoreOS team](?theme=450836bbaebcf4c4ae08b331343a7886#/themes) * [a theme for OpenShift fans](?theme=60e54843de11a545897e#/themes) * [the revealjs black theme](?theme=black#/themes) * [the revealjs simple theme](?theme=simple#/themes) * [the revealjs league theme](?theme=default#/themes) * [the revealjs sky theme](?theme=sky#/themes) Conference organizers can host their own modified gist-reveal templating service (with it's own default theme), to provide a consistent look for all presentations at an event.

Friendly urls w/ bit.ly

<demo>

Host your own slideshow service on Kubernetes

To create a kubernetes deployment and NodePort service, both named gist-reveal, run:

kubectl run gist-reveal --image=ryanj/gist-reveal \
--expose --port=8080 --service-overrides='{ "spec": { "type": "NodePort" } }' \
--env="DEFAULT_GIST=YOUR_DEFAULT_GIST_ID" \
--env="GH_CLIENT_SECRET=YOUR_GH_CLIENT_SECRET" \
--env="GH_CLIENT_ID=YOUR_GH_CLIENT_ID" \
--env="REVEAL_SOCKET_SECRET=0P3N-S0URC3" \
--env="GA_TRACKER=YOUR_GA_TRACKER"

Minikube users should be able to open the new service in their browser by running:

minikube service gist-reveal

More slides to borrow / steal:

  1. bit.ly/k8s-workshops
  2. bit.ly/ato-k8s

May the Source be with You!


❤️ @ryanj


bit.ly/ato-reveal



mic drop?

Runs on Kubernetes Presentation Source