diff options
| author | Ahmed <git@gumx.cc> | 2026-06-19 17:11:02 +0300 |
|---|---|---|
| committer | Ahmed <git@gumx.cc> | 2026-06-19 17:11:02 +0300 |
| commit | 508053f4c2704412db3d8eaa4a2e126bdf20d83d (patch) | |
| tree | c571302502f303be0fff37c660766712b9456522 /web/scripts/gen_tool.py | |
| parent | d77c2e512ec61e841df90ddae42775402688cc61 (diff) | |
fix: network nav and tool page style
Diffstat (limited to 'web/scripts/gen_tool.py')
| -rw-r--r-- | web/scripts/gen_tool.py | 28 |
1 files changed, 15 insertions, 13 deletions
diff --git a/web/scripts/gen_tool.py b/web/scripts/gen_tool.py index 89cd2f1..4d6336d 100644 --- a/web/scripts/gen_tool.py +++ b/web/scripts/gen_tool.py @@ -21,22 +21,22 @@ def generate_html(reg): <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> -<title>UGI Tool v{reg['spec']['version']} — Encoder / Decoder / Converter</title> +<title>UGI Tool v{reg['spec']['version']}</title> <style> -@font-face {{ font-family: "Kawkab Mono"; src: url(fonts/KawkabMono-Regular.woff2); font-weight: normal; }} -@font-face {{ font-family: "Kawkab Mono"; src: url(fonts/KawkabMono-Bold.woff2); font-weight: bold; }} +@font-face {{ font-family: "Kawkab Mono"; src: url(/fonts/KawkabMono-Regular.woff2); font-weight: normal; }} +@font-face {{ font-family: "Kawkab Mono"; src: url(/fonts/KawkabMono-Bold.woff2); font-weight: bold; }} * {{ box-sizing: border-box; margin: 0; padding: 0; unicode-bidi: plaintext; }} html {{ color: black; background-color: white; }} body {{ font-family: "Kawkab Mono", monospace; - font-size: 16px; line-height: 1.5; - max-width: 900px; margin: 0 auto; padding: 1rem; + font-size: 16px; line-height: 1.4; + max-width: 800px; margin: 0 auto; padding: 4rem 2rem; }} -header {{ font-size: 0.9rem; margin-bottom: 1.5rem; }} +header {{ margin-bottom: 1em; }} h1 {{ font-size: 1.3rem; margin-bottom: 0.5rem; }} h2 {{ font-size: 1.1rem; margin: 1rem 0 0.5rem; }} h3 {{ font-size: 0.95rem; margin: 0.8rem 0 0.3rem; }} -hr {{ border: none; border-top: 1px solid; margin: 1rem 0; }} +hr {{ border: none; border-top: thin solid; margin: 1.25rem 0; }} @media (prefers-color-scheme: dark) {{ html {{ filter: invert(1); }} img {{ filter: invert(1); }} }} .tabs {{ display: flex; gap: 0; border-bottom: 2px solid; margin-bottom: 1rem; @@ -53,7 +53,7 @@ label {{ display: block; margin: 0.3rem 0 0.1rem; font-weight: bold; }} input, select, textarea {{ font-family: inherit; font-size: inherit; border: 1px solid; - padding: 0.3rem 0.5rem; border-radius: 3px; + padding: 0.3rem 0.5rem; }} input[type="range"] {{ background: none; border: none; padding: 0; width: 200px; vertical-align: middle; }} input[type="checkbox"] {{ width: auto; margin-right: 0.3rem; vertical-align: middle; }} @@ -61,18 +61,17 @@ textarea {{ width: 100%; min-height: 100px; resize: vertical; }} button {{ font-family: inherit; font-size: inherit; padding: 0.3rem 0.8rem; cursor: pointer; background: black; color: white; border: none; - border-radius: 3px; }} button:hover {{ opacity: 0.7; }} -.field-section {{ margin: 0.5rem 0; padding: 0.5rem; border: 1px solid; border-radius: 3px; }} +.field-section {{ margin: 0.5rem 0; padding: 0.5rem; border: 1px solid; }} .field-section summary {{ cursor: pointer; font-weight: bold; }} .chip {{ display: inline-block; padding: 0.15rem 0.5rem; margin: 0.15rem; - background: rgba(128,128,128,0.15); border-radius: 3px; font-size: 0.85rem; + background: rgba(128,128,128,0.15); font-size: 0.85rem; }} .chip .remove {{ cursor: pointer; margin-left: 0.3rem; }} .output-box {{ - background: rgba(128,128,128,0.08); padding: 0.8rem; border-radius: 3px; + background: rgba(128,128,128,0.08); padding: 0.8rem; word-break: break-all; margin: 0.5rem 0; min-height: 2rem; border: 1px solid; }} @@ -95,7 +94,7 @@ footer {{ text-align: center; margin-top: 3rem; }} <body> <header> -<a href="https://gumx.cc">gumx</a> / <a href="https://ugi.gumx.cc">ugi</a> +<nav><strong><a href="https://gumx.cc">gumx</a></strong> / <a href="https://ugi.gumx.cc">ugi</a></nav> </header> <h1>UGI Tool v{reg['spec']['version']}</h1> @@ -170,6 +169,9 @@ footer {{ text-align: center; margin-top: 3rem; }} <a href="https://pgp.gumx.cc">pgp</a> / <a href="https://demo.gumx.cc">demo</a> / <a href="https://wk.fo">wk.fo</a> +<br> +<a href="https://git.gumx.cc/ugi">source</a> / +<a href="https://gumx.cc/license">license</a> </footer> <script> |