diff options
Diffstat (limited to 'internal/web')
| -rw-r--r-- | internal/web/static/base.css | 20 | ||||
| -rw-r--r-- | internal/web/templates/readings-interlinear.html | 1 | ||||
| -rw-r--r-- | internal/web/templates/readings-vertical.html | 3 | ||||
| -rw-r--r-- | internal/web/templates/readings.html | 3 |
4 files changed, 22 insertions, 5 deletions
diff --git a/internal/web/static/base.css b/internal/web/static/base.css index 4e942d5..b5ce9a5 100644 --- a/internal/web/static/base.css +++ b/internal/web/static/base.css @@ -154,6 +154,26 @@ body.mono { font-style: italic; } +/* Verse block: a fixed number column + a text column, so every verse's text + starts at the same left edge (a straight margin) and continuation lines + hang-indent under it -- matching the CLI/TUI reader. */ +.block.verse { + display: grid; + grid-template-columns: 3rem 1fr; + column-gap: 0.4rem; + align-items: baseline; +} + +.block.verse .vnum { + min-width: 0; + margin-right: 0; + text-align: right; +} + +.block.verse .vtext { + min-width: 0; +} + .vnum { display: inline-block; min-width: 2.5em; diff --git a/internal/web/templates/readings-interlinear.html b/internal/web/templates/readings-interlinear.html index 0ba7c02..5b71318 100644 --- a/internal/web/templates/readings-interlinear.html +++ b/internal/web/templates/readings-interlinear.html @@ -10,7 +10,6 @@ {{range .}} <section class="reading-section" data-part="{{.PartID}}"> <h2 class="heading">{{.Heading}}</h2> - {{if .Subtitle}}<p class="citation">{{.Subtitle}}</p>{{end}} {{if .Note}} <p class="error">{{.Note}}</p> {{else}} diff --git a/internal/web/templates/readings-vertical.html b/internal/web/templates/readings-vertical.html index 08f526d..d9896c1 100644 --- a/internal/web/templates/readings-vertical.html +++ b/internal/web/templates/readings-vertical.html @@ -8,7 +8,6 @@ {{range .}} <section class="reading-section" data-part="{{.PartID}}"> <h2 class="heading">{{.Heading}}</h2> - {{if .Subtitle}}<p class="citation">{{.Subtitle}}</p>{{end}} <div class="display-vertical"> {{range .Columns}} <div class="vcol"> @@ -17,7 +16,7 @@ {{if .Refrain}} <p class="block refrain">{{.Text}}</p> {{else if .VNum}} - <p class="block verse"><span class="vnum">{{.VNum}}</span> {{.Text}}</p> + <p class="block verse"><span class="vnum">{{.VNum}}</span><span class="vtext">{{.Text}}</span></p> {{else}} <p class="block">{{.Text}}</p> {{end}} diff --git a/internal/web/templates/readings.html b/internal/web/templates/readings.html index 0c57ddd..a1cbcdb 100644 --- a/internal/web/templates/readings.html +++ b/internal/web/templates/readings.html @@ -5,7 +5,6 @@ {{range .}} <section class="reading-section" data-part="{{.PartID}}"> <h2 class="heading">{{.Heading}}</h2> - {{if .Subtitle}}<p class="citation">{{.Subtitle}}</p>{{end}} <div class="columns"> {{range .Columns}} <div class="column"> @@ -14,7 +13,7 @@ {{if .Refrain}} <p class="block refrain">{{.Text}}</p> {{else if .VNum}} - <p class="block verse"><span class="vnum">{{.VNum}}</span> {{.Text}}</p> + <p class="block verse"><span class="vnum">{{.VNum}}</span><span class="vtext">{{.Text}}</span></p> {{else}} <p class="block">{{.Text}}</p> {{end}} |
