options.html (1730 bytes)
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <link rel="stylesheet" href="style.css"> 6 <title>sbm options</title> 7 </head> 8 <body class="options"> 9 <h1>sbm</h1> 10 <p>sbm keeps your bookmarks as an sbm bookmark file in this browser. Sign in 11 to sync the file with bm on your computers, the sbm app for Android and your 12 other browsers.</p> 13 14 <section id="signed-out"> 15 <h2>Sign in to sync</h2> 16 <form id="sign-in"> 17 <label>Sync server <input id="server" type="url" required></label> 18 <label>Email <input id="email" type="email" required autocomplete="email"></label> 19 <label>Password <input id="password" type="password" required autocomplete="current-password"></label> 20 <button>Sign in</button> 21 </form> 22 <p class="note">No account? <a id="signup" href="https://sbm.subread.space/signup" target="_blank" rel="noopener">Create one</a> 23 on the website of the server. The add-on sends your bookmarks only to this server, and only after you sign in.</p> 24 </section> 25 26 <section id="signed-in" hidden> 27 <h2>Sync</h2> 28 <p id="who"></p> 29 <button id="sync" type="button">Sync now</button> 30 <button id="sign-out" type="button">Sign out</button> 31 <p class="note"><a id="account" href="https://sbm.subread.space/account" target="_blank" rel="noopener">Your account</a></p> 32 </section> 33 34 <p id="message" role="status"></p> 35 36 <footer> 37 <a href="https://github.com/equwal/sbm-extension" target="_blank" rel="noopener">Source code</a> · 38 <a href="https://sbm.subread.space/privacy" target="_blank" rel="noopener">Privacy</a> · 39 <a href="https://ko-fi.com/truex" target="_blank" rel="noopener">Support sbm on Ko-fi</a> 40 </footer> 41 <script src="lib/tsv.js"></script> 42 <script src="options.js"></script> 43 </body> 44 </html>