diff options
Diffstat (limited to 'internal')
| -rw-r--r-- | internal/web/static/base.css | 7 | ||||
| -rw-r--r-- | internal/web/templates/index.html | 16 |
2 files changed, 11 insertions, 12 deletions
diff --git a/internal/web/static/base.css b/internal/web/static/base.css index 3a240b2..757e935 100644 --- a/internal/web/static/base.css +++ b/internal/web/static/base.css @@ -100,6 +100,13 @@ body.mono { font-size: 0.85rem; text-decoration: none; } +/* The reader entry point is the primary action here -- make it stand out. */ +.nav-reader { + text-transform: uppercase; + font-weight: bold; + font-size: 1rem; + letter-spacing: 0.04em; +} .chap-nav { display: inline-flex; align-items: center; diff --git a/internal/web/templates/index.html b/internal/web/templates/index.html index 50ffdac..3379dc1 100644 --- a/internal/web/templates/index.html +++ b/internal/web/templates/index.html @@ -41,12 +41,9 @@ function stepDate(n){ <button type="button" onclick="stepDate(1)">→</button> </span> - <label>{{.L.Lectionary}} - <select name="lectionary"> - <option value="new" {{if eq .Lectionary "new"}}selected{{end}}>{{.L.OptModern}}</option> - <option value="traditional" {{if eq .Lectionary "traditional"}}selected{{end}}>{{.L.OptTraditional}}</option> - </select> - </label> + {{/* Lectionary is a setting now (see /settings), carried as a hidden field so + the readings, export and month-calendar links still use it. */}} + <input type="hidden" name="lectionary" value="{{.Lectionary}}"> {{range .VersionOpts}} <label id="ver-{{.Code}}"><input type="checkbox" name="v" value="{{.Code}}" {{if .Checked}}checked{{end}}> {{.Code}}</label> @@ -66,17 +63,12 @@ function stepDate(n){ <option value="interlinear" {{if eq .Display "interlinear"}}selected{{end}}>{{.L.OptInterlinear}}</option> </select> </label> - - {{/* mono lives in the form but stops its change from bubbling, so toggling - it flips the body class without refetching the readings. */}} - <label class="mono-toggle"><input type="checkbox" {{if .Mono}}checked{{end}} - onchange="event.stopPropagation();document.body.classList.toggle('mono', this.checked)"> {{.L.Mono}}</label> </div> {{/* Utility links, pinned to the top-right (see #controls / .controls-side). The export URLs are built from the live control values at click time. */}} <span class="controls-side"> - <a class="nav-link" href="/reader">{{.L.NavReader}} →</a> + <a class="nav-link nav-reader" href="/reader">{{.L.NavReader}} →</a> <a class="nav-link" href="/settings">{{.L.NavSettings}}</a> <span class="export">{{.L.Export}}: <a href="#" onclick="location='/export?fmt=txt&'+new URLSearchParams(new FormData(document.getElementById('controls'))).toString();return false;">txt</a> |
