Implement basic site menu

It has been communicated to us that the menu on the left hand side of the designs.apertis.org site is missed when looking for documents on the website. Implement a basic site menu in a sidebar to get feedback.

Signed-off-by: Martyn Welch martyn.welch@collabora.com

themes/beautifulhugo/layouts/partials/footer_custom.html

@@ -2,3 +2,14 @@
 <script>
 anchors.add('h1,h2,h3,h4,h5,h6').remove('.page-heading > h1');
 </script>
+
+<script>
+function toggleSidebar(item) {
+  $('#site-sidebar').toggleClass('sidebar-hidden');
+  if ($('#site-sidebar').width() != 300) {
+    item.innerHTML = "&#x25B2"
+  } else {
+    item.innerHTML = "&#x25BC"
+  }
+}
+</script>

[Emanuele Aina]

Alternatively: set sidebar-hidden on the body, drop this block and then add this CSS:

.sidebar-hidden a.navbar-brand.navbar-sitebar {
   transform: rotate(180deg);
}

[Martyn Welch]

I've not got this bit working - it's not being inherited as the .sitebar-hidden class doesn't get applied to the link. If I give the link the site-sitebar ID it still doesn't seem to get inherited, though I can see the .sitebar-hidden class being applied. The link also gains visibility: hidden, which we don't want...