settings.html (2151B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1" /> 6 <title>Settings | Marky</title> 7 <link rel="stylesheet" href="/styles.css" /> 8 <link rel="icon" href="/favicon.svg" type="image/svg+xml" /> 9 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> 10 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" /> 11 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" /> 12 <script src="/vendor/vue.global.prod.js"></script> 13 </head> 14 <body> 15 <div id="app"> 16 {{HEADER}} 17 <main class="container"> 18 <section> 19 <h2>API Token</h2> 20 <p>Use this token with the API. See the <a href="https://git.sr.ht/~dce/marky#api" target="_blank" rel="noopener">API docs</a> for details.</p> 21 <p> 22 <code class="token-display" @click="api.show = !api.show" :title="api.show ? 'Click to hide' : 'Click to reveal'">{{ api.show ? api.value : '••••••••••••' }}</code> 23 </p> 24 <div class="btn-row"> 25 <button class="btn" @click.prevent="copyApiKey">{{ api.copied ? 'Copied!' : 'Copy' }}</button> 26 <button class="btn" @click.prevent="regenerateApiKey" :disabled="api.busy">{{ api.busy ? 'Working…' : 'Regenerate' }}</button> 27 </div> 28 </section> 29 30 <section> 31 <h2>Bookmarklet</h2> 32 <p>Drag this to your bookmarks bar:</p> 33 <p> 34 <a id="bmlet" class="btn" :href="bookmarkletHref()">Save to Marky</a> 35 </p> 36 <p class="muted">When clicked on any page, this opens a small form prefilled with the page URL and title. On submit, it saves to your Marky account.</p> 37 <p class="muted ios-note">On iOS or mobile, tap Copy and paste the link into a new bookmark:</p> 38 <p> 39 <button class="btn" @click.prevent="copyBookmarklet">{{ bmlet.copied ? 'Copied!' : 'Copy' }}</button> 40 </p> 41 </section> 42 </main> 43 </div> 44 <script src="/app.js"></script> 45 </body> 46 </html>