Correctly render <kbd> tags

closes #554

Author: srid

docs/guide/html-template/search.md

@@ -7,7 +7,7 @@ Emanote provides client-side full-text search using [Stork](https://stork-search
 
 You can trigger search input in one of the following ways:
 
-- Press `Ctrl+K` (or `⌘K` on macOS).
+- Press <kbd>Ctrl+K</kbd> (or <kbd>⌘K</kbd> on macOS).
 - Click the lens icon on the sidebar 
   - If the sidebar is disabled (eg.: you are on [[neuron-layout]]), the search lens icon will be on the top-right corner.
 

emanote/CHANGELOG.md

@@ -25,6 +25,7 @@
   - Live server now uses Tailwind 3 ([\#503](https://github.com/srid/emanote/pull/503))
   - Enable auto identifier for org files ([\#502](https://github.com/srid/emanote/pull/502))
   - Support date metadata from the filename when it begins with YYYY-MM-DD ([\#552](https://github.com/srid/emanote/pull/552)).
+  - Support for `<kbd>` rendering https://github.com/srid/heist-extra/pull/8
 - Bug fixes:
   - Emanote no longer crashes when run on an empty directory ([\#487](https://github.com/srid/emanote/issues/487))
   - Stork search fixes

emanote/default/templates/base.tpl

@@ -40,6 +40,20 @@
       font-family: monospace;
     }
 
+    /* <kbd> styling */
+    kbd {
+      background-color: #eee;
+      border-radius: 3px;
+      border: 1px solid #b4b4b4;
+      box-shadow:
+        0 1px 1px rgba(0, 0, 0, 0.2),
+        0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
+      display: inline-block;
+      line-height: 1;
+      padding: 2px 4px;
+      white-space: nowrap;
+    }
+
     /* Callouts */
     div.callout {
       background-color: #f5f5f5;

emanote/emanote.cabal

@@ -1,6 +1,6 @@
 cabal-version:      2.4
 name:               emanote
-version:            1.3.18.1
+version:            1.3.19.0
 license:            AGPL-3.0-only
 copyright:          2022 Sridhar Ratnakumar
 maintainer:         [email protected]