diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index a28a96b..cfbc4be 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -23,5 +23,13 @@
     <link rel="stylesheet" href="{{ $code.Permalink }}" media="screen">
     <link rel="icon" type="image/png" href="{{ $icon.Permalink }}">
 
+    {{ if .Site.IsServer }}
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.css" integrity="sha384-Xi8rHCmBmhbuyyhbI88391ZKP2dmfnOl4rT9ZfRI7mLTdk1wblIUnrIq35nqwEvC" crossorigin="anonymous">
+    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.js" integrity="sha384-X/XCfMm41VSsqRNQgDerQczD69XqmjOOOwYQvr/uuC+j4OPoNhVgjdGFwhvN02Ja" crossorigin="anonymous"></script>
+    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/contrib/auto-render.min.js" integrity="sha384-+XBljXPPiv+OzfbB3cVmLHf4hdUFHlWNZN5spNQ7rmHTXpd7WvJum6fIACpNNfIR" crossorigin="anonymous"
+        onload="renderMathInElement(document.body);"></script>
+    {{ end }}
+
+
     <title>{{ .Title }}</title>
 </head>
diff --git a/layouts/shortcodes/numberedsidenote.html b/layouts/shortcodes/numberedsidenote.html
deleted file mode 100644
index d9fb351..0000000
--- a/layouts/shortcodes/numberedsidenote.html
+++ /dev/null
@@ -1,11 +0,0 @@
-{{ .Page.Scratch.Add "numbernote-id" 1 }}
-{{ $id := .Page.Scratch.Get "numbernote-id" }}
-<span class="sidenote">
-<label class="sidenote-label" for="numbernote-{{ $id }}">({{ $id }})</label>
-<input class="sidenote-checkbox" type="checkbox" id="numbernote-{{ $id }}"></input>
-<span class="sidenote-content sidenote-{{ .Get 0 }}">
-<span class="sidenote-delimiter">[note:</span>
-{{ .Inner }}
-<span class="sidenote-delimiter">]</span>
-</span>
-</span>
diff --git a/layouts/shortcodes/sidenote.html b/layouts/shortcodes/sidenote.html
index 61ae8e9..4393211 100644
--- a/layouts/shortcodes/sidenote.html
+++ b/layouts/shortcodes/sidenote.html
@@ -1,7 +1,11 @@
 <span class="sidenote">
 <label class="sidenote-label" for="{{ .Get 1 }}">{{ .Get 2 }}</label>
 <input class="sidenote-checkbox" type="checkbox" id="{{ .Get 1 }}"></input>
+{{ if $offset := .Get 3 }}
+<span class="sidenote-content sidenote-{{ .Get 0 }}" style="margin-top: {{ $offset }}rem">
+{{ else }}
 <span class="sidenote-content sidenote-{{ .Get 0 }}">
+{{ end }}
 <span class="sidenote-delimiter">[note:</span>
 {{ .Inner }}
 <span class="sidenote-delimiter">]</span>