oxedyne/daimond/verify/ext/popup.html
1.8 KiB, 1 run
created by r2519314175:1017, which is this file's identity for as long as the history lasts, whatever it is later renamed to
download · who wrote it · its history
| 1 | <!doctype html> |
| 2 | <html lang="en"> |
| 3 | <head> |
| 4 | <meta charset="utf-8"> |
| 5 | <title>Daimond Verify</title> |
| 6 | <style> |
| 7 | :root { color-scheme: light dark; } |
| 8 | body { font: 13.5px/1.5 system-ui, sans-serif; margin: 0; padding: 14px 16px; width: 320px; background: Canvas; color: CanvasText; } |
| 9 | h1 { font-size: 14px; margin: 0 0 2px; } |
| 10 | .sub { opacity: .6; font-size: 12px; margin: 0 0 12px; } |
| 11 | .verdict { display: flex; align-items: center; gap: 9px; font-weight: 600; font-size: 14px; padding: 10px 12px; border-radius: 8px; margin-bottom: 12px; |
| 12 | border: 1px solid color-mix(in srgb, CanvasText 18%, transparent); } |
| 13 | .dot { width: 11px; height: 11px; border-radius: 50%; background: #888; flex: 0 0 auto; } |
| 14 | .dot.ok { background: #3a7d54; } .dot.no { background: #c0392b; } .dot.warn { background: #c98a12; } |
| 15 | ul { list-style: none; margin: 0; padding: 0; } |
| 16 | li { display: flex; gap: 8px; padding: 5px 0; border-top: 1px solid color-mix(in srgb, CanvasText 12%, transparent); align-items: baseline; } |
| 17 | .mk { flex: 0 0 auto; width: 14px; font-weight: 700; } |
| 18 | .mk.ok { color: #3a7d54; } .mk.no { color: #c0392b; } .mk.warn { color: #c98a12; } |
| 19 | .dt { opacity: .6; font-size: 12px; } |
| 20 | .ids { font: 11px/1.4 ui-monospace, monospace; opacity: .6; margin: 10px 0 0; word-break: break-all; } |
| 21 | button { font: inherit; margin-top: 12px; padding: 7px 12px; border-radius: 7px; border: 1px solid color-mix(in srgb, CanvasText 25%, transparent); background: transparent; color: CanvasText; cursor: pointer; } |
| 22 | </style> |
| 23 | </head> |
| 24 | <body> |
| 25 | <h1>Daimond Verify</h1> |
| 26 | <p class="sub">Is the code this tab is running the published source?</p> |
| 27 | <div class="verdict"><span class="dot" id="dot"></span><span id="headline">Checking…</span></div> |
| 28 | <ul id="checks"></ul> |
| 29 | <div class="ids" id="ids"></div> |
| 30 | <button id="recheck">Check again</button> |
| 31 | <script src="popup.js"></script> |
| 32 | </body> |
| 33 | </html> |