aboutsummaryrefslogtreecommitdiff
path: root/internal/web/templates/readings-vertical.html
blob: 08f526d43a13f582263d2d8ffc3146a12a2fd7fa (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
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}}