From 713a34c68e242c5bee927f3de41fffaeb2842bf1 Mon Sep 17 00:00:00 2001
From: Andrew Manning <andrew@reticu.li>
Date: Sun, 27 Nov 2016 08:34:23 -0700
Subject: Restructured main table of contents to link to fewer pages with more
 content. The admin, dev, and member guides are single pages each having a
 table of contents at the top that is represented in condensed form in the
 main navigation sidebar. Section links are used to navigate between content
 sections for simplicity and fewer page loads.

---
 doc/toc.html | 110 +++++++++++++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 104 insertions(+), 6 deletions(-)

(limited to 'doc/toc.html')

diff --git a/doc/toc.html b/doc/toc.html
index 90f0cbaeb..45214e210 100644
--- a/doc/toc.html
+++ b/doc/toc.html
@@ -1,6 +1,104 @@
-<ul>
-<li><a href="help/general">Project/Site Information</a></li>
-<li><a href="help/member/overview">For Members</a></li>
-<li><a href="help/admins">For Administrators</a></li>
-<li><a href="help/develop">For Developers</a></li>
-</ul>
+<style>
+    #accordion .glyphicon { margin-right:10px; }
+    .panel-collapse>.list-group .list-group-item:first-child {border-top-right-radius: 0;border-top-left-radius: 0;}
+    .panel-collapse>.list-group .list-group-item {border-width: 1px 0;}
+    .panel-collapse>.list-group {margin-bottom: 0;}
+    .panel-collapse .list-group-item {border-radius:0;}
+
+    .doco-list-group-item {
+        padding-left: 15px;
+    } 
+    .widget {
+        position: fixed;
+        top:70px;
+        width: inherit;
+        height: 80%;
+        overflow-y: scroll;
+    }
+
+</style>
+
+<div class="panel-group" id="accordion">
+    <div class="panel">
+        <div class="panel-heading">
+            <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#accordion" href="#about"><span class="glyphicon glyphicon-folder-open">
+                    </span>About</a>
+            </h4>
+        </div>
+        <div id="about" class="panel-collapse collapse">
+            <ul class="list-group">
+                <li class="doco-list-group-item"><a href="/help/about/about_hubzilla#about-hubzilla-toc"><span class="glyphicon glyphicon-file"></span>Hubzilla project</a></li>
+                <li class="doco-list-group-item"><a href="/help/about/about_hub"><span class="glyphicon glyphicon-file"></span>About this hub</a></li>
+            </ul>
+        </div>
+    </div>
+    <div class="panel">
+        <div class="panel-heading">
+            <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#accordion" href="#members"><span class="glyphicon glyphicon-folder-open">
+                    </span>Members</a>
+            </h4>
+        </div>
+        <div id="members" class="panel-collapse collapse">
+            <ul class="list-group">
+                <li class="doco-list-group-item"><a href="/help/member/member_guide#member-guide-toc">Contents</a></li>
+            </ul>
+        </div>
+    </div>
+    <div class="panel">
+        <div class="panel-heading">
+            <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#accordion" href="#administrators"><span class="glyphicon glyphicon-folder-open">
+                    </span>Administrators</a>
+            </h4>
+        </div>
+        <div id="administrators" class="panel-collapse collapse">
+            <ul class="list-group">
+                <li class="doco-list-group-item"><a href="/help/admin/administrator_guide#admin-guide-toc">Contents</a></li>
+                <li class="doco-list-group-item"><a href="/help/admin/administrator_guide#Before_you_begin">Installation</a></li>
+
+
+            </ul>
+        </div>
+    </div>
+    <div class="panel">
+        <div class="panel-heading">
+            <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#accordion" href="#developers"><span class="glyphicon glyphicon-folder-open">
+                    </span>Developers</a>
+            </h4>
+        </div>
+        <div id="developers" class="panel-collapse collapse">
+            <ul class="list-group">
+                <li class="doco-list-group-item"><a href="/help/developer/developer_guide#developer-guide-toc">Contents</a></li>
+                <li class="doco-list-group-item"><a href="/help/developer/developer_guide#Who_is_a_Hubzilla_developer_Should_I_read_this_">Overview</a></li>
+
+            </ul>
+        </div>
+    </div>
+</div>
+
+<script>
+//    $(document).ready(function() {
+        // Determine the content section from the URL and expand the appropriate menu section
+        var url = document.createElement('a');
+        url.href = window.location;
+        switch (url.pathname.split('/')[2]) {
+            case 'about':
+                $('#about').addClass('in');
+                break;
+            case 'admin':
+                $('#administrators').addClass('in');
+                break;
+            case 'member':
+                $('#members').addClass('in');
+                break;
+            case 'developer':
+                $('#developers').addClass('in');
+                break;
+            default:
+                break;
+        }        
+//    }
+</script>
\ No newline at end of file
-- 
cgit v1.2.3