Reveal.js, Github Pages, & Surge.js

David Bayless and Brandon Raphael
March 3rd, 2017

Reveal.js

Why Reveal is better than you, Google

  1. Reveal is easy to use
  2. Can be saved to github
  3. Can easily be linked with a personal website
  4. Loads of features

Add Vertical Slides

You can add... ... other stuff... ...like speaker notes
Or neat transitions!

Reveal.js

The Syntax Behind the Mask

Here is a slide!:
							

A Slide!

That's it!
Or perhaps you want something fancier?
							

A Slide!

That has another piece!

Reveal.js

Different Ways of Using Reveal

You can clone down the basic reveal template
Or perhaps you want to build your own server?
Then just add reveal as a script tag!

Deploying Your App

Recent interest in Frontend technologies

Need a way to easily deploy single-page apps

Solutions: Github Pages & Surge.js

Very easy-to-use, open-source technologies

Github Pages

Need to deploy your front end already on github for a demo?

							$ git checkout -b gh-pages
$ git push origin gh-pages
						

That's it!

Navigate to: https://your-username.github.io/your-repo-name/

Surge.js

Free, reliable, stupidly simple deployment of static web pages.

Similar to gh-pages, but allows for custom domains in addition to free ones!

Deploying pages is SUPER simple

							$ npm install --global surge
$ surge
						

Add Collaborators, Deploy to a Custom Domain, the World is Yours!

							$ npm install --global surge
$ surge

	email: brandonraphael1@gmail.com
	token: *****************
project path: /Users/brandonraphael/workspace/compozed-LnL-3-3-2017/
	size: 104 files, 2.9 MB
	domain: check-this-out.surge.sh
  	  upload: [====================] 100%, eta: 0.0s
propagate on CDN: [====================] 100%
	plan: Free
	users: brandonraphael1@gmail.com, dbayl@allstate.com
	IP Address: 45.55.110.124
Success! Project is published at check-this-out.surge.sh
						

Questions?