$maybe m <- msg
  <div #message .alert-primary>#{m}

<div#spacer .col-xs-2.#{topShowsm}.#{topShowmd}>
  <h1>
    <button .visible-xs.btn.btn-default type="button" data-toggle="offcanvas">
      <span .glyphicon.glyphicon-align-left.tgl-icon>

<div#topbar .col-md-8 .col-sm-8 .col-xs-10>
  <h1>#{takeFileName (journalFilePath j)}

<div #sidebar-menu .sidebar-offcanvas.#{sideShowmd}.#{sideShowsm}>
  <table .main-menu .table>
    <tr .#{journalcurrent}>
      <td .top .acct>
        <a href=@{JournalR} .#{journalcurrent}
           title="Show general journal entries, most recent first">
          Journal
      <td .top>
    ^{accounts}

<div #main-content .col-xs-12.#{mainShowmd}.#{mainShowsm}>
  <div .row>
    <form#searchform .form-inline method=GET>
      <div .form-group .col-md-12 .col-sm-12 .col-xs-12>
        <div #searchbar .input-group>
          <input .form-control name=q value=#{q} placeholder="Search"
            title="Enter hledger search patterns to filter the data below">
          <div .input-group-btn>
            $if not (T.null q)
              <a href=@{here} .btn .btn-default title="Clear search terms">
                <span .glyphicon .glyphicon-remove-circle>
            <button .btn .btn-default type=submit title="Apply search terms">
              <span .glyphicon .glyphicon-search>
            <button .btn .btn-default type=button data-toggle="modal" data-target="#helpmodal"
               title="Show search and general help">?
  ^{widget}

<div .modal.fade #helpmodal tabindex="-1" role="dialog" aria-labelledby="helpLabel" aria-hidden="true">
  <div .modal-dialog .modal-lg>
    <div .modal-content>
      <div .modal-header>
        <button type="button" .close data-dismiss="modal" aria-hidden="true">&times;
        <h3 .modal-title #helpLabel>Help
      <div .modal-body>
        <div .row>
          <div .col-xs-6>
            <p>
              <b>Keyboard shortcuts
              <ul>
                <li> <code>h</code> or maybe <code>?</code> - view this help (escape or click to exit)
                <li> <code>j</code> - go to the Journal view (home)
                <li> <code>a</code> - add a transaction (escape to cancel)
                <li> <code>s</code> - toggle sidebar
                <li> <code>f</code> - focus search form ("find")
            <p>
              <b>General
              <ul>
                <li> The Journal view shows general journal entries, representing zero-sum movements of money (or other commodity) between hierarchical accounts
                <li> The sidebar shows the resulting accounts and their final balances
                <li> Parent account balances include subaccount balances
                <li> Multiple currencies in balances are displayed one above the other
                <li> Click account name links to see transactions affecting that account, with running balance
                <li> Click date links to see journal entries on that date
          <div .col-xs-6>
            <p>
              <b>Search
              <ul>
                <li> <code>acct:REGEXP</code> - filter on to/from account
                <li> <code>desc:REGEXP</code> - filter on description
                <li> <code>date:PERIODEXP</code>, <code>date2:PERIODEXP</code> - filter on date or secondary date
                <li> <code>code:REGEXP</code> - filter on transaction's code (eg check number)
                <li> <code>status:*</code>, <code>status:!</code>, <code>status:</code> - filter on transaction's cleared status (cleared, pending, uncleared)
                <!-- <li> <code>empty:BOOL</code> - filter on whether amount is zero -->
                <li> <code>amt:N</code>, <code>amt:&lt;N</code>, <code>amt:&gt;N</code> - filter on the unsigned amount magnitude. Or with a sign before N, filter on the signed value. (Single-commodity amounts only.)
                <li> <code>cur:REGEXP</code> - filter on the currency/commodity symbol (must match all of it). Dollar sign must be written as <code>\$</code>
                <li> <code>tag:NAME</code>, <code>tag:NAME=REGEX</code> - filter on tag name, or tag name and value
                <!-- <li> <code>depth:N</code> - filter out accounts below this depth -->
                <li> <code>real:BOOL</code> - filter on postings' real/virtual-ness
                <li> Enclose search patterns containing spaces in single or double quotes
                <li> Prepend <code>not:</code> to negate a search term
                <li> Multiple search terms on different fields are AND'ed, multiple search terms on the same field are OR'ed
                <li> These search terms also work with command-line hledger