diff --git a/content/subsets.md b/content/subsets.md
index c7a06c54..39265ec2 100644
--- a/content/subsets.md
+++ b/content/subsets.md
@@ -4,7 +4,7 @@ date: 2020-09-10 15:00
 draft: false
 ---
 
-The QUEST database provides theoretical best estimates (TBEs) for more than 470 highly-accurate excitation energies of various natures (valence, Rydberg, $n \ra \pis$, $\pi \ra \pis$, singlet, doublet, triplet, and double excitations) for molecules ranging from diatomics to molecules as large as naphthalene.
+The QUEST database provides theoretical best estimates (TBEs) for more than 470 highly-accurate excitation energies of various natures (valence, Rydberg, {{< tex "n \ra \pis" >}}, {{< tex "\pi \ra \pis" >}}, singlet, doublet, triplet, and double excitations) for molecules ranging from diatomics to molecules as large as naphthalene.
 The molecules included in the QUEST dataset have been systematically optimized at the CC3/aug-cc-pVTZ level of theory, except for a very few cases.
 The QUEST dataset of vertical excitations is composed by 5 subsets:
 
diff --git a/layouts/shortcodes/tex.html b/layouts/shortcodes/tex.html
new file mode 100644
index 00000000..8f2c7668
--- /dev/null
+++ b/layouts/shortcodes/tex.html
@@ -0,0 +1,16 @@
+<span class="jsonly">
+  {{ if .IsNamedParams }} <!-- display mode, wrap eqn with $$ $$-->
+      $${{ .Get "display" }}$$
+  {{ else }}              <!-- inline mode, wrap eqn with \(  \)-->
+      \({{ .Get 0 }}\)
+  {{ end }}
+</span>
+<noscript>
+  {{ if .IsNamedParams }} <!-- display mode -->
+      <div style="text-align:center;">
+          <img src="https://latex.codecogs.com/gif.latex?{{ .Get "display" }}" title="{{ .Get "display" }}" />
+      </div>
+  {{ else }}              <!-- inline mode -->
+      <img style="display:inline;vertical-align:middle;" src="https://latex.codecogs.com/gif.latex?\inline&space;{{ .Get 0 }}" title="{{ .Get 0 }}" />
+  {{ end }}
+</noscript>
\ No newline at end of file