Add links to languages and collapsible navigation

static/site.js

@@ -0,0 +1,19 @@
+(function () {
+  document.addEventListener('DOMContentLoaded', function () {
+    var menuLinks = document.getElementsByClassName('menu-item');
+
+    for (var i = 0; i < menuLinks.length; i++) {
+      menuLinks[i].addEventListener('click', toggleSubMenu, false);
+    }
+
+    function toggleSubMenu () {
+      var subMenus = document.getElementsByClassName('sub-menu');
+
+      for (var i = 0; i < subMenus.length; i++) {
+        subMenus[i].classList.add('collapsed');
+      }
+
+      this.parentNode.querySelector('.sub-menu').classList.remove('collapsed');
+    }
+  });
+})();

static/style.css

@@ -106,6 +106,8 @@ body {
   padding-bottom: 26px; }
   .sidebar .sub-menu a.active {
     color: #2b90d9; }
+  .sidebar .sub-menu.collapsed {
+    display: none; }
 
 .footer {
   padding-bottom: 30px; }
@@ -289,7 +291,8 @@ main code {
 main pre code {
   background: transparent;
   padding: 0; }
-main .mastodon-embed {
+main .mastodon-embed,
+main iframe {
   width: 100%;
   display: block;
   margin: 0 auto;

static/style.scss

@@ -151,6 +151,10 @@ body {
     a.active {
       color: $vibrant;
     }
+
+    &.collapsed {
+      display: none;
+    }
   }
 }
 
@@ -407,7 +411,8 @@ main {
     padding: 0;
   }
 
-  .mastodon-embed {
+  .mastodon-embed,
+  iframe {
     width: 100%;
     display: block;
     margin: 0 auto;