Add sidebar (#526)

assets/theme-css/bulma.css

@@ -14,7 +14,6 @@ iframe {
   border: 0;
 }
 article,
-aside,
 figure,
 footer,
 header {

assets/theme-css/styles.css

@@ -68,6 +68,13 @@ figure.align-default,
   text-align: right;
 }
 
+aside.sidebar {
+  width: 40%;
+  float: right;
+  clear: right;
+  overflow-x: auto;
+}
+
 /**
  * See `code.literal` in
  * src/pydata_sphinx_theme/assets/styles/content/_code.scss

layouts/shortcodes/sidebar.html

@@ -0,0 +1,45 @@
+{{/*
+
+doc: Create sidebars
+
+{{< sidebar title="Ch’ien / The Creative" >}}
+Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+{{< image >}}
+src = 'https://source.unsplash.com/200x200/daily?cute+puppy'
+alt = 'Cute puppies'
+align = 'center'
+{{< /image >}}
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+{{< /sidebar >}}
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+culpa qui officia deserunt mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+culpa qui officia deserunt mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+culpa qui officia deserunt mollit anim id est laborum.
+
+*/}}
+
+{{- $title := .Get "title" -}}
+<aside class="sidebar">
+  {{- with $title }}<p class="sidebar-title">{{ . }}</p>{{ end -}}
+  <p>
+    {{ .Inner | markdownify }}
+  </p>
+</aside>