user docs: Add links back to homepage to the bottom of the sidebars.

static/styles/portico.css

@@ -182,6 +182,22 @@ body {
     opacity: 0.5;
 }
 
+.help .sidebar h1.home-link {
+    font-size: 1em;
+}
+
+.help .sidebar h1.home-link a::before {
+    display: inline-block;
+    font: normal normal normal 14px/1 FontAwesome;
+    font-size: inherit;
+    text-rendering: auto;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+
+    content: "\f0d9";
+    margin-right: 10px;
+}
+
 .help .sidebar ul {
     margin: 5px 0px 10px 12px;
 }

templates/zerver/api/main.html

@@ -7,6 +7,7 @@
     <div class="sidebar">
         <h1 class="no-arrow"><a href="/api/" class="no-underline">Index</a></h1>
         {{ render_markdown_path("zerver/api/sidebar.md") }}
+        <h1 class="home-link"><a href="/" class="no-underline">Back to Home</a></h1>
     </div>
 
     <svg height="32px" class="hamburger" style="enable-background:new 0 0 32 32;" version="1.1" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

templates/zerver/help/main.html

@@ -7,6 +7,7 @@
     <div class="sidebar slide">
         <h1><a href="/help/" class="no-underline">Index</a></h1>
         {{ render_markdown_path("zerver/help/include/sidebar.md") }}
+        <h1 class="home-link"><a href="/" class="no-underline">Back to Home</a></h1>
     </div>
 
     <svg height="32px" class="hamburger" style="enable-background:new 0 0 32 32;" version="1.1" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">