anton.galiglobal.com
Firefox WebExtension (Desktop and Mobile) that lets you share the current tab to Margit.at, frontpage.fyi, etc. with minimal effort.
1<!doctype html>
2<html lang="en">
3 <head>
4 <meta charset="utf-8" />
5 <title>ATProto Social</title>
6 <link rel="stylesheet" href="styles.css" />
7 </head>
8 <body>
9 <main class="popup">
10 <header>
11 <h1>ATProto</h1>
12 <button id="open-options" type="button" title="Configure account">⚙</button>
13 </header>
14
15 <div class="tabs" role="tablist">
16 <button class="tab active" id="tab-margin" role="tab" aria-selected="true" aria-controls="panel-margin">Margin</button>
17 <button class="tab" id="tab-frontpage" role="tab" aria-selected="false" aria-controls="panel-frontpage">Frontpage</button>
18 </div>
19
20 <div id="panel-margin" role="tabpanel">
21 <form id="margin-form">
22 <label for="margin-selection">Selected text</label>
23 <textarea id="margin-selection" name="selection" rows="4" readonly placeholder="Select text on the page first…"></textarea>
24
25 <label for="margin-comment">Comment <span class="counter">(optional)</span></label>
26 <textarea id="margin-comment" name="comment" rows="3" placeholder="Add a note… (leave empty to just highlight)"></textarea>
27
28 <button id="margin-submit-btn" type="submit">Highlight on Margin</button>
29 </form>
30 <p id="margin-status" role="status" aria-live="polite"></p>
31 <footer>
32 <a id="open-margin" href="https://margin.at" target="_blank" rel="noreferrer">Open margin.at</a>
33 </footer>
34 </div>
35
36 <div id="panel-frontpage" role="tabpanel" hidden>
37 <form id="submit-form">
38 <label for="title">
39 Title
40 <span id="title-count" class="counter">0/120</span>
41 </label>
42 <input id="title" name="title" type="text" maxlength="120" required />
43
44 <label for="url">URL</label>
45 <input id="url" name="url" type="url" required />
46
47 <button id="submit-btn" type="submit">Post to Frontpage</button>
48 </form>
49 <p id="status" role="status" aria-live="polite"></p>
50 <footer>
51 <a id="open-frontpage" href="https://frontpage.fyi" target="_blank" rel="noreferrer">Open frontpage.fyi</a>
52 </footer>
53 </div>
54 </main>
55 <script type="module" src="popup.js"></script>
56 </body>
57</html>