Merge pull request #2 from robertodr/master

bast · bast · commit a93fc7493cf5 · 2016-02-01T12:40:38.000+01:00
Add support for MathJax and an example slide
diff --git a/demo.mkd b/demo.mkd
@@ -4,6 +4,12 @@ class: center, middle, inverse
 ---
 #remark
 [ri-mahrk]
+
+.author[Foo Bar]
+
+.institution[University of There]
+
+.date[27 January]
 .footnote[Go directly to [project site](https://github.com/gnab/remark)]
 ---
 ## What is it and why should I be using it?
@@ -330,6 +336,29 @@ Getting up and running is done in only a few steps:
 For more information on using remark, please check out the [wiki](https://github.com/gnab/remark/wiki) pages.
 ]
 ---
+class: left
+
+##  How About Some Gnarly Equations?
+
+I'm glad you asked.  With a link to the MathJax Javascript library, you can
+write inline equations  `\(E=mc^2\)`, or full-line equations like:
+
+`$$\Gamma(t)=  \pi \, \Im\left\{ \mathbf{x}_+^H(t) \, \frac{\mathrm{d}}{\mathrm{d} t}\mathbf{x}_+(t)\right\}$$`
+
+You can just write in LaTeX, with minor modifications for specifying in-line or
+full-line equations.  Also, in Remark, the equations are surrounded by
+backquotes, as you see in the source.
+
+
+[{MathJax}](https://www.mathjax.org/) lets you write your equations in other ways; see the documentation for details.
+
+
+Note that writing equations in MathJax impacts the portability of your talk.
+Currently, this template links to a local copy of Remark, but a remote (online)
+copy of MathJax.  If you want the equations to work when you are offline, you
+need to copy the entire MathJax project, about 150 Mb.  See the comments at the
+bottom of this file.
+---
 name: last-page
 template: inverse
 
diff --git a/templates/slides.html b/templates/slides.html
@@ -119,6 +119,17 @@
         float: right;
         padding-top: 1em;
       }
+
+      /* Some special classes */
+      .title {font-size: 3.3em; color:#606060;font-weight:bold;letter-spacing:0.05em}
+      .subtitle {font-size: 1.4em}
+      .author {font-size: 1.4em; color:#606060;font-weight:bold;letter-spacing:0.02em}
+      .coauthor {font-size: 1.0em; color:#606060;font-weight:bold;letter-spacing:0.02em}
+      .institution {font-size: 1.0em;}
+      .date {font-size: 1.0em;font-style: italic}
+
+      .cite {font-size: 0.8em; color:#33AA99;font-style: italic}
+      .strike {color:salmon;text-decoration:line-through}
     </style>
   </head>
   <body>
@@ -137,5 +148,27 @@
           highlightLines: true
         }) ;
     </script>
+    <!-- This is the link to the remote MathJax libraries -->
+    <script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML&delayStartupUntil=configured" type="text/javascript"></script>
+    <!-- If you want to run your presentation offline, you need to download the MathJax -->
+    <!-- libraries, then uncomment the line below and comment out the one above.-->
+    <!--<script src="../javascript/MathJax/MathJax.js?config=TeX-AMS_HTML&delayStartupUntil=configured,local/local" type="text/javascript"></script> -->
+    <!-- Note: see comment at http://stackoverflow.com/questions/19208536/mathjax-not-working-if-loaded-from-local-js-file-or-if-the-source-code-is-includ-->
+
+    <script type="text/javascript">
+      // Setup MathJax
+      MathJax.Hub.Config({
+          tex2jax: {
+          skipTags: ['script', 'noscript', 'style', 'textarea', 'pre']
+          }
+      });
+      MathJax.Hub.Queue(function() {
+          $(MathJax.Hub.getAllJax()).map(function(index, elem) {
+              return(elem.SourceElement());
+          }).parent().addClass('has-jax');
+      });
+
+      MathJax.Hub.Configured();
+    </script>
   </body>
 </html>
