How to go offline #194

brunetto · 2015-02-03T10:12:06Z

Hi!
Is there an easy guide on how to download everything to put it on a usb stick and go offline?
Or, how can I go offline? (mathjax included)

junderhill · 2015-03-06T09:34:47Z

This is fairly easy to do, the following steps should do this..

Download the latest release of remark
Copy the remark.min.js file from the out directory into your presentation directory
Update your html file to point the script src for remark to the local file such as <script src="remark.min.js">
Go to http://www.google.com/fonts and find the three required font families adding them to your collection. You can then click 'USE' on the collection and click the download link.

Copy the required .ttf files to the presentation directory
Update the style element in the presentation html file to import the fonts. Notice the change to @font-face instead of import.

Your presentation HTML file will look something like this:

<!DOCTYPE html>
<html>
  <head>
    <title>Title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <style type="text/css">
      @font-face{
        font-family: 'Droid Serif';
        src: url('DroidSerif.ttf');
      }
      @font-face{
        font-family: 'Yanone Kaffeesatz';
        src: url('YanoneKaffeesatz-Regular.ttf');
      }
      @font-face{
        font-family: 'Ubuntu Mono';
        src: url('UbuntuMono-Regular.ttf');
      }

      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="remark.min.js">
    </script>
    <script>
      var slideshow = remark.create();
    </script>
  </body>
</html>

My directory for the presentation now looks like this:

brunetto · 2015-03-06T09:42:53Z

Thanks!! Do I have to download also mathjax isn't it?

junderhill · 2015-03-06T09:49:28Z

Not that I can see, there's not references to it from the remark.js source and a quick test of the above seems to work fine. Where is that library mentioned? I don't recall seeing it anywhere.

brunetto · 2015-03-06T09:54:06Z

I need it to show equations in the presentations...

Here there's the wiki page and this is what I put at the end of the html file

    <script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML&delayStartupUntil=configured" type="text/javascript"></script>
    <script type="text/javascript">
    var slideshow = remark.create({
    sourceUrl: './GM11.md',
});
        // Setup MathJax
        MathJax.Hub.Config({
            tex2jax: {
            inlineMath: [ ['$','$'], ["\\(","\\)"] ],
            skipTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
            extensions: ["AMSmath.js", "AMSsymbols.js", "autobold.js"]
            }
        });
        MathJax.Hub.Queue(function() {
            $(MathJax.Hub.getAllJax()).map(function(index, elem) {
                return(elem.SourceElement());
            }).parent().addClass('has-jax');
        });

        MathJax.Hub.Configured();
    </script>

Probably I just need to figure out from the Mathjax site how to do this.

junderhill · 2015-03-06T10:07:36Z

Ah ok, I would download the MathJax.js file to the presentation directory, update the script tag src to use the local one leaving the query string parameters.. Something like:

<script src="MathJax.js?config=TeX-AMS_HTML&delayStartupUntil=configured" type="text/javascript"></script>

brunetto · 2015-03-06T10:31:01Z

ok, thanks!!
I'll try asap.

b

spitters · 2015-08-25T11:35:58Z

Thanks for the nice piece of software.
Unfortunately, just downloading Mathjax.js does not work for me.

I get strangely enough. It renders correctly, but after a few seconds I get:

[Math Processing Error]

Any ideas?

PS: are long subscripts supposed to be supported?

$$x_{n+1}$$

spitters · 2015-08-25T12:03:24Z

It looks like a need a number of files:

fontdata.js -> jax/output/HTML-CSS/fonts/STIX/STIX/fontdata.js
jax.js -> jax/output/HTML-CSS/jax.js
MathJax.js
MathMenu.js
MathZoom.js
remark-latest.min.js
TeX-AMS_HTML.js

However, it is still unpredictable. I'll report if I have a complete solution. Meanwhile help would be appreciated.

spitters · 2015-08-25T12:41:04Z

There is also:
jax/output/HTML-CSS/fonts/STIX/STIX/fontdata-extra.js

Looks like installing the mathjax debian packages did the trick.

HenrikBengtsson · 2016-06-20T20:36:22Z

Thanks for this information in this issue; my interest in offline presentation is because I don't want to assume that I'll have internet access in the moment I'm starting my presentation (sure, it's actually when I load the presentation, but still too risky).

A small FYI, If you use markdown-to-slides (>= 1.0.3; April 2016) to compile Markdown to HTML, it includes the content of remark.js in the generated HTML as:

markdown-to-slides --include-remark slides.md -o slides.html

It's also worth mentioning https://github.com/TalAter/UpUp, which provides generic offline caching of any website content. I haven't tried it, so I don't know how much work it is to get it working with Remark and whether it is possible to use locally (i.e. not sure if HTTPS server is needed). Just my two cents.

Alexander-Barth · 2016-10-07T09:13:37Z

If you need italic or bold fonts you also need to add this:

      @font-face{
        font-family: 'Droid Serif';
        src: url('Fonts/DroidSerif-Bold.ttf');
        font-weight: bold;
      }

      @font-face{
        font-family: 'Droid Serif';
        src: url('Fonts/DroidSerif-Italic.ttf');
        font-style: italic;
      }

      @font-face{
        font-family: 'Droid Serif';
        src: url('Fonts/DroidSerif-BoldItalic.ttf');
        font-weight: bold;
        font-style: italic;
      }

My fonts are in the Fonts folder. Of you need also the oblique variant you need to add them too. More info is available at http://stackoverflow.com/a/28571625.

junderhill mentioned this issue May 29, 2015

how to render remark locally? #234

Closed

gnab added the question label May 29, 2015

gnab closed this as completed Jul 26, 2015

szpak mentioned this issue Nov 29, 2016

Get rid of Google Fonts #392

Closed

bnicenboim mentioned this issue Dec 25, 2016

is it possible to go offline? yihui/xaringan#10

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

How to go offline #194

How to go offline #194

brunetto commented Feb 3, 2015

junderhill commented Mar 6, 2015

brunetto commented Mar 6, 2015

junderhill commented Mar 6, 2015

brunetto commented Mar 6, 2015

junderhill commented Mar 6, 2015

brunetto commented Mar 6, 2015

spitters commented Aug 25, 2015

spitters commented Aug 25, 2015

spitters commented Aug 25, 2015

HenrikBengtsson commented Jun 20, 2016

Alexander-Barth commented Oct 7, 2016

How to go offline #194

How to go offline #194

Comments

brunetto commented Feb 3, 2015

junderhill commented Mar 6, 2015

brunetto commented Mar 6, 2015

junderhill commented Mar 6, 2015

brunetto commented Mar 6, 2015

junderhill commented Mar 6, 2015

brunetto commented Mar 6, 2015

spitters commented Aug 25, 2015

spitters commented Aug 25, 2015

spitters commented Aug 25, 2015

HenrikBengtsson commented Jun 20, 2016

Alexander-Barth commented Oct 7, 2016