~reesmichael1/chantpointer

ref: 5d08de29fb71ff93c78454ff9646e708b876be12 chantpointer/templates/html/index.html -rw-r--r-- 5.2 KiB View raw
5d08de29Michael Rees Add --no-cache flag for easier development 5 months ago
                                                                                
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<html>
    <head>
        <title>Chant Pointer</title>
        <link href="/static/bulma.min.css" rel="stylesheet" type="text/css" media="all">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style> 
html {
    overflow-y: auto;
    font-family: Arial, sans-serif;
}
        </style>
    </head>
    <body>
        <section class="hero is-primary has-text-centered">
            <div class="hero-body ">
                <h1 class="title">Chant Pointer</h1>
                <h2 class="subtitle">Easily point Anglican chants</h2>
            </div>
        </section>
        <div class="section">
            <form action="/generate" method="post" enctype="multipart/form-data">

                <div class="field">
                    <label class="label">Chant Score</label>
                    <div class="control">
                        <input class="input" type="file" name="score" accept="image/*" 
                          {{ if ne .ScorePath "" }} value="{{ .ScorePath }}" {{ end }} required>
                    </div>
                </div>

                <div class="field">
                    <label class="label">Title</label>
                    <div class="control">
                        <input class="input" name="title" type="text" placeholder="Title" 
                          {{ if ne .Title "" }} value="{{ .Title }}" {{ end }}
                        >
                    </div>
                </div>

                <div class="field">
                    <label class="label">Subtitle</label>
                    <div class="control">
                        <input class="input" name="subtitle" type="text" placeholder="Subtitle"
                          {{ if ne .Subtitle "" }} value="{{ .Subtitle }}" {{ end }}
                        >
                    </div>
                </div>

                <div class="field">
                    <label class="label">Chant</label>
                    <div class="control">
                        <textarea name="chant" class="textarea" required>{{ if ne .Chant "" }}{{ .Chant }}{{ end }}</textarea>
                    </div>
                </div>

                <div class="field">
                    <div class="control">
                        <button class="button is-link">Generate PDF</button>
                    </div>
                </div>

                {{ if ne .URL "" }}
                <div class="field">
                    <div class="control">
                        <a href="{{ .URL }}">Download PDF</a>
                        <p>This link will work and may be shared for at least the next 24 hours.</p>
                        <p>(If you would like to make any changes, you will need to re-select the chant score.)</p>
                    </div>
                </div>
                {{ end }}
            </form>
        </div>
        <div class="section">
            <h2 class="subtitle">Demo</h2>
            <div class="columns">
                <div class="column">
                    <div class="content">
                        <pre>The earth is the Lord's and all that | is in | it,
the world and | all who | dwell there|in.

For it is he who founded it u|pon the | s\"eas
and made it firm | u_pon | (the rivers) (of the) | deep.

^Who is he, this | King of | glory?
The Lord of hosts,\\ he | is the | King of | glory.</pre>
                    </div>
                </div>
                <div class="column">
                    <img src="./static/demo.png">
                </div>
            </div>
        </div>
        <div class="section">
            <h2 class="subtitle">How-To</h2>
            <div class="content">
                <ul>
                    <li>Use line breaks to separate parts of a verse</li>
                    <li>Use <code>\\</code> to insert a line break in the output while staying in the same verse</li>
                    <li>Use <code>\"</code> in front of a vowel to insert a diacritic</li>
                    <li>Use the <code>|</code> character to divide bars</li>
                    <li>Use <code>_</code> to break syllables: <code>war_rior</code>.
                    <li>Use parentheses to group syllables: <code>(glory of) the Lord</code></li>
                    <li>Add a <code>^</code> at the beginning of a verse to indicate that the verse should use the second part of the chant</li>
                    <li>Need help or want to see something else added? Feel free to <a href="mailto:mrees@noeontheend.com">contact me</a>!</li>
                </ul>
            </div>
        </div>

        <footer class="footer">
            <div class="content">
                <p>
                If you find this useful, you may also be interested in <a href="https://liturgical.net">LiturgiCal</a>.
                </p>
                <p>This website was built by <a href="https://reesmichael1.com">Michael Rees</a> on top of a <a href="https://github.com/gregrs-uk/anglican-chant-template">LaTeX template for typesetting Anglican chant</a> originally written by <a href="https://github.com/gregrs-uk">@gregrs-uk</a>.
                <p>If you are interested, the source code for this website <a href="https://git.sr.ht/~reesmichael1/chantpointer">is freely avaiable</a>.</p>
            </div>
        </footer>
    </body>
</html>