marky

commit 93ae36b7e613dceefa63abe368e3d44e45948919
parent a731010ae6d3b08cde2f26321150bfa43712a2b8
Author: David Eisinger <[email protected]>
Date:   Tue,  7 Oct 2025 15:55:53 -0400

Add bookmarklet link to header

Diffstat:
M
internal/web/header.html
 | 
5
++++-
M
internal/web/styles.css
 | 
4
++--

2 files changed, 6 insertions(+), 3 deletions(-)
diff --git a/internal/web/header.html b/internal/web/header.html
@@ -6,7 +6,7 @@
   <nav class="top-links">
     <template v-if="me && me.username">
       <div class="user-line">
-        <span>Logged in as {{ me.username }}</span>
+        <span>Logged in as <b>{{ me.username }}</b></span>
         <span class="sep">|</span>
         <a href="#" @click.prevent="logout">Log out</a>
       </div>
@@ -32,6 +32,9 @@
           <span class="sep">|</span><a href="#" @click.prevent="generateApiKey">generate</a>
         </template>
       </div>
+      <div class="small-links">
+        <a href="/bookmarklet" title="Install the Save to Marky bookmarklet">Bookmarklet</a>
+      </div>
     </template>
   </nav>
 </header>
diff --git a/internal/web/styles.css b/internal/web/styles.css
@@ -8,11 +8,11 @@ h1 { margin: 0 0 4px 0; font-size: 24px; }
 .container h1 a { color: inherit; text-decoration: none; }
 .container h1 a:hover { text-decoration: underline; }
 .muted { color: #666; margin: 0 0 8px 0; font-size: 13px; }
-.top-links { align-self: start; font-size: 13px; color: #555; display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
+.top-links { align-self: start; font-size: 13px; color: #555; display: flex; flex-direction: column; align-items: flex-end; text-align: right; gap: 10px; }
 .top-links .user-line { white-space: nowrap; }
 .top-links a { color: inherit; }
 .top-links .sep { margin: 0 6px; opacity: 0.6; }
-.top-links .api-key { margin-top: 10px; font-size: 12px; color: #666; }
+.top-links .api-key { font-size: 12px; color: #666; }
 .top-links .api-key .token { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 12px; }
 .small-links { font-size: 12px; margin-left: 8px; color: #666; }
 .small-links a { color: inherit; }