forked from bbloomf/jgabc
-
Notifications
You must be signed in to change notification settings - Fork 0
/
readings.html
301 lines (297 loc) · 14.1 KB
/
readings.html
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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<!--
TODO:
Should be able to click on a syllable to accent it or highlight it in the original text.
If a syllable is the last in the word and it is not a full stop/question, there should be a simple way of cycling through it {having a comma and a quarter bar}, {having a comma and a mediant}, {having a comma}, {being nothing}
-->
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-24502736-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-24502736-2');
</script>
<title>Readings Tool</title>
<link rel="icon" href="icon/clear-main.png" type="image/png" />
<link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/mkhgaijffgijgkolifpoaijimncdakkd" />
<link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui-1.10.3.custom.min.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link href="https://fonts.googleapis.com/css?family=Crimson+Text:400,400i,700,700i&text=:;,()[]?.%22'%E2%80%A0*QWERTYUIOPASDFGHJKLZXCVBNMqwertyuiopasdfghjklzxcvbnmáéíóúýäëæǽœœ%CC%81/1234567890-" rel="stylesheet">
<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
<script src="js/Tone.min.js"></script>
<script src="js/tones.js"></script>
<script src="util.js" type="text/javascript"></script>
<script src="psalmtone.js" type="text/javascript"></script>
<script src="jszip.js" async type="text/javascript"></script>
<script src="readings.js"></script>
<script src="exsurge.min.js"></script>
<script src="jquery.hypher.js"></script>
<script src="patterns/la-hypher.js"></script>
<script src="patterns/en-us.js"></script>
<!-- <script src="jszip-deflate.js" async type="text/javascript"></script>-->
</head>
<body class='sans' style='padding:8px'>
<style>
table.bordered {
width:100%;
}
table {
border-collapse:collapse;
}
td{
padding-left:4px;
padding-right:4px;
}
tr.bordered>td {
vertical-align:top;
border-width:1px;
border-style:solid;
}
#chant-parent2{
width:10.3in;
max-width:100%;
margin:auto;
height:100%;
}
#chant-parent{
border:1px solid #aaa;
overflow-y:auto;
height:100%;
}
#chant-pad{
padding:0 0.1in;
}
#chant-preview,#verses{
margin:0.1in auto auto;
}
#verses{
width:100%;
font-family:'Crimson Text';
font-size:18px
}
textarea{
padding:0px;
}
.tap{
padding-right:2px;
}
@media print {
#chant-parent {
border: 0;
overflow-y: visible;
}
#chant-parent2{
height: 100%!important;
}
}
</style>
<form id="pdfForm" target="_blank" method="get" action="https://www.sourceandsummit.com/editor/legacy/">
<!--<input type='hidden' name='pdf' value='1'/>-->
<input type='hidden' name='crop' value='0'/>
</form>
<form id="pdfFormDirect" target="_blank" method="post" action="https://www.sourceandsummit.com/editor/legacy/process.php">
<input type="hidden" id="pdff_gabc" name="gabc[]"/>
<input type="hidden" id="pdff_width" name="width" value="7.5"/>
<input type="hidden" id="pdff_height" name="height" value="11"/>
<input type="hidden" id="pdff_croppdf" name="croppdf" value="false"/>
<input type="hidden" id="pdff_spacing" value="vichi" name="spacing"/>
<input type="hidden" id="pdff_font" value="GaramondPremierPro" name="font"/>
<input type="hidden" id="pdff_fontsize" value="12" name="fontsize"/>
<input type="hidden" id="pdff_fmt" name="fmt" value="pdf"/>
</form>
<div class="hide-print">
<div style="width:100%;margin-bottom:5px">
<ul class="nav nav-pills" style="display: inline-block;">
<li role="presentation"><a href="transcriber.html">GABC Transcription Tool</a></li>
<li role="presentation"><a href="psalmtone.html">Psalm Tone Tool</a></li>
<li role="presentation" class="active"><a href="readings.html">Readings Tool</a></li>
<li role="presentation"><a href="propers.html">Propers Tool</a></li>
<li role="presentation"><a href="faq.html">(About)</a></li>
</ul>
<div style="float:right;margin-left:8px" class="btn-group hide-ss" role="group">
<a class='btn btn-xs btn-primary' href='#' id='lnkPdfDirect'>PDF</a>
<a class='btn btn-xs btn-default' href='#' id='lnkPdf'>Further PDF options</a>
</div>
</div>
<table class="bordered"><tr class="bordered"><td><label for="selTones">Tone: </label><select id="selTones"></select><input type="checkbox" id="cbSolemn" name="solemn"/><label for="cbSolemn">Solemn Tone</label>
<input type="button" id="btnDelTone" value="Delete Current Tone"/><input type="button" id="btnNewTone" value="Create New Tone"/><br/>
<label for="txtClef">Clef: </label><input type="text" id="txtClef" style="width:15pt"/><br/>
<label for="txtRecitingTone">Reciting Tone: </label><input type="text" id="txtRecitingTone" style="width:15pt"/><br/>
<label for="txtFlexTone">Flex Tone: </label><input type="text" id="txtFlexTone" style="width:15pt"/><br/>
<label for="txtMediant">Mediant GABC: </label><input type="text" id="txtMediant" style="width:50%"/><br/>
<label for="txtFullStop">Full Stop GABC: </label><input type="text" id="txtFullStop" style="width:50%"/><br/>
<label for="txtQuestion">Question GABC: </label><input type="text" id="txtQuestion" style="width:50%"/><br/>
<label for="txtConclusion">Conclusion GABC: </label><input type="text" id="txtConclusion" style="width:50%"/><br/>
</td><td><label for="versetext">Text</label>
<input type="checkbox" id="cbEnglish" checked/><label for="cbEnglish" title="If you are working with English text, check this box, and the text will be run through the lyric hyphenator at juiciobrennan.com; it will only contact this site once every 5 seconds so you may have to wait a bit at times for the word syllabification to correct itself. Unknown words are assumed to be a single syllable, and custom syllable breaks may be entered using = as in 'syl=la=ble'">English</label>
Load from Vulgate:
<select id="vulgateBook">
<option>Genesis</option>
<option>Exodus</option>
<option>Leviticus</option>
<option>Numeri</option>
<option>Deuteronomium</option>
<option>Josue</option>
<option>Judicum</option>
<option>Ruth</option>
<option>1 Regum</option>
<option>2 Regum</option>
<option>3 Regum</option>
<option>4 Regum</option>
<option>1 Paralipomenon</option>
<option>2 Paralipomenon</option>
<option>Esdræ</option>
<option>Nehemiæ</option>
<option>Tobiæ</option>
<option>Judith</option>
<option>Esther</option>
<option>Job</option>
<option>Psalmi</option>
<option>Proverbia</option>
<option>Ecclesiastes</option>
<option>Canticum Canticorum</option>
<option>Sapientia</option>
<option>Ecclesiasticus</option>
<option>Isaias</option>
<option>Jeremias</option>
<option>Lamentationes</option>
<option>Baruch</option>
<option>Ezechiel</option>
<option>Daniel</option>
<option>Osee</option>
<option>Joel</option>
<option>Amos</option>
<option>Abdias</option>
<option>Jonas</option>
<option>Michæa</option>
<option>Nahum</option>
<option>Habacuc</option>
<option>Sophonias</option>
<option>Aggæus</option>
<option>Zacharias</option>
<option>Malachias</option>
<option>1 Machabæorum</option>
<option>2 Machabæorum</option>
<option>Matthæus</option>
<option>Marcus</option>
<option>Lucas</option>
<option>Joannes</option>
<option>Actus Apostolorum</option>
<option>Ad Romanos</option>
<option>1 Ad Corinthios</option>
<option>2 Ad Corinthios</option>
<option>Ad Galatas</option>
<option>Ad Ephesios</option>
<option>Ad Philippenses</option>
<option>Ad Colossenses</option>
<option>1 Ad Thessalonicenses</option>
<option>2 Ad Thessalonicenses</option>
<option>1 Ad Timotheum</option>
<option>2 Ad Timotheum</option>
<option>Ad Titum</option>
<option>Ad Philemonem</option>
<option>Ad Hebræos</option>
<option>Jacobi</option>
<option>1 Petri</option>
<option>2 Petri</option>
<option>1 Joannis</option>
<option>2 Joannis</option>
<option>3 Joannis</option>
<option>Judæ</option>
<option>Apocalypsis</option>
</select>
<input id="vulgateChapterVerse" placeholder="Chapter:Verse"><input type="button" id="btnVulgateLoad" value="Load"/>
<br/><div class="tap"><textarea id="versetext" lang="latin" style="height: 120pt; width: 100%;">IN those days a decree went out from Caesar Augustus
that the whole world should be enrolled*.
This was the first enrollment,
when Quirinius was governor of Sy*ria.
So all went to be enrolled*,, each to his own town*.
And Joseph too went up from Galilee from the town of Nazareth
to Judea,, to the city of David that is called Be*thlehem,
because he was of the house and family of David,
to be enrolled with Mary, his betrothed, who was with child.
While they were there,+
the time came for her to have her child*,
and she gave birth to her firstborn son*.
She wrapped him in swaddling clothes and laid him in a manger,
because there was no room for them in the inn*=.
Now there were shepherds in that region living in the fields+
and keeping the night watch over their flock*.
The angel of the Lord appeared to them+
and the glory of the Lord shone around them,
and they were struck with great fear.
The angel said* to them,
"Do not be afraid*;
for behold, I proclaim to you good news of great joy
that will be for all the people.
For today in the city of David
a savior has been born for you who is Christ and Lord*.
And this will be a sign* for you:
you will find an infant wrapped in swaddling clothes
and lying in a manger."
And suddenly there was a multitude of the heavenly host with the angel,+
praising God and saying:
"Glory to God in the highest,
and on earth peace to those on whom his favor rests*."</textarea></div>
</td></tr>
<tr class="bordered"><td>
<label for="selFormat" title="Select a 'gabc' format to format all verses using gabc. New formats can be created with the 'Create New Format' button, and all formats can be edited using the panel to the right.">Format as: </label><select id="selFormat"></select><input type="button" id="btnDelFormat" value="Delete Current Format"/><input type="button" id="btnNewFormat" value="Create New Format"/>
<br/><input type="checkbox" id="cbOnlyVowels"/><label for="cbOnlyVowels" title="Only apply the formatting to the vowel rather than to the entire syllable, and only to first of any preparatory syllables rather than to all preparatory syllables.">Only format vowels</label>
<br/><input type="checkbox" id="cbUsePunctaCava"/><label for="cbUsePunctaCava" title="Use a punctum cavum wherever a variable number of notes will be present depending on the specific verse.">Use puncta cava</label>
</td><td style="border-left-style:solid;">
<table class="">
<tr><td><label for="txtBeginPrep" title="This text will be added just before each preparatory syllable.">Begin Preparatory Syllable:</label></td><td><input type="text" id="txtBeginPrep"/></td>
<td style="padding-left:12pt;"><label for="txtEndPrep" title="This text will be added just after each preparatory syllable.">End Preparatory Syllable:</label></td><td><input type="text" id="txtEndPrep"/></td></tr>
<tr><td><label for="txtBeginAccented" title="This text will be added just before each accented syllable that figures in the mediant/termination.">Begin Accented Syllable:</label></td><td><input type="text" id="txtBeginAccented"/></td>
<td style="padding-left:12pt;"><label for="txtEndAccented" title="This text will be added just after each accented syllable that figures in the mediant/termination.">End Accented Syllable:</label></td><td><input type="text" id="txtEndAccented"/></td></tr>
<tr><td><label for="txtPrefix" title="Inserted before every verse. $c will be replaced by the verse number.">Verse Prefix:</label></td>
<td><input type="text" id="txtPrefix"/></td>
<td style="padding-left:12pt;"><label for="txtSuffix" title="Inserted after every verse. $c will be replaced by the verse number.">Verse Suffix:</label></td>
<td><input type="text" id="txtSuffix"/></td></tr>
<tr><td><label for="txtNbsp" title="Used before : * and † so that lines won't be broken up with one of these characters starting the line.">Non-breaking space:</label></td><td><input type="text" id="txtNbsp"/></td>
<td style="padding-left:12pt;"><label for="txtVersesName" title="Name of the verses file in Chrome when dragging the link to a file explorer window. $psalm will be replaced with the psalm number (or Magnificat, etc.) and $tone will be replaced with the tone (e.g., 8gstar).">Verses Filename:</label></td><td><input type="text" id="txtVersesFilename"/></td>
</tr>
</table>
</td></tr>
</table>
<div class="tap"><label for="txtGabc" title="You can put GABC headers in this text box if you want them included in the GABC file download link below. Any headers you type in will persist in local storage between sessions.">GABC</label><br/><textarea id="txtGabc" spellcheck="false" style="height: 64px; width: 100%;"></textarea></div>
</div>
<div id="chant-parent2">
<div id="chant-parent">
<div id="chant-pad">
<div id="chant-preview"></div>
<div id="verses"></div>
</div>
</div>
</div>
<svg class="bg-blur">
<defs>
<filter id="text-glow" x="-100%" y="-100%" width="300%" height="300%">
<feGaussianBlur in="SourceAlpha" stdDeviation="5 5" result="glow"/>
<feFlood flood-color="#337ab7" result="COLOR" />
<feComposite in="COLOR" in2="glow" operator="in" result="glow-color" />
<feMerge>
<feMergeNode in="glow-color"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<filter id="note-glow" x="-150%" y="-150%" width="400%" height="400%">
<feGaussianBlur in="SourceAlpha" stdDeviation="5 5" result="glow"/>
<feFlood flood-color="#337ab7" result="COLOR" />
<feComposite in="COLOR" in2="glow" operator="in" result="glow-color" />
<feMerge>
<feMergeNode in="glow-color"/>
<feMergeNode in="glow-color"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
</svg>
</body>
</html>