Add `hl` shortcode for highlighting key phrases

To use: `{{< hl >}}highlighted quote{{< /hl >}}`

layouts/partials/css/academic.css

@@ -207,6 +207,11 @@ blockquote p:last-child {
   }
 }
 
+.markup-quote {
+  background-color: transparent;
+  background-image: linear-gradient(to bottom, rgba(233, 231, 245, 1), rgba(233, 231, 245, 1));
+}
+
 .space-below {
   margin-bottom: 50px;
 }
@@ -1464,6 +1469,10 @@ body.dark {
   border-color: rgb(68, 71, 90);
 }
 
+.dark .markup-quote {
+  background-image: linear-gradient(to bottom, rgba(233, 231, 245, 0.2), rgba(233, 231, 245, 0.2));
+}
+
 .dark #MathJax_Zoom {
   background-color: rgb(68, 71, 90) !important;
 }

layouts/shortcodes/hl.html

@@ -0,0 +1 @@
+<span class="markup-quote">{{ .Inner }}</span>