marky

Lightweight bookmarking + plaintext archive
Log | Files | Refs | README | LICENSE

header.html (759B)

      1 <header class="container">
      2   <div class="header-flex">
      3     <div class="branding">
      4       <h1><a href="/">marky</a></h1>
      5     </div>
      6     <nav class="top-links">
      7     <template v-if="me && me.username">
      8       <div class="user-line">
      9         <span>Logged in as <a :href="`/u:${me.username}`"><b>{{ me.username }}</b></a></span>
     10         <span class="sep">|</span>
     11         <a href="/settings">Settings</a>
     12         <span class="sep">|</span>
     13         <a href="#" @click.prevent="logout">Log out</a>
     14       </div>
     15     </template>
     16     <template v-else>
     17       <div class="user-line">
     18         <a href="/" title="Log in to Marky">Log in</a>
     19       </div>
     20     </template>
     21     </nav>
     22   </div>
     23   <p class="muted subline">Lightweight bookmarking + plaintext archive</p>
     24 </header>