diff options
| -rw-r--r-- | template.html | 46 |
1 files changed, 36 insertions, 10 deletions
diff --git a/template.html b/template.html index d4b390f..2d7f9e6 100644 --- a/template.html +++ b/template.html @@ -15,6 +15,7 @@ --primary: #2da44e; --primary-hover: #2c974b; --danger: #cf222e; + --link: #0969da; --radius: 3px; } @media (prefers-color-scheme: dark) { @@ -24,7 +25,7 @@ --border: #30363d; --text: #c9d1d9; --muted: #8b949e; - --primary: #238636; /* slightly adjusted for dark background visibility */ + --primary: #238636; --primary-hover: #2ea043; --danger: #f85149; } @@ -45,27 +46,45 @@ h1 { margin-bottom: 1rem; font-size: 1.6rem; - text-align: center; } a { + text-decoration: none; word-break: break-all; - color: var(--primary); + color: var(--link); } a:hover { text-decoration: underline; } + a.button { + display: inline-block; + background: var(--primary); + color: white; + text-decoration: none; + font-weight: 600; + font-size: 0.95rem; + padding: 0.6rem 1.2rem; + border-radius: var(--radius); + border: none; + cursor: pointer; + text-align: center; + line-height: 1.4; + } + + a.button:hover { + background: var(--primary-hover); + text-decoration: none; + } + .container { max-width: 900px; margin: 0 auto; } - #error { - color: var(--danger); - margin-bottom: 1rem; - font-weight: 500; + .center { + text-align: center; } .flex { @@ -159,7 +178,12 @@ background: var(--primary-hover); } - /* Preview card */ + #error { + color: var(--danger); + margin-bottom: 1rem; + font-weight: 500; + } + #preview-container { display: none; background: var(--card-bg); @@ -191,7 +215,7 @@ <body> <div class="container"> - <h1>Bin-ки и глогинки. 🌿</h1> + <h1 class="center">Bin-ки и глогинки. 🌿</h1> <div class="card"> <div id="error"></div> @@ -244,7 +268,9 @@ </fieldset> {{end}} - <a href="/">↩ Back to New Post</a> + <div class="center"> + <a class="button" href="/">↩ New Post</a> + </div> {{end}} </div> </div> |