diff options
Diffstat (limited to 'internal/web/templates/readings-vertical.html')
| -rw-r--r-- | internal/web/templates/readings-vertical.html | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/internal/web/templates/readings-vertical.html b/internal/web/templates/readings-vertical.html new file mode 100644 index 0000000..08f526d --- /dev/null +++ b/internal/web/templates/readings-vertical.html @@ -0,0 +1,29 @@ +{{/* readings-vertical.html renders the reading pane fragment in vertical + (side-by-side columns) layout: one <section> per liturgy.Section, all + requested versions laid out in a .display-vertical grid, one .vcol per + version -- the browser equivalent of the CLI `compare` view. Data and + role classes (heading/citation/version-label/vnum/refrain) match + readings.html so theme CSS restyles both identically; base.css owns + the .display-vertical/.vcol layout. */}} +{{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"> + <h3 class="version-label">{{.Label}}</h3> + {{range .Blocks}} + {{if .Refrain}} + <p class="block refrain">{{.Text}}</p> + {{else if .VNum}} + <p class="block verse"><span class="vnum">{{.VNum}}</span> {{.Text}}</p> + {{else}} + <p class="block">{{.Text}}</p> + {{end}} + {{end}} + </div> + {{end}} + </div> +</section> +{{end}} |