HTML Presentations and Git

A Reveal.js and GitHub Smorgasboard

Created by Evan Oxfeld / @evanoxfeld

## Problem: Host an HTML Presentation ### Using a GitHub project with a gh-pages branch & index.html

Reveal.js

reveal.js is a framework for easily creating beautiful presentations using HTML. You'll need a browser with support for CSS 3D transforms to see it in its full glory.

Export to PDF

Presentations can be exported to PDF, below is an example that's been uploaded to SlideShare.

## Speaker Notes ![Example speaker notes](images/reveal_speaker_notes.png)
![Reveal.js on GitHub](images/clone_reveal.png)
git clone https://github.com/hakimel/reveal.js.git [projectname]
## Edit index.html and commit
## Create GitHub repo ![Create GitHub Project](images/create_github_repo.png)
## Rename branch git br -m gh-pages
## Rename origin git remote rename origin reveal
## Add new remote git remote add origin https://github.com/EvanOxfeld/revealjs-on-github-presentation.git
## Push gh-pages branch git push -u origin gh-pages
EvanOxfeld.github.io/revealjs-on-github-presentation
## But what about custom domains?
## Edit CNAME in username/username.github.io ![evanoxfeld.github.com CNAME](images/cname.png)
## Configure your DNS [help.github.com/articles/setting-up-a-custom-domain-with-pages](https://help.github.com/articles/setting-up-a-custom-domain-with-pages)
blog.evanoxfeld.com/revealjs-on-github-presentation
## GitHub's Down. What about sneakernet?
## Create a git bundle git bundle create repo.bundle [branchname] git tag -m "Last bundle"
## Clone the bundle git clone repo.bundle myRepo -b [branchname]
## Bundle additional commits git bundle create more.bundle lastBundleTag..[branchname]
## Update Second Machine git pull more.bundle [branchname]
## More Detail [Sneakernet Solved with Git Bundle](http://www.nearinfinity.com/blogs/evan_oxfeld/2013/02/01/sneakernet-solved-with-git-bundle.html)

Questions?