A simple, 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
Check out this remark slideshow for a brief introduction.
It takes only a few, simple steps to get up and running with remark:
- Create a HTML file to contain your slideshow (see below)
- Open the HTML file in a decent browser
- Edit the Markdown and/or CSS styles as needed, save and refresh!
Below is a boilerplate HTML file to get you started:
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script src="http://gnab.github.com/remark/downloads/remark-0.4.4.min.js" type="text/javascript">
</script>
<style type="text/css" media="screen">
/* Slideshow styles */
</style>
</head>
<body>
<textarea id="source">
class: center, middle
# Title
---
# Agenda
1. Introduction
2. Deep-dive
3. ...
---
# Introduction
</textarea>
<div id="slideshow"></div>
</body>
</html>The above boilerplate HTML container will get you up and running. To get the most out of remark, please move on to the the remark wiki for more information.
- gnab.github.com/remark
- gnab.github.com/editorjs
- judoole.github.com/GroovyBDD
- kjbekkelund.github.com/nith-coffeescript
- kjbekkelund.github.com/js-architecture-backbone
- bekkopen.github.com/infrastruktur-som-kode
- ivarconr.github.com/Test-Driven-Web-Development/slides
- havard.github.com/node.js-intro-norwegian
- mobmad.github.com/js-tdd-erfaringer
- torgeir.github.com/busterjs-lightning-talk
- roberto.github.com/ruby-sinform-2012
- torgeir, for invaluable advice and feedback.
- kjbekkelund, for numerous commits.
remark is licensed under the MIT license. See LICENCE for further details.