You are here: [Home](../../../home.html) / [Help](../../help.en.html) / [Utilities](./index.html) / Utility remark.js # Utility remark.js ![](assets/remark-js-001-v01-1000x750.jpg) 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):_ * * ## Developer _Homepage:_ _Source:_