Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Fathom.js - Present JavaScript in its native environment.
branch: master

This branch is 14 commits behind markdalgleish:master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
test
MIT-LICENSE.txt
README.md
fathom.js
fathom.min.js
fathom.sample.css

README.md

Fathom.js - Present JavaScript in its native environment.

If you're making a presentation on JavaScript, make it in JavaScript.

Usage

Example HTML:

<div id="presentation">

<div class="slide"> <h1>My Presentation</h1> </div>

<div class="slide"> <h2>My Dot Points</h2> <ul> <li>First dot point</li> <li>Second dot point</li> <li>Third dot point</li> </ul> </div>

</div>


jQuery Plugin Setup: $('#presentation').fathom();

Advanced Setup: var fathom = new Fathom('#presentation');


Full guide available at the official Fathom.js project page.

I've included a sample CSS file in the repo to get you started.


Please note that Fathom.js is not trying to recreate Powerpoint or Keynote. While they're good tools, I personally find that style of interface to be inappropriate on the web. If you're wondering why feature x from Powerpoint is missing, this is probably why.

Contributing to Fathom.js

If you want to contribute in a way that changes the API, please file an issue before submitting a pull request so we can dicuss how to appropriately integrate your ideas.

Questions?

Contact me on GitHub or Twitter: @markdalgleish

Something went wrong with that request. Please try again.