-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathconverter.html
99 lines (96 loc) · 4.03 KB
/
converter.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Conversion tool for Dumbarton Oaks legacy fonts</title>
<link rel="stylesheet" type="text/css" href="ss/default.css" />
<link rel="stylesheet" type="text/css" href="ss/ar-otf.css" />
<link rel="shortcut icon" href="favicon.ico" />
<style type="text/css">
table{width:100%}
td:nth-child(1){width:10%;text-align:right}
td:nth-child(2){width:60%}
td:nth-child(3){width:30%;font-style:italic}
#oldtext, #convertedtext{font-size:xx-large}
</style>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/converter.js"></script>
<!-- Google analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-26428902-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<h1>Conversion tool for Dumbarton Oaks legacy fonts</h1>
<table>
<tr>
<td>
<p class="athena">ATHeNA </p>
</td>
<td>
<p contenteditable="true" class="athena" id="oldtext" onkeyup="stroke()">RËT OÒ\
ATHeNA Hebe...</p>
</td>
<td>
<p></p>
</td>
</tr>
<tr>
<td>
<p class="athenaruby">Athena Ruby </p>
</td>
<td>
<!-- Clicking on the paragraph below invokes converter.js -->
<p class="athenaruby" id="convertedtext"></p>
</td>
<td>
<p>fully Unicode compliant (optimal for data interchange, but may not look right
in your browser; ideal for getting Unicode data, without regard to special
glyphs)</p>
</td>
</tr>
<tr>
<td>
<p></p>
</td>
<td>
<p class="athenaruby" id="convertedtextpua"></p>
</td>
<td>
<p>using Private Use Area (not optimal for data interchange, but should look
correct; ideal for use in most word processors)</p>
</td>
</tr>
</table>
<hr />
<p>Tested successfully in Chrome, Firefox, Opera, Safari for Mac. Looks best in Chrome,
Firefox. When you paste text in your other application, make sure that you have Athena
Ruby installed, that you paste text only, and that you paste it in a section styled with
Athena Ruby.</p>
<p>Beware: </p>
<ul>
<li>Athena glyphs used for both Latin and Greek (an <span class="athena">N</span> will
convert to a Greek nu, but you may have meant a Latin N; a <span class="athena"
>Å</span> could signify A or D)</li>
<li>Macrons (you may need to supply extra macrons [U+0305] in the converted text)</li>
</ul>
<hr />
<p id="feedback0" style="color:gray;">Testing feedback below this point</p>
<p id="feedback1"></p>
<p id="feedback2"></p>
<p id="feedback3"></p>
<p id="feedback4"></p>
<p id="feedback5"></p>
<p id="feedback6"></p>
<p id="feedback7"></p>
<p id="feedback8"></p>
<p id="feedback9"></p>
</body>
</html>