diff options
Diffstat (limited to 'doc/toc.html')
| -rw-r--r-- | doc/toc.html | 123 |
1 files changed, 33 insertions, 90 deletions
diff --git a/doc/toc.html b/doc/toc.html index 851f356e6..1b7de3cb3 100644 --- a/doc/toc.html +++ b/doc/toc.html @@ -1,30 +1,31 @@ <div class="" id="accordion"> - <div class="panel"> + <div class=""> <div class=""> <h3 class="panel-title"> About </h3> </div> - <div id="about" class="panel-collapse collapse in"> - <ul class="list-group"> - <li class="doco-list-group-item"><a href="/help/about/about_hubzilla">About Hubzilla</a></li> - <li class="doco-list-group-item"><a href="/help/about/hubzilla_project">Hubzilla project</a></li> - <li class="doco-list-group-item"><a href="/help/about/about_hub">About this hub</a></li> - </ul> + <div id="about" class="doco-section"> + <div class="flex-column"> + <a class="nav-link" href="/help/about/about">About</a> + <a class="nav-link" href="/help/about/project">Project</a> + <a class="nav-link" href="/help/about/about_hub">About this hub</a> + </div> </div> </div> - <div class="panel"> + <div class=""> <div class=""> <h3 class="panel-title"> Members </h3> </div> - <div id="members" class="panel-collapse collapse in"> - <ul class="list-group"> - <li class="doco-list-group-item"><a href="/help/member/member_guide">Guide</a></li> - <li class="doco-list-group-item"><a href="/help/member/bbcode">BBcode Reference</a></li> - <li class="doco-list-group-item"><a href="/help/member/member_faq">FAQ</a></li> - </ul> + <div id="members" class="doco-section"> + <div class="flex-column"> + <a class="nav-link" href="/help/member/member_guide">Guide</a> + <a class="nav-link" href="/help/member/bbcode">BBcode Reference</a> + <a class="nav-link" href="/help/bugs">Reporting Bugs</a> + <a class="nav-link" href="/help/member/member_faq">FAQ</a> + </div> </div> </div> <div class="panel"> @@ -33,11 +34,12 @@ Administrators </h3> </div> - <div id="administrators" class="panel-collapse collapse in"> - <ul class="list-group"> - <li class="doco-list-group-item"><a href="/help/admin/administrator_guide">Guide</a></li> - <li class="doco-list-group-item"><a href="/help/admin/hub_snapshots">Hub Snapshots</a></li> - </ul> + <div id="administrators" class="doco-section"> + <div class="flex-column"> + <a class="nav-link" href="/help/admin/administrator_guide">Guide</a> + <a class="nav-link" href="/help/admin/hub_snapshots">Hub Snapshots</a> + <a class="nav-link" href="/help/database">Database Tables</a> + </div> </div> </div> <div class="panel"> @@ -46,12 +48,14 @@ Developers </h3> </div> - <div id="developers" class="panel-collapse collapse in"> - <ul class="list-group"> - <li class="doco-list-group-item"><a href="/help/developer/developer_guide">Guide</a></li> - <li class="doco-list-group-item"><a href="/help/developer/zot_protocol">Zot Protocol</a></li> - <li class="doco-list-group-item"><a href="/help/developer/api_zot">Zot API</a></li> - </ul> + <div id="developers" class="doco-section"> + <div class="flex-column"> + <a class="nav-link" href="/help/developer/developer_guide">Guide</a> + <a class="nav-link" href="/help/developer/covenant">Code of Conduct</a> + <a class="nav-link" href="/help/developer/zot_protocol">Zot Protocol</a> + <a class="nav-link" href="/help/developer/api_zot">Zot API</a> + <a class="nav-link" href="/help/hooklist">Hooks</a> + </div> </div> </div> <div class="panel"> @@ -60,71 +64,10 @@ Tutorials </h3> </div> - <div id="tutorials" class="panel-collapse collapse in"> - <ul class="list-group"> - <li class="doco-list-group-item"><a href="/help/tutorials/personal_channel">Personal Channel</a></li> - </ul> + <div id="tutorials" class="doco-section"> + <div class="flex-column"> + <a class="nav-link" href="/help/tutorials/personal_channel">Personal Channel</a> + </div> </div> </div> </div> -<script> - toc = {}; - // Generate the table of contents in the side nav menu (see view/tpl/help.tpl) - $(document).ready(function () { - $(".panel-collapse.in").find('a').each(function(){ - var url = document.createElement('a'); - url.href = window.location; - var pageName = url.href.split('/').pop().split('#').shift().split('?').shift(); - var linkName = $(this).attr('href').split('/').pop(); - if(pageName === linkName) { - var tocUl = $(this).closest('li').append('<ul>').find('ul'); - tocUl.removeClass(); // Classes are automatically added to <ul> elements by something else - tocUl.toc({content: "#doco-content", headings: "h3"}); - tocUl.addClass('toc-content sub-menu'); - tocUl.attr('id', 'doco-side-toc'); - - } - }); - - $(document.body).trigger("sticky_kit:recalc"); - - toc.contentTop = []; - toc.edgeMargin = 20; // margin above the top or margin from the end of the page - toc.topRange = 200; // measure from the top of the viewport to X pixels down - // Set up content an array of locations - $('#doco-side-toc').find('a').each(function(){ - toc.contentTop.push( $( '#'+$(this).attr('href').split('#').pop() ).offset().top ); - }); - - - // adjust side menu - $(window).scroll(function(){ - var winTop = $(window).scrollTop(), - bodyHt = $(document).height(), - vpHt = $(window).height() + toc.edgeMargin; // viewport height + margin - $.each( toc.contentTop, function(i,loc){ - if ( ( loc > winTop - toc.edgeMargin && ( loc < winTop + toc.topRange || ( winTop + vpHt ) >= bodyHt ) ) ){ - $('#doco-side-toc li') - .removeClass('selected-doco-nav') - .eq(i).addClass('selected-doco-nav'); - if (typeof($('#doco-side-toc li').eq(i).find('a').attr('href').split('#')[1]) !== 'undefined') { - window.history.pushState({}, '', location.href.split('#')[0] + '#' + $('#doco-side-toc li').eq(i).find('a').attr('href').split('#')[1]); - } - } - }); - }); - - // When the page loads, it does not scroll to the section specified in the URL because it - // has not been constructed yet by the script. This will reload the URL - if (typeof(location.href.split('#')[1]) !== 'undefined') { - var p = document.createElement('a'); - p.href = location.href; - var portstr = ''; - if(p.port !== '') { - portstr = ':'+ p.port; - } - var newref = p.protocol + '//'+ p.hostname + portstr + p.pathname + p.hash.split('?').shift(); - location.replace(newref) - } - }); -</script> |