diff --git a/index.html b/index.html --- a/index.html +++ b/index.html @@ -12,12 +12,20 @@ } body { margin: 0; - padding: 2rem; + padding: 2rem 2rem 0.5rem; line-height: 1.5; + min-height: 100vh; + box-sizing: border-box; + display: flex; + flex-direction: column; } .container { max-width: 48em; margin: 0 auto; + width: 100%; + flex: 1; + display: flex; + flex-direction: column; } h1 { font-size: 1rem; @@ -25,45 +33,186 @@ } p { color: #444; + margin: 0; } #dropzone { - border: 3px dashed currentColor; - border-radius: 1em; + border: 3px dashed #888; + border-radius: 0.5em; padding: 3rem; text-align: center; cursor: pointer; - margin: 3rem 0 1.5rem; + margin: 3rem 0; } #dropzone.dragover { border-style: dotted; font-style: italic; } - #results { - white-space: pre-wrap; + /* top-level result blocks get spacing; per-element rules can override */ + #results .head, + #results .keyline, + #results .err, + #results details { + margin-top: 1.25rem; + } + #results .head:first-child, + #results .err:first-child { + margin-top: 0; + } + .head { + display: flex; + gap: 0.5em; + align-items: baseline; + } + .filename { + font-size: 0.9em; word-break: break-all; - overflow-wrap: anywhere; } - .ok { - color: green; + .badge { + display: inline-block; + padding: 0.1em 0.6em; + border-radius: 1em; + font-weight: 700; + font-size: 0.9em; } - .bad { + .badge.ok { + background: green; + color: #fff; + } + .badge.bad { + background: red; + color: #fff; + } + .err { color: red; + word-break: break-all; } - .warn { + .keyline { + word-break: break-all; + } + .commit-wrap { + margin: 3rem 0 2rem; + } + .commit-title { + font-weight: 600; + margin: 0.5rem 0; + } + .commit-wrap > table { + border-collapse: collapse; + width: 100%; + } + .commit th, + .commit td { + text-align: left; + padding: 0.4em 0.6em; + border-bottom: 1px solid #8888; + vertical-align: top; + word-break: break-all; + } + .commit td { + font-size: 0.9em; + } + .commit th { + font-weight: 600; + font-size: 0.85em; + opacity: 0.7; + } + .commit td:first-child { + white-space: nowrap; + } + .commit tr.warn td { color: darkorange; + } + .commit tr.unexpected td { + opacity: 0.6; + font-style: italic; + } + .commit .note { + font-size: 0.8em; + font-style: italic; + opacity: 0.8; + } + .copyrow { + word-break: break-all; + } + .copyrow code { + display: block; + font-size: 0.85em; + max-height: 8em; + overflow: auto; + margin: 0.5em 0; + } + .copyrow button { + font-family: inherit; + font-size: 0.85em; + margin-right: 0.5em; + cursor: pointer; + } + details { + margin-bottom: 3rem; + } + details > summary { + opacity: 0.6; + font-size: 0.85em; + cursor: pointer; + } + .copyrow .copybtn { + margin-right: 0.75em; + } + /* segmented hex/base64 toggle */ + .fmt-toggle { + display: inline-flex; + border: 1px solid #8888; + border-radius: 0.3em; + overflow: hidden; + font-size: 0.85em; + vertical-align: middle; + } + .fmt-toggle button { + font-family: inherit; + margin: 0; + padding: 0.15em 0.6em; + cursor: pointer; + background: none; + border: none; + color: inherit; + opacity: 0.5; + } + .fmt-toggle button[aria-pressed='true'] { + opacity: 1; + background: #8883; + } + footer { + margin-top: auto; + padding-top: 0.5rem; + border-top: 1px solid #8888; + font-size: 0.85em; + color: #888; + } + footer a { + color: inherit; + } + .muted { + opacity: 0.6; } @media (prefers-color-scheme: dark) { p { color: #ccc; } - .ok { - color: #7ee78b; + .badge.ok { + background: #2ea043; } - .bad { + .badge.bad { + background: #da3633; + } + .err { color: #ff7b72; } - .warn { + .commit tr.warn td { color: #ffa657; + } + .commit th, + .commit td { + border-bottom-color: #fff2; } } @@ -72,7 +221,7 @@
- extract the commit object, resolve the identity's public key, check the archive's signature against it. does not verify repository contents. + Extracts the commit object, resolves the identity's public key, and checks the archive's signature. Does not verify other archive contents.
+ Extracts the commit object, resolves the identity's public key, and checks the archive's signature. Does not verify other archive contents. +
+ +diff --git a/dist/index.html b/dist/index.html new file mode 100644 --- /dev/null +++ b/dist/index.html @@ -0,0 +1,242 @@ + + +
+ +
+ + + + + +
+