-
Notifications
You must be signed in to change notification settings - Fork 0
/
transcription.html
254 lines (228 loc) · 12.1 KB
/
transcription.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
<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="it">
<head>
<title>Ursus, De nomine-Adbreviatio artis grammaticae</title>
<meta http-equiv="Content-Type" content= "text/html; charset=utf-8" />
<meta name="author" content="Paolo Monella" />
<meta name="description" content="Paolo Monella, An experimental scholarly digital edition of section
De nomine of the Adbreviatio artis grammaticae
by Ursus from Benevento, from Codex Casanatensis 1086" />
<meta name="keywords" content="Casanatensis 1086, Ursus from Benevento, Adbreviatio artis grammaticae, De nomine" />
<meta name="keywords" content="Scholarly digital edition, Paolo Monella, ALIM" />
<meta name="generator" content="vim" />
<link rel="stylesheet" href="stylesheet.css" type="text/css" />
<script language="JavaScript1.2" for="window" event="onload" src="jsparser.js"></script>
</head>
<body onload="javascript:loadxml();">
<h1>Ursus from Benevento, <em>De nomine</em>
</h1>
<h2>From the <em>Adbreviatio artis grammaticae</em>, codex Casanatensis 1086, ff. 1r-11r</h2>
<div class="disclaimer">
<p>An <em>experimental</em> scholarly digital edition
of section <em>De nomine</em> (<em>folia</em> 1r-11r) of the <em>Adbreviatio artis grammaticae</em>
by Ursus from Benevento from codex
<a href="http://manus.iccu.sbn.it/opac_SchedaScheda.php?ID=15974">
Casanatensis 1086</a> (IX century), edited by
<a href="http://www1.unipa.it/paolo.monella">Paolo Monella</a>
within the <a href="http://it.alim.unisi.it/">ALIM Project</a> (2017).
</p>
<p>What you see on this page is the JavaScript visualization of the XML/TEI source code.
For more information on the Ursus Project, the full documentation and
the source code (including XML/TEI and JavaScript), see the
<a href="https://github.com/paolomonella/ursus">project home page on GitHub</a>.
</p>
<p>
<a href="gtos.html">Click here</a> for a visualization of
the table of the signs (graphemes) found in the manuscript
(the <a href="https://github.com/paolomonella/ursus/blob/master/GToS.csv">original CSV file</a> is
on GitHub).
</p>
<p>
Recommended browser: Mozilla Firefox. The page was also tested on Chrome<!-- , Safari and Edge -->.
<!-- Please note that the linguistic layer has not been reviewed yet. -->
</p>
<p>
<strong><em>Note</em>: Please allow about 10 seconds for the page to load
(or to reload after checking/unckecking one of the checkboxes).</strong>
</p>
<form>
<!-- <input type="checkbox" checked="true" name="cLL" onclick="showLL(this); window.location.reload(true)">
Show Linguistic Layer</input> -->
<input type="checkbox" id="cAL" name="cAL" onclick="showMe('AL', this)" checked="checked">Show Alphabetic Layer (blue)</input>
<!--input type="checkbox" id="cGL" name="cGL" onclick="showMe('GL', this)" autocomplete="off">Show Graphematic Layer</input-->
<br />
<input type="checkbox" id="cGL" name="cGL" onclick="showMe('GL', this)" checked="checked">Show Graphematic Layer (black)</input>
</form>
</div>
<div id="legendaDiv">
<table id="legendaTable">
<tr>
<th colspan="5">Legenda</th>
</tr>
<!-- Version with GL, AL and LL-->
<tr>
<td class="iconRow"><img src="icons/3layers.png" width="150" alt="Layers" /></td>
<td>
<ol>
<li>The black row below (<em>ꝑtinet</em>, <strong>Graphemic Layer</strong>)
encodes the graphemes.</li>
<li>The blue row above (<em><u>per</u>tinet</em>,
<strong>Alphabetic Layer</strong>) encodes the alphabetic
letters (alphabemes) represented by those graphemes.
In this case, grapheme "ꝑ" (in green) represents the three underlined
alphabetic letters "p", "e" and "r".</li>
<li>The black box appearing when the user hovers a word with their mouse
(<em>pertinet: [pertineo] Verbal, II conjug, Active indicative,
resent, III singular</em>, <strong>Linguistic Layer</strong>)
unambiguously encodes the linguistic word beyond
any spelling or graphical differences,
through a combination of lemma (<em>pertineo</em>)
and morphology (<em>Verbal, II conjug, Active indicative, Present,
III singular</em>).</li>
</ol>
</td>
<td class="separator"></td>
<td class="iconRow"><img src="icons/pb.png" alt="Start of new folio" width="31" /></td>
<td>Start of new <strong>folio</strong> (hover for folio number, click to see manuscript page image).
<em>Note: images are currently unavailable due to copyright restrictions</em>)</td>
</tr>
<!-- Version with GL and AL only-->
<!--tr>
<td class="iconRow"><img src="icons/abbr_brevigraph.png" alt="Layers" /></td>
<td>The black row below (<strong>Graphemic Layer</strong>) encodes the graphemes,
the blue row above (<strong>Alphabetic Layer</strong>) encodes the alphabetic
letters (alphabemes) represented by those graphemes.
In this case, grapheme "ꝑ" (in green) represents the three alphabetic letters
"p", "e" and "r" (underlined).</td>
<td class="separator"></td>
<td class="iconRow"><img src="icons/pb.png" alt="Start of new folio" width="31" /></td>
<td>Start of new <strong>folio</strong> (hover for folio number, click to see manuscript page image).
<em>Note: images are currently unavailable due to copyright restrictions</em>)</td>
</tr-->
<tr>
<td class="iconRow"><img src="icons/abbr_superscript.png" alt="Superscription" /></td>
<td>Abbreviation with <strong>superscript</strong> abbreviation mark: at the Graphemic Layer
the "base graphemes" (the graphemes above which the abbreviation mark
is written) and the abbreviation mark itself are <em>red</em>.
In this example, the macron spans above both graphems "q" and "m".
At the Alphabetic Layer the abbreviated alphabemes are
underlined, as for all abbreviation types</td>
<td class="separator"></td>
<td class="iconRow"><img src="icons/cb.png" alt="Start of new column" width="31" /></td>
<td>Start of new <strong>column</strong> (hover for column number)</td>
</tr>
<tr>
<td class="iconRow"><img src="icons/abbr_after.png" alt="After" /></td>
<td>Abbreviation with abbreviation mark written <strong>after</strong>
the base grapheme(s): purple</td>
<td class="separator"></td>
<td class="iconRow"><img src="icons/lb.png" alt="Start of new line" /></td>
<td>Start of new <strong>line</strong> (folio 1r, column 1, line 2)</td>
</tr>
<tr>
<td class="iconRow"><img src="icons/abbr_brevigraph.png" alt="Brevigraph" /></td>
<td>Abbreviation through <strong>brevigraph</strong>
(no abbreviation mark, one specific grapheme only): green</td>
<td class="separator"></td>
<td class="iconRow"><img src="icons/source_start.png" alt="Start of new source" width="62" /></td>
<td><strong>Start of source</strong> (click to expand)</td>
</tr>
<tr>
<td class="iconRow"><img src="icons/abbr_omission.png" alt="Omission" /></td>
<td>Abbreviation through <strong>omission</strong> of some graphemes (no abbreviation sign,
no specific brevigraph): pink</td>
<td class="separator"></td>
<td class="iconRow"><img src="icons/source_end.png" alt="End of new source" width="62" /></td>
<td><strong>End of source</strong> (click to expand)</td>
</tr>
<tr>
<td class="iconRow"><img src="icons/space_between_words.png" alt="Space b/w words" height="28"/></td>
<td><strong>Space between words</strong> in the manuscript (at Graphematic Layer): the MS has
a space between "et" and "in", and no space between "in" and "aliis"</td>
<td class="separator"></td>
<td class="iconRow"><img src="icons/dropcap.png" alt="Dropcap" /></td>
<td><strong>Dropcap</strong></td>
</tr>
<tr>
<td class="iconRow"><img src="icons/space_within_word.png" alt="Space within word" height="28" /></td>
<td><strong>Space</strong> in the manuscript (at Graphematic Layer)
<strong>within a linguistic word</strong></td>
<td class="separator"></td>
<td class="iconRow"><img src="icons/larger_initial.png" alt="Larger initial" /></td>
<td><strong>Larger initial</strong></td>
</tr>
<tr>
<td class="iconRow"><img src="icons/unclear.png" alt="Unclear word" height="28" /></td>
<td><strong>Unclear</strong> word (darker shades of gray represent less clear reading)</td>
<td class="separator"></td>
<td class="iconRow"><img src="icons/note_emendation.png" alt="Emendation" /></td>
<td>Note on <strong>textual criticism</strong></td>
</tr>
<tr>
<td class="iconRow"><img src="icons/word_nonsense.png" alt="Nonsense" height="62" /></td>
<td>Italics in the blue line at the Alphabetic Layer mark <strong>nonsensical</strong>
words (due, in this example, to a gap that makes the word unintelligible)</td>
<td class="separator"></td>
<td class="iconRow"><img src="icons/emendation.png" alt="Emendation" height="62" /></td>
<td><strong>Emendation</strong> (for the MS reading, click on the note).
</td>
</tr>
<tr>
<td class="iconRow"><!--img src="icons/word_nonsense.png" alt="Nonsense" height="62" /--></td>
<td><!-- Italics in the blue line at the Alphabetic Layer mark <strong>nonsensical</strong>
words (due, in this example, to a gap that makes the word unintelligible) --></td>
<td class="separator"></td>
<td class="iconRow"><img src="icons/emendation_medium.png" alt="Uncertain emendation"
height="62" /></td>
<td><strong>Uncertain emendation</strong>: the red border indicates that the emendation
is still being discussed.
</td>
</tr>
<tr>
<td class="iconRow"><img src="icons/gap.png" alt="Gap" height="28" /></td>
<td><strong>Gap</strong> (hover for gap extension in characters or words and for reason)</td>
<td class="separator"></td>
<td class="iconRow"><img src="icons/note_content.png" alt="Note on the content" /></td>
<td>Note on the <strong>content</strong></td>
</tr>
<tr>
<td class="iconRow"><img src="icons/word_alphabemes.png" alt="Alphabemes" /></td>
<td>Quotes in the blue line mark groups of <strong>alphabemes</strong>
(not actual linguistic words)</td>
<td class="separator"></td>
<td class="iconRow"><img src="icons/note_source.png" alt="Note on the source" /></td>
<td>Note on the <strong>source</strong></td>
</tr>
<tr>
<td class="iconRow"><img src="icons/word_foreign.png" alt="Foreign" /></td>
<td>Small caps in the blue line mark <strong>Greek</strong> words,
ancient <strong>abbreviations</strong> ("gn" for "Gnaeus")
and Roman <strong>numerals</strong> ("xxxiiii" for 34)</td>
<td class="separator"></td>
<td class="iconRow"><img src="icons/note_script_graph_facs.png" alt="Note script or graphic" /></td>
<td>Note on the <strong>script</strong>, on glyphs with no graphemic value (e.g. allographs)
or on the digital reproduction of the manuscript</td>
</tr>
<tr>
<td class="iconRow"><img src="icons/heading.png" alt="Heading" width="150" /></td>
<td>Section <strong>heading</strong> (not present in the manuscript, added by the editor)</td>
<td class="separator"></td>
<td class="iconRow"><img src="icons/note_tech.png" alt="Note on technological issues" /></td>
<td>Note on <strong>technological</strong> issues</td>
</tr>
<tr>
<td class="iconRow"><img src="icons/add.png" alt="Add" height="24" /></td>
<td>Text or graphemes ("in") written in the <strong>interlinear</strong> space</td>
<td class="separator"></td>
<!-- Two empty cells -->
</tr>
</table>
</div>
<div id="MSText">
<p class="license"><a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>.</p>
</div>
</body>
</html>