Add to: - [x] `local.js` - [x] jquery.scrollTo https://github.com/flesler/jquery.scrollTo - [x] sphinx template - [x] jquery.scrollTo - [x] sphinx - [x] is jQuery a fair assumption? - [x] jquery.scrollTo Code - [x] CSS: `a.youarehere { font-weight: bold; font-size: 1.4em; }` - [x] JS: `update_navbar() { $(navbar a).removeClass('youarehere'); $(navbar a[href=<url>]).addClass('youarehere') }` - [x] `scrollto_navbar() { if $('#navbar').visible { scrollTo('#navbar a.youarehere'); }` - [x] JS: `onReady(update_navbar)` - [x] JS: `onHashChange(hash) { if hash!='#' { update_navbar })` - [x] JS: `onClickTouch(a.youarehere) { update navbar }` ## Usability Justification Show "you are here" to provide a visual affordance of the most recently selected heading: - Navbar: Bold, Large Font - Navbar (Mobile Dropdown): Bold, Large Font, Underline - Content > Heading: arrow - ] [ widont
Add to:
local.jsCode
a.youarehere { font-weight: bold; font-size: 1.4em; }update_navbar() { $(navbar a).removeClass('youarehere'); $(navbar a[href=<url>]).addClass('youarehere') }scrollto_navbar() { if $('#navbar').visible { scrollTo('#navbar a.youarehere'); }onReady(update_navbar)onHashChange(hash) { if hash!='#' { update_navbar })onClickTouch(a.youarehere) { update navbar }Usability Justification
Show "you are here" to provide a visual affordance of the most recently selected heading: