diff options
| author | Runxi Yu <me@runxiyu.org> | 2025-03-24 20:52:13 +0800 |
|---|---|---|
| committer | Runxi Yu <me@runxiyu.org> | 2025-03-24 20:52:13 +0800 |
| commit | 900bb04006b0f1ba6853b8ebc56ad377767b50b3 (patch) | |
| tree | e4cffcea15810bcf894c3f3b65d5a0d60411fd84 | |
| parent | README.md: Remove the "JS is slow" notice, we have WebAssembly (diff) | |
| download | powxy-900bb04006b0f1ba6853b8ebc56ad377767b50b3.tar.gz powxy-900bb04006b0f1ba6853b8ebc56ad377767b50b3.tar.zst powxy-900bb04006b0f1ba6853b8ebc56ad377767b50b3.zip | |
Use pre instead of a bad input fieldv0.1.11
| -rw-r--r-- | challenge.html | 6 | ||||
| -rw-r--r-- | static/style.css | 20 |
2 files changed, 9 insertions, 17 deletions
diff --git a/challenge.html b/challenge.html index 0747afb..cc7f941 100644 --- a/challenge.html +++ b/challenge.html @@ -1,8 +1,8 @@ +<!DOCTYPE html> <!-- SPDX-License-Identifier: BSD-2-Clause SPDX-FileCopyrightText: Copyright (c) 2025 Runxi Yu <https://runxiyu.org> --> -<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> @@ -58,8 +58,8 @@ <section> <p>Select a nonce no longer than 32 bytes, such that when it is appended to the decoded form of the challenge identifier, and the entire result is hashed with SHA-256, the first {{ .Global.NeedBits }} bits of the SHA-256 hash are all zeros. Within one octet, higher bits are considered to come before lower bits.</p> <p>In other words, find an nonce <math display="inline" xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mi>N</mi><annotation encoding="application/x-tex">N</annotation></semantics></math> with <math display="inline" xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mo stretchy="false" form="prefix">|</mo><mi>N</mi><mo stretchy="false" form="postfix">|</mo><mo>≤</mo><mn>32</mn><mspace width="0.167em"></mspace><mi mathvariant="normal">B</mi></mrow><annotation encoding="application/x-tex">\lvert N\rvert \le 32\,\mathrm{B}</annotation></semantics></math>, such that <math display="inline" xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mrow><mi mathvariant="normal">S</mi><mi mathvariant="normal">H</mi><mi mathvariant="normal">A</mi><mn mathvariant="normal">256</mn></mrow><mrow><mo stretchy="true" form="prefix">(</mo><mi>I</mi><mspace width="0.167em"></mspace><mo stretchy="false" form="postfix">∥</mo><mspace width="0.167em"></mspace><mi>N</mi><mo stretchy="true" form="postfix">)</mo></mrow><mo><</mo><msup><mn>2</mn><mn>{{ .Global.NeedBitsReverse }}</mn></msup></mrow><annotation encoding="application/x-tex">\mathrm{SHA256}(I \,\|\, N) < 2^{{{ .Global.NeedBitsReverse }}}</annotation></semantics></math> in big endian, where <math display="inline" xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mi>I</mi><annotation encoding="application/x-tex">I</annotation></semantics></math> is the identifier provided below.</p> - <label for="unsigned-identifier">Challenge identifier (read-only)</label> - <input id="unsigned-identifier" type="text" readonly disabled tabindex="-1" value="{{ .Identifier }}" /> + <label for="identifier">Challenge identifier (read-only)</label> + <pre id="identifier">{{ .Identifier }}</pre> </section> <section> diff --git a/static/style.css b/static/style.css index 154d629..d7e7b62 100644 --- a/static/style.css +++ b/static/style.css @@ -62,6 +62,10 @@ label { margin-bottom: 0.5rem; } +label + pre { + margin-top: 0; +} + h1 { margin-top: 0; } @@ -76,8 +80,9 @@ a { text-decoration-color: var(--text-decoration-color); } -input[type="text"] { +input[type="text"], pre { font-family: monospace; + overflow-x: auto; font-size: 1rem; background-color: var(--lighter-box-background-color); color: var(--text-color); @@ -99,12 +104,6 @@ input[type="submit"] { cursor: pointer; } -input[readonly] { - background-color: var(--lighter-box-background-color); - color: var(--text-color); - cursor: text; -} - details { margin-top: 2rem; background-color: var(--lighter-box-background-color); @@ -113,13 +112,6 @@ details { box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.15); } -pre { - overflow-x: auto; - display: block; - white-space: pre-wrap; - word-break: break-word; -} - #solver_status { color: var(--light-text-color); margin-top: 1rem; |