espial-0.0.34: templates/default-layout.hamlet

<div #content>
  <header #banner .pv2.ph3.mh1>
    <div .mw8.center.pb2.bb.br-0.bl-0.bt-0.b--dotted.thm-border-dotted>
      <div #logo .fl.logo-div>
          <span #espial_name .f4>espial
          $maybe userName <- musername
            <span>
               (<a class="link" data-username="#{userName}" href="@{UserR (UserNameP userName)}">#{userName}</a>)
            $maybe user <- muser
              $if (userPrivacyLock user)
                <a .dib.no-underline style="height:10px;width:10px" href="@{AccountSettingsR}" title="private profile enabled">🔒
               
          <!-- <div #timer>#{pageLoadTime} s -->
      <div .top_menu.fr>

        <a .link href="#" #color-scheme-toggle>
          <span .color-scheme-toggle-dark-label>
            dark mode&nbsp;&nbsp;
          <span .color-scheme-toggle-light-label>
            light mode&nbsp;&nbsp;
        $maybe userName <- musername
          <a .link href="@?{(AddViewR, [("next","back")])}">add url&nbsp;&nbsp;
          <a .link href="@{AddNoteViewR (UserNameP userName)}">add note&nbsp;&nbsp;
          <a .link href="@{NotesR (UserNameP userName)}">notes&nbsp;&nbsp;
          <a .link href="@{AccountSettingsR}">settings&nbsp;&nbsp;
          <a .link.logout-btn href="@{AuthR LogoutR}">
              log out
        $nothing
          <a .link href="@{AuthR LoginR}">
            log in
      <div .cf>

  $maybe msg <- mmsg
    <div .pv2.ph3.mh1>
      <div .pa2.mw8.center.flex.items-center.justify-center.ba.layout-msg>
        #{preEscapedToMarkup msg}

  ^{widget}

  <footer .view-delay>
    <div .w-100.mw8.center>
      <div .footer-links.fr.pv2.ph3.mh1.b>
        $maybe sourceCodeUri <- msourceCodeUri
          <a .link title="Source Code" href="#{ sourceCodeUri }" target=_blank>&lt;/&gt;