You are here: [Home](../../../home.html) / [Help](../../help.en.html) / [Utilities](./index.html) / Utility remark.js
# Utility remark.js

The remark.js utility is a javascript (js) that takes Markdown written plain text and creates _stylish_ slideshows.
## Demo
* [A slideshow example i.e. with formating, layout](../demos/remark-js-slideshow-demo.html)
# Background
## How it works
When you click on 'your-great-slideshow.html' the browser loads the css file (unless you have it in your `.html` file), the necessary fonts and the remark.js script, which takes your slideshow text (written using Markdown syntax) and renders the slideshow.
Theoretically all the things that are necessary such as css, fonts and script could be in that one `.html` file, however the file would be very large and difficult to understand and edit.
To keep things simple, the use of separate files is advised.
## Couple of things to think about
A couple of things to know before starting is:
The remark.js can be used to create slideshows to be used offline. However either:
* Chrome doesn't like loading a separate `.md` file or
* Firefox doesn't like loading the local fonts with its default settings.
# Getting started
## Quickest way to get started
* Use the _Talk Plugin_, copy a file in the _Talk_ folder, edit it and use Chrome. Firefox can be used, but you need to change the _fileuri_ setting.
## Comfortable way
_For people who do not like technical angle bracket stuff:_
* Use the _Talk Plugin_
* Create the text for your slideshow in a separate `.md` file and load it with a `.html` file. An example is in the _Talk_ directory.
* Use Firefox and
* Change the _fileUri_ setting.
# Browsers
## Firefox
Can't and cans:
* Can load a .md file from a subdirectory
* Cannot load a .md file from a parallel directory
* Cannot load a local .css file with out setting the security _fileUri_ setting to false
### Changing the _fileUri_
In the URL part of your browser:
* type `about:conf`,
* search for `fileuri`,
* then double click on `security.fileuri.strict_origin_policy` to set it to `false`.
Don't forget to reset it after doing your slideshow.
## Chrom
Can't and cans:
* Can load a local css file from another directory
* Cannot load a separate .md file
# Resources to remark.js
## Boxxd
_Scripts (for online use):_
*