Something went wrong. Try again.
Browser extension: detect and subscribe to standard.site publications on ATProto
Something went wrong. Try again.
substandard popup.html
7.6 kB · 151 lines
HTML
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152<!doctype html><html lang="en"> <head> <meta charset="utf-8" /> <title>substandard</title> <link rel="stylesheet" href="/src/popup/popup.css" /> </head> <body> <header id="header"> <img src="/icons/icon32.png" alt="" width="20" height="20" /> <a class="title" href="https://substandard.blog" target="_blank" rel="noopener noreferrer">substandard</a> <span id="version" class="version"></span> <div id="account-area" class="account-area"> <button id="signin-open" class="btn sm" hidden aria-expanded="false">Sign in</button> <button id="account-btn" class="account-btn" hidden aria-haspopup="menu"> <img id="account-avatar" class="account-avatar" alt="" hidden /> <span id="account-handle" class="account-handle"></span> <span class="caret" aria-hidden="true">▾</span> </button> <div id="account-menu" class="menu" role="menu" hidden> <button id="switch-account" class="item" role="menuitem">Switch account</button> <button id="signout" class="item" role="menuitem">Sign out</button> </div> <div id="signin-panel" class="menu signin-panel" hidden> <p class="note signin-lede">Sign in with your <a href="https://atmosphereaccount.com/hosts" target="_blank" rel="noopener noreferrer">Atmosphere account</a>.</p> <form id="signin-form"> <actor-typeahead> <input id="handle-input" type="text" placeholder="handle.example.com" autocomplete="off" spellcheck="false" required /> </actor-typeahead> </form> <div id="signin-note" class="note"></div> </div> </div> </header>
<main id="main"> <div id="status" class="status">Checking this page…</div>
<section id="pub" hidden> <!-- Bluesky's content-warning shape: the card itself is withheld until the reader asks for it, with the label and its source in front. --> <div id="label-cover" class="label-cover" hidden> <div class="label-cover-head"> <span id="label-cover-icon" class="pill-icon"></span> <span id="label-cover-name" class="label-cover-name"></span> </div> <p id="label-cover-desc" class="note"></p> <div class="label-cover-actions"> <span id="label-cover-src" class="note"></span> <button id="label-show" class="btn sm" type="button">Show anyway</button> </div> </div>
<div id="pub-body"> <div class="labels" id="labels" hidden></div> <!-- The account the publication lives in, above the publication itself: the publication record says who wrote it only by way of the repo it is in. --> <a id="owner" class="owner" hidden target="_blank" rel="noopener noreferrer"> <img id="owner-avatar" class="owner-avatar" alt="" hidden /> <span id="owner-avatar-fallback" class="owner-avatar owner-avatar-fallback" aria-hidden="true" hidden></span> <span class="owner-meta"> <span class="owner-line"> <span id="owner-name" class="owner-name"></span> <span id="owner-follows" class="owner-follows" hidden>Following</span> </span> <span id="owner-handle" class="owner-handle"></span> <span id="owner-desc" class="owner-desc"></span> </span> </a>
<div class="pub-head"> <img id="pub-icon" class="pub-icon" alt="" hidden /> <span id="pub-icon-fallback" class="pub-icon pub-icon-fallback" aria-hidden="true" hidden></span> <div class="pub-meta"> <div id="pub-name" class="pub-name"></div> </div> </div> <p id="pub-desc" class="pub-desc"></p> <div id="subscribers" class="subscribers" hidden> <span id="subscriber-faces" class="faces"></span> <span id="subscriber-count" class="subscriber-count"></span> </div> <div id="doc-line" class="doc-line" hidden></div>
<div class="actions"> <button id="subscribe" class="btn primary" aria-disabled="true">Subscribe</button> <div class="split" id="open-split"> <button id="open-default" class="btn">Open</button> <button id="open-more" class="btn arrow" aria-label="More readers">▾</button> <div id="reader-menu" class="menu" hidden></div> </div> <button id="share" class="icon-btn" aria-label="Share on Bluesky" title="Share on Bluesky"> <img src="/vendored/bluesky.png" alt="" width="14" height="14" /> </button> <button id="refresh" class="icon-btn" aria-label="Refresh" title="Re-fetch publication and subscription state"> <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="23 4 23 10 17 10" /> <path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10" /> </svg> </button> </div> <div id="action-note" class="note"></div> </div> </section>
<section id="feedback" hidden> <form id="feedback-form"> <input id="feedback-title" type="text" maxlength="300" placeholder="Title" aria-label="Title" autocomplete="off" /> <textarea id="feedback-body" rows="4" placeholder="Details (optional)" aria-label="Details (optional)"></textarea> <div id="feedback-tags" class="feedback-tags" hidden></div> <p class="note feedback-lede">Posts publicly, from your own account, to <a id="feedback-board" target="_blank" rel="noopener noreferrer">a feedback board</a> on userinput.app.</p> <div class="feedback-actions"> <button id="feedback-send" class="btn primary" type="submit">Send</button> <button id="feedback-cancel" class="btn" type="button">Cancel</button> </div> <div id="feedback-note" class="note" role="alert"></div> </form> </section> </main>
<footer id="footer"> <button id="feedback-open" class="link-btn" aria-expanded="false">Send feedback</button> <a id="updates-link" class="link-btn" href="https://substandard.blog/posts" target="_blank" rel="noopener noreferrer">Updates</a> <!-- Dev channel only; popup.ts unhides it when the manifest name carries the " (dev)" suffix (src/lib/channel.ts). The menu opens upward: there is nothing below the footer. --> <div id="debug-area" class="debug-area" hidden> <button id="debug-open" class="link-btn" aria-haspopup="menu" aria-expanded="false">Debug</button> <div id="debug-menu" class="menu up" role="menu" hidden> <button id="debug-welcome" class="item" role="menuitem">Open welcome page</button> <button id="debug-rescan" class="item" role="menuitem">Re-scan this page</button> <button id="debug-drop-cache" class="item" role="menuitem">Drop cache</button> <p id="debug-note" class="menu-note" role="status" hidden></p> </div> </div> </footer>
<script type="module" src="/src/popup/popup.ts"></script> </body></html>