From 4e27a6ce8a01377f74a3ceb502da65de34b55c3a Mon Sep 17 00:00:00 2001
From: BBaoVanC <bbaovanc@bbaovanc.com>
Date: Sat, 6 Nov 2021 17:02:59 -0500
Subject: [PATCH] Add aside shortcode

---
 assets/css/bobastyle.css      | 11 +++++++++++
 layouts/shortcodes/aside.html |  7 +++++++
 2 files changed, 18 insertions(+)
 create mode 100644 layouts/shortcodes/aside.html

diff --git a/assets/css/bobastyle.css b/assets/css/bobastyle.css
index fb67588..0384683 100644
--- a/assets/css/bobastyle.css
+++ b/assets/css/bobastyle.css
@@ -183,6 +183,13 @@ figcaption {
   text-align: center;
 }
 
+aside {
+  background-color: #222;
+  padding: 12px 16px;
+  margin: 16px 0;
+  border-radius: 8px;
+}
+
 a {
   color: #4da6ff;
   text-decoration: inherit;
@@ -208,6 +215,10 @@ hr {
 
 
 /* Code blocks */
+.highlight {
+  margin: 16px 0;
+}
+
 .highlight > pre {
   padding: 12px 8px;
   overflow: auto;
diff --git a/layouts/shortcodes/aside.html b/layouts/shortcodes/aside.html
new file mode 100644
index 0000000..c51e4e3
--- /dev/null
+++ b/layouts/shortcodes/aside.html
@@ -0,0 +1,7 @@
+<aside>
+    {{ with .Inner }}
+    {{ . | markdownify }}
+    {{ else }}
+    {{ errorf "The aside shortcode needs to be a closing one (similar to the highlight shortcode, see https://gohugo.io/templates/shortcode-templates/#inner" }}
+    {{ end }}
+</aside>