added katex

5 files changed, 23 insertions, 12 deletions

diff --git a/posts/2019-01-03-encoding-binary-data-into-dna-sequence.md b/posts/2019-01-03-encoding-binary-data-into-dna-sequence.md
index 19d9073..b743017 100644
--- a/posts/2019-01-03-encoding-binary-data-into-dna-sequence.md
+++ b/posts/2019-01-03-encoding-binary-data-into-dna-sequence.md
@@ -22,22 +22,22 @@ My interests in this field are purely in encoding processes and experimental tes
 ## Glossary
 
 **deoxyribose**
-:  A five-carbon sugar molecule with a hydrogen atom rather than a hydroxyl group in the 2′ position; the sugar component of DNA nucleotides.
+A five-carbon sugar molecule with a hydrogen atom rather than a hydroxyl group in the 2′ position; the sugar component of DNA nucleotides.
 
 **double helix**
-:  The molecular shape of DNA in which two strands of nucleotides wind around each other in a spiral shape.
+The molecular shape of DNA in which two strands of nucleotides wind around each other in a spiral shape.
 
 **nitrogenous base**
-:  A nitrogen-containing molecule that acts as a base; often referring to one of the purine or pyrimidine components of nucleic acids.
+A nitrogen-containing molecule that acts as a base; often referring to one of the purine or pyrimidine components of nucleic acids.
 
 **phosphate group**
-:  A molecular group consisting of a central phosphorus atom bound to four oxygen atoms.
+A molecular group consisting of a central phosphorus atom bound to four oxygen atoms.
 
 **RGB**
-:  The RGB color model is an additive color model in which red, green and blue light are added together in various ways to reproduce a broad array of colors.
+The RGB color model is an additive color model in which red, green and blue light are added together in various ways to reproduce a broad array of colors.
 
 **GCC**
-:  The GNU Compiler Collection is a compiler system produced by the GNU Project supporting various programming languages.
+The GNU Compiler Collection is a compiler system produced by the GNU Project supporting various programming languages.
 
 ## Data encoding
 
diff --git a/template/_includes.html b/template/_includes.html
index 4996940..8627609 100755
--- a/template/_includes.html
+++ b/template/_includes.html
@@ -1,9 +1,3 @@
 <!-- user code -->
 
 <script src="/script.js"></script>
-
-<!-- code highlighting -->
-
-<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/styles/github.min.css">
-<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/highlight.min.js"></script>
-<script>hljs.initHighlightingOnLoad();</script>
diff --git a/template/_libraries.html b/template/_libraries.html
new file mode 100644
index 0000000..1a7b911
--- /dev/null
+++ b/template/_libraries.html
@@ -0,0 +1,11 @@
+<!-- katex math library -->
+
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.13.13/dist/katex.min.css" integrity="sha384-RZU/ijkSsFbcmivfdRBQDtwuwVqK7GMOw6IMvKyeWL2K5UAlyp6WonmB8m7Jd0Hn" crossorigin="anonymous">
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.13.13/dist/katex.min.js" integrity="sha384-pK1WpvzWVBQiP0/GjnvRxV4mOb0oxFuyRxJlk6vVw146n3egcN5C925NCP7a7BY8" crossorigin="anonymous"></script>
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.13.13/dist/contrib/auto-render.min.js" integrity="sha384-vZTG03m+2yp6N6BNi5iM4rW4oIwk5DfcNdFfxkk9ZWpDriOkXX8voJBFrAO7MpVl" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>
+
+<!-- code highlighting -->
+
+<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/styles/github.min.css">
+<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/highlight.min.js"></script>
+<script>hljs.initHighlightingOnLoad();</script>
diff --git a/template/post.html b/template/post.html
index 00be220..512fff6 100755
--- a/template/post.html
+++ b/template/post.html
@@ -63,6 +63,8 @@
 
     {{template "_includes.html"}}
 
+    {{template "_libraries.html"}}
+
   </body>
 
 </html>
diff --git a/template/style.css b/template/style.css
index d4832b1..8152dab 100755
--- a/template/style.css
+++ b/template/style.css
@@ -313,6 +313,10 @@ article strong {
   font-weight: 600;
 }
 
+article .katex-display {
+  margin: 3em 0 !important;
+}
+
 /* audio */
 
 audio {