Add aside shortcode

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;

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>