Use mathjax

5 years ago · 3802371634
2 changed files with 16 additions and 1 deletions
--- a/layout/_partial/root.ejs
+++ b/layout/_partial/root.ejs
@ -15,6 +15,16 @@
    <link rel="alternate" type="application/<%= config.feed.type %>+xml"
      title="<%= config.title %>" href="<%= url_for(config.feed.path) %>" />
    <% } %>
+    <script>
+        MathJax = {
+          tex: {
+            inlineMath: [['$', '$'], ['\\(', '\\)']]
+          }
+        };
+    </script>
+    <script id="MathJax-script" async
+        src="/mathjax/tex-svg.js">
+    </script>
  </head>
  <body>
    <%- partial('_partial/header') %>
--- a/source/css/tufte.css
+++ b/source/css/tufte.css
@ -43,7 +43,7 @@ body { width: 87.5%;
       margin-right: auto;
       padding-left: 12.5%;
       font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
-       background-color: #f7f7fa;
+       background-color: #fffcf5;
       color: #333;
       max-width: 1400px;
       counter-reset: sidenote-counter; }
@ -276,3 +276,8 @@ label.margin-toggle:not(.sidenote-number) { display: none; }

 thead th { padding-left: 1.0em; border-bottom: 1px solid #aaa; }
 footer { padding-top: 80px; }
+
+figure.highlight table {
+    background: #fdf6e3;
+    padding: 1.0em;
+}