-
Notifications
You must be signed in to change notification settings - Fork 53
/
psalmtone.html
245 lines (244 loc) · 13.8 KB
/
psalmtone.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
<!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" >
<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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=320, initial-scale=1">
<title>Psalm Tone 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="FileSaver.min.js"></script>
<script src="jquery.hypher.js"></script>
<script src="patterns/la-hypher.js"></script>
<script src="cantica.js"></script>
<script src="psalmtone.html.js"></script>
<script src="exsurge.min.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.noeditor{
height: 100%!important;
width: 100%!important;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: white;
}
#chant-parent2 .when-no-editor {
display: none;
}
#chant-parent2.noeditor .when-no-editor {
display: block;
}
#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="20" 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" class="active"><a href="psalmtone.html">Psalm Tone Tool</a></li>
<li role="presentation"><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><select id="selEnd"></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:18pt"/><br/>
<label for="versegabc" title="Text of the psalm">Psalm GABC</label><br/><div class="tap"><textarea id="versegabc" spellcheck="false" style="height: 24pt; width: 100%;">g hj jr 'k jr jr 'ih j. j jr h 'j jr ih..</textarea></div>
Mediant of <span id="sMedAccent"></span> accent<span id="sMedAccentS">s</span><span id="sMedPrepOuter"> with <span id="sMedPrep"></span> preparatory syllable<span id="sMedPrepS">s</span></span>
<br/>Termination of <span id="sTermAccent"></span> accent<span id="sTermAccentS">s</span><span id="sTermPrepOuter"> with <span id="sTermPrep"></span> preparatory syllable<span id="sTermPrepS">s</span></span>
</td><td><label for="selPsalm">Psalm </label><select id="selPsalm"></select>
<input type="checkbox" id="cbEnglish"/><label for="cbEnglish">English</label>
<input type="checkbox" id="cbUseNovaVulgata"/><label for="cbUseNovaVulgata">Use Nova Vulgata psalms</label>
<input type="checkbox" id="cbIncludeGloriaPatri"/><label for="cbIncludeGloriaPatri">Include Glória Patri</label><br/><div class="tap"><textarea id="versetext" lang="latin" style="height: 96pt; width: 100%;"></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 verses 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" checked id="cbFirstVerseGabc"/><label for="cbFirstVerseGabc" id="lblFirstVerseGabc" title="Use GABC for first verse instead of ...">GABC for first verse</label><br/>
<input type="checkbox" id="cbInitStyle"/><label for="cbInitStyle" title="Use large drop cap for first verse, and ommit verse prefix on first verse.">Use large initial</label><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><br/>
<input type="checkbox" id="cbRepeatIntonation"/><label for="cbRepeatIntonation" title="Repeat the intonation in each verse rather than just in the first verse (only affects the gabc output)">Repeat intonation</label><br/>
<label for="txtGabcFlex" title="Text to use at the flex if not a simple dagger (†)">Dagger Text:</label> <input type="text" id="txtGabcFlex"/><br/>
<label for="txtGabcStar" title="Text to use at the mediant if not a simple asterisk (*)">Asterisk Text:</label> <input type="text" id="txtGabcStar"/>
</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="txtBeginFlexAccented" title="This text will be added just before each accented syllable immediately before a flex. Hoc est ex*émplum; †">Begin Flex Accented Syllable:</label></td>
<td><input type="text" id="txtBeginFlexAccented"/></td>
<td style="padding-left:12pt;"><label for="txtEndFlexAccented" title="This text will be added just after each accented syllable immediately before a flex. Hoc est exém*plum; †">End Flex Accented Syllable:</label></td>
<td><input type="text" id="txtEndFlexAccented"/></td>
</tr>
<tr>
<td><label for="txtBeginFlex" title="This text will be added just before a syllable immediately following the last accented syllable before a flex. Hoc est exém*plum; †">Begin Flex Syllable:</label></td>
<td><input type="text" id="txtBeginFlex"/></td>
<td style="padding-left:12pt;"><label for="txtEndFlex" title="This text will be added just after any syllable immediately before a flex. Hoc est exémplum*; †">End Flex Syllable:</label></td>
<td><input type="text" id="txtEndFlex"/></td>
</tr>
<tr>
<td><label for="txtPrefix" title="Inserted before every verse. $c will be replaced by the verse number. If commas are present, it will cycle through each prefix in the comma separated list, e.g., '1,2,3' -> '1,2,3,1,2,etc.'">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>
<tr>
<td><label for="txtAnnotation" title="This text will be added to the annotation field to show info such as the mode.">Annotation:</label></td>
<td><input type="text" id="txtAnnotation"/></td>
<td style="padding-left:12pt;" title="This text will be added to the user-notes field to show info such as the Psalm number."><label for="txtUserNotes">User Notes:</label></td>
<td><input type="text" id="txtUserNotes"/></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 style='margin:0.5em;'>
<a href="#" id="lnkDownloadGabc" draggable target="_blank">Download GABC</a> <a href="#" id="lnkDownloadVerses" draggable target="_blank">Download Verses</a>
<a href="#" id="lnkDownloadAll" draggable>Download ZIP of all psalms in each tone</a><span id="spnProgressZip"></span> <a href="#" id="lnkCancelZip" style="display:none">Cancel</a> <a href="#noeditor" id="lnkHideEditor">Hide Editor</a>
</div>
</div>
<div id="chant-parent2">
<div class='when-no-editor'><a href="#editor">Show Editor</a></div>
<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>