::
::::
  ::
/=    gas  /$  fuel
::
/=    talk-body  /:  /%%/talk/body  /elem/
/=    talk-nav   /:  /%%/talk/nav   /elem/
/=    tree-body  /:  /%%/tree/body  /elem/
/=    tree-nav   /:  /%%/tree/nav   /elem/
::
=+  ^=  type  (fall (~(get by qix.gas) %type) 'tree')
=+  ^=  body  ?:  =(type 'tree')  tree-body  talk-body
=+  ^=  nav  ?:  =(type 'tree')  tree-nav  talk-nav
::
^-  manx
::
;html
  ;head
    ;title: Bootstrap Test - ~2016.1
    ;link(rel "stylesheet", href "/home/lib/fonts.css");
    ;link(rel "stylesheet", href "/home/lib/bootstrap.css");
    ;script(src "//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.js");
  ==
  ;body
    ;div.container.nav
      ;+  nav
    ==
    ;div.container
      ;div.row
        ;div.col-md-10.col-md-offset-2.body
          ;+  body
        ==
      ==
    ==
    ;script(type "text/javascript"):'''
                                    $(function() {
                                      $('.navbar-toggler').click(function() {
                                          $('.ctrl').toggleClass('open')
                                        })
                                      $('.context .name').click(
                                        function() {
                                          $('.menu.depth-1').toggleClass('open')
                                          $('.context .arrow').toggleClass('open')
                                        })
                                      $('.room').click(
                                        function() {
                                          $('.menu.depth-2').toggleClass('open')
                                          })
                                    })
                                    '''
  ==
==