forked from bbloomf/jgabc
-
Notifications
You must be signed in to change notification settings - Fork 0
/
transcriber.html
123 lines (121 loc) · 5.81 KB
/
transcriber.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--<html manifest="cache.manifest">-->
<html>
<head>
<title>GABC Transcription 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="style.css" />
<link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui-1.10.3.custom.min.css" />
<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="jgabc.js"></script>
<script src="psalmtone.js"></script>
<script src="sink.js"></script>
<script src="audiolet.js"></script>
<script src="transcriber.html.js"></script>
</head>
<body class='sans' style='overflow:hidden'>
<style>
textarea{
padding:0px;
}
.dp{
padding-right:16px;
}
.tap{
padding-right:2px;
}
td{
padding:0px;
}
#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{
margin:0.1in auto auto;
}
input[type=checkbox]{
margin-top:2px;
margin-bottom:2px;
}
textarea{
resize:none;
}
</style>
<form id="pdfForm" target="_blank" method="get" action="http://apps.illuminarepublications.com/gregorio/">
<!--<input type='hidden' name='pdf' value='1'/>-->
<input type='hidden' name='crop' value='0'/>
</form>
<form id="pdfFormDirect" target="_blank" method="post" action="http://apps.illuminarepublications.com/gregorio/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="print-hide">
<div style="width:100%;margin-bottom:5px">
<b>GABC Transcription Tool</b>
<a href="psalmtone.html">Psalm Tone Tool</a>
<a href="readings.html">Readings Tool</a>
<a href="propers.html">Propers Tool</a>
<a href="faq.html">(About)</a>
<div style="float:right">
<a href='#' id='lnkPdfDirect'>(PDF)</a>
<a href='#' id='lnkPdf'>(Further PDF options)</a>
</div>
</div>
<div style="width:100%;text-align:center;padding-bottom:4pt"><a href="#" id="lnkToggleMode">Show integrated GABC</a></div>
<div id="blankSpace" style="height:193px;">
<div id="twoBoxes" style="position:absolute;width:100%;overflow:hidden">
<div class="dp">
<div style="margin:auto;width:10.3in;max-width:100%"><div style="margin-right:-4px">
<table width="100%" style="margin-left:-2px;margin-top:-2px">
<tr><td width="50%">
<label for="hymntext" title="This text box is for the text of the chant. If the English checkbox is not checked it will be assumed to be Latin.">Text</label> <input type="checkbox" id="cbElisionHasNote"/><label for="cbElisionHasNote" title="You can signify an elision in the text by putting a vowel in parentheses. If this box is checked, the elision will still have a punctum associated with it; if this is unchecked, that syllable will have no punctum.">Use puncta for elisions</label>
<select style="float:right;margin:0;height:18px" id="selLanguage" title="If you select English, 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'">
<option value="la">Latin</option>
<option value="en">English</option>
<option value="pl">Polish</option>
</select>
<br><div class="tap"><textarea id="hymntext" lang="la" style="height: 130pt; width: 100%;">Adoro t(e) devote, latens Deitas, Quæ sub his figuris vere latitas; Tibi se cor meum totum subjicit, Quia te contemplans totum deficit. 2. Visus, tactus, gustus in te fallitur, Sed auditu solo tuto creditur. Credo quidquid dixit Dei Filius; Nil hoc verbo veritátis verius. -- Amen.</textarea></div>
</td><td width="50%">
<label for="hymngabc" title="This text box is for the GABC notation that would normally be in parentheses, as well as the GABC header.">GABC</label><br><div class="tap"><textarea id="hymngabc" spellcheck="false" style="height: 130pt; width: 100%;">c4 c e g g gh g. , f e d c c. ; c e g g gh g. , f e d c c. : g g hi j ji g. , h g f e d. ; e g f e dc d. , e c d c c. :: -- cdc bc.. ::</textarea></div>
</td>
</table>
</div>
</div></div></div>
<div id="oneBox" style="display:none;position:absolute;width:100%">
<div class="dp">
<div style="width:10.3in;max-width:100%;margin:auto">
<label for="editor" 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.">Integrated GABC</label>
<br><div class="tap"><textarea id="editor" spellcheck="false" style="height: 130pt; width: 100%;"></textarea></div>
</div>
</div></div>
</div>
<a href="#" id="lnkDownloadGabc" draggable target="_blank" style="display:block;margin-top:0.5em;margin-bottom:0.5em">Download Integrated GABC</a>
</div>
<div id="chant-parent2">
<div id="chant-parent">
<div id="chant-pad">
<div id="chant-preview"></div>
</div>
</div>
</div>
</body>
</html>