Something went wrong. Try again.
📰 A single-page application to manage standard.site publication on the AT Protocol cuducos.tngl.io/std-pub
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146<!doctype html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Standard Publication</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css" /> <style> main.container { padding-block: 2rem; max-width: 48rem; } .notification { position: fixed; bottom: 1.5rem; right: 1.5rem; background: var(--pico-contrast-background); color: var(--pico-contrast-inverse); padding: 0.75rem 1.25rem; border-radius: var(--pico-border-radius); box-shadow: var(--pico-card-box-shadow); display: flex; align-items: center; gap: 1rem; } .notification-close { padding: 0 0.5rem; margin: 0; line-height: 1; border: none; background: transparent; } .example { display: inline-block; transition: opacity 0.25s ease, transform 0.25s ease; } .example-visible { opacity: 1; transform: scale(1); } .example-hidden { opacity: 0; transform: scale(0.95); } .dashboard-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .publication-item { cursor: pointer; } .publication-item:hover { border-color: var(--pico-primary); } .edit-arrow { color: var(--pico-primary); font-size: 0.875rem; } .empty { color: var(--pico-muted-color); font-style: italic; } .error { color: var(--pico-del-color); } .theme-colors { display: flex; gap: 2rem; } .theme-colors label { flex: 1; } .footer { margin-top: 3rem; text-align: center; font-size: 0.875rem; color: var(--pico-muted-color); } .save-row { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 2rem; } .save-row button { margin: 0; } .inline-error { margin: 0; color: var(--pico-del-color); font-size: 0.875rem; } .error-banner { background: var(--pico-del-color); color: white; padding: 0.75rem 1.25rem; border-radius: var(--pico-border-radius); margin-bottom: 1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .icon-row { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; } .icon-row button { margin: 0; } .icon-preview { width: 64px; height: 64px; border-radius: 8px; object-fit: cover; background: var(--pico-muted-border-color); } .doc-excerpt { margin: 0.25rem 0 0; font-size: 0.875rem; color: var(--pico-muted-color); } .doc-date { white-space: nowrap; color: var(--pico-muted-color); font-variant-numeric: tabular-nums; } </style> </head> <body> <div id="app"></div> <script src="__BASE__app.js"></script> <script type="module" src="__BASE__crypto.js"></script> </body></html>