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
- Presenter mode with markdown formatted speaker notes and cloned slideshow view
- Syntax highlighting, supporting a range of languages
- Slide scaling, thus similar appearance on all devices / resolutions
- Simple markdown templates for customized slides
- Touch support for smart phones and pads, i.e. swipe to navigate slides
Check out this remark slideshow for a brief introduction.
To render your Markdown-based slideshow on the fly, checkout Remarkise.
It takes only a few, simple steps to get up and running with remark:
- Create an HTML file to contain your slideshow (see boilerplate below)
- Open the HTML file in a decent browser
- Edit the Markdown and/or CSS styles as needed, save and refresh!
- Press
Cto clone a display; then pressPto switch to presenter mode. Open help menu withh.
See any of the boilerplate-*.html files, or just copy the boilerplate HTML below to start:
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<meta charset="utf-8">
<style>
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
body { font-family: 'Droid Serif'; }
h1, h2, h3 {
font-family: 'Yanone Kaffeesatz';
font-weight: normal;
}
.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
</style>
</head>
<body>
<textarea id="source">
class: center, middle
# Title
---
# Agenda
1. Introduction
2. Deep-dive
3. ...
---
# Introduction
</textarea>
<script src="https://remarkjs.com/downloads/remark-latest.min.js">
</script>
<script>
var slideshow = remark.create();
</script>
</body>
</html>The wiki pages contain all the how-to, templating, and API help.
On using remark:
Other interesting stuff:
- gnab.github.com/editorjs
- judoole.github.com/GroovyBDD
- 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
- roberto.github.com/ruby-sinform-2012
- http://asmeurer.github.io/python3-presentation/slides.html
- Lecture notes using remark
- Big Data in Time - Progress and Challenges from Oceanography
- http://platon.io
- Remarkymark (Remark.js in Middleman)
- Remark Boilerplate
- Repositorium
- Backslide - CLI for automating creation, export and PDF conversion of Remark presentations
- Remarker - CLI for serving and building Remark slideshow from markdown file
- Cicero - Serves presentation slides written in markdown using remark or reveal.js, directly from GitHub or GitLab
Converting to PDF is primarily supported via Chrome's Print to PDF feature. Note that the styling is not exact; See #50 for some recommended CSS to add to your styles.
Alternatively, you can use DeckTape, a PDF exporter for HTML presentation frameworks that provides support for remark.
Thanks goes to these people for their contributions:
- Adam Strzelecki
- Alexander Brett
- Amin Bandali
- Andrew Gaul
- Antonin Stefanutti
- Axel Rauschmayer
- Bastian Venthur
- bobappleyard
- Brandon Keepers
- Breno Polanski
- Bruno Fagundez
- Cameron Daigle
- Christian Dreier
- Claudio Bley
- Daan van Berkel
- Daniel Stankiewicz
- Daniel Wang
- Danny Tuppeny
- Dave Henderson
- Dirk Husemann
- Erwänn Mest
- Felix C. Stegerman
- Gerard Capes
- Gurjeet Singh
- Hadrien Frank Cardinal de Cuzey
- Hiroshi Fukada
- hydroid7
- Jason Underhill
- Joe Beda
- Joel Porquet
- Johannes Wienke
- Julien Wajsberg
- Jérôme Petazzoni
- Kim Joar Bekkelund
- Marcel Schilling
- Markus Schanz
- Mathias Bynens
- mhor
- Michael Mol
- Michael Sanford
- Mike Pennisi
- Morton Fox
- Nicolas Hart
- Ole Petter Bang
- Ozan K
- Pedro Martin
- Peter Jausovec
- petitviolet
- pille1842
- Pi-Hsun Shih
- pospi
- Radovan Bast
- Rasmus Vestergaard Hansen
- Roberto Soares
- Robin Berjon
- Russell Keith-Magee
- Sarah Binney
- Sebastian Pipping
- Sequoia McDowell
- Shane Curcuru
- Shaun Hammill
- Simon Hengel
- Tej Chajed
- Tobias Løfgren
- Todd Brannam
- Todd Gureckis
- Tom Kraak
- Tome Tanasovski
- Torgeir Thoresen
- tripu
- William Ghelfi
- Wouter Sioen
- Yohan Lasorsa
- Yoshiya Hinosawa
remark is licensed under the MIT license. See LICENSE for further details.