Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
A simple, in-browser, markdown-driven slideshow tool.
JavaScript HTML CSS

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
build
src
test
.gitignore
HISTORY.md
LICENCE
Makefile
README.md
TODO.md
package.json

README.md

remark

A simplistic, in-browser, markdown-driven slideshow tool targeted at people who know their way around HTML and CSS, featuring:

  • Markdown formatting, with smart extensions

  • Automatic syntax highlighting, with optional language hinting

  • Slide scaling, thus similar appearance on all devices / resolutions

  • Touch support for smart phones and pads, i.e. swipe to navigate slides

Usage

Visit gnab.github.com/remark for a brief introduction.

  1. Create a boilerplate HTML container:

    <!DOCTYPE html>
    <html>
      <head>
        <title>Title</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <script src="https://github.com/downloads/gnab/remark/remark-0.3.5.min.js" type="text/javascript"></script>
        <style type="text/css" media="screen">
          /* Slideshow styles */
        </style>
      </head>
      <body>
        <textarea id="source">
    
    .center.middle
    # Title
    
    ---
    
    # Agenda
    
    1. Introduction
    2. Deep-dive
    3. ...
    
    ---
    
    # Introduction
    
        </textarea>
        <div id="slideshow"></div>
      </body>
    </html>
    
  2. Enter you Markdown-formatted slideshow and any styles needed in the assigned areas.

  3. Launch the HTML file in a decent browser and enjoy!

Slideshows created with remark

Credits

License

remark is licensed under the MIT license. See LICENCE for further details.

Something went wrong with that request. Please try again.