-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
98 lines (88 loc) · 5.54 KB
/
index.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
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<title>Тенгвар транслит</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<style>
@font-face {
font-family: "Tengwar";
src: url(./tngan.ttf) format("truetype");
}
.tengwar { font-family: "Tengwar"; font-size:30px; }
</style>
</head>
<body>
<section class="page-header">
<h1 class="project-name">Тенгвар транслит</h1>
<h2 class="project-tagline">Эльфийский транслит. Транслитерирует русский язык на тенгвар.</h2>
<a href="index.html" class="btn">Транслит текста</a>
<a href="learn.html" class="btn">Научиться бегло читать</a>
</section>
<section class="main-content">
<h3>
<a id="Добро-пожаловать" class="anchor" href="#%D0%94%D0%BE%D0%B1%D1%80%D0%BE-%D0%BF%D0%BE%D0%B6%D0%B0%D0%BB%D0%BE%D0%B2%D0%B0%D1%82%D1%8C" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Добро пожаловать!</h3>
<p>Вашему вниманию представлен инструмент для транслитерации русского текста на тенгвар.</p>
<p>Подобно тому, kak vy pishete traslitom po-russki, можно писать эльфийскими буквами. Правила соответствия букв тенгвам - предмет споров, в этом нет согласия ни в русском, ни в английском языке. Данный скрипт опирается на <a href="http://hex.pp.ua/tengwar.php">статью автора амдф</a>, где всё очень подробно описано. Английский язык транлитерирован <a href="http://www.omniglot.com/conscripts/tengwar_eng.htm">по другой статье</a></p>
<p>Использованный шрифт - <a href="tngan.ttf">Tengwar Annatar</a> свободно скачивается в интернете. Разработчикам может быть интересен разработанный мной <a href="https://github.com/may-cat/elvish-translit/blob/gh-pages/data.json">json-файл с regExp-шаблонами</a>, делающими всю магию и <a href="https://github.com/may-cat/elvish-translit/blob/gh-pages/tengwarize.js">JS-библиотека</a>.</p>
<p>О замеченных ошибках писать на <a href="mailto:[email protected]">[email protected]</a></p>
<br/>
<p>Приятного использования!</p>
<textarea name="q" id="q" cols="90" rows="10" style="width:100%;">Привет друг!
Privet drug</textarea><br>
<div class="tengwar" id="target">
</div>
<script src="tengwarize.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#target').tengwarize({
json_path: "data.json",
font_path: "./tngan.ttf",
languages: ["ru","en","digits"],
//source_selector: "#target",
source_selector: "#q",
//mode: "once"
mode: "event-keyup",
linebreaks: true
});
});
</script>
<footer class="site-footer">
<span class="site-footer-owner"><a href="https://github.com/may-cat/elvish-translit">Эльфийский транслит</a> is maintained by <a href="https://github.com/may-cat">may-cat</a>.</span>
<span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the <a href="https://github.com/jasonlong/cayman-theme">Cayman theme</a> by <a href="https://twitter.com/jasonlong">Jason Long</a>.</span>
</footer>
</section>
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (d, w, c) {
(w[c] = w[c] || []).push(function() {
try {
w.yaCounter29909234 = new Ya.Metrika({
id:29909234,
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
} catch(e) { }
});
var n = d.getElementsByTagName("script")[0],
s = d.createElement("script"),
f = function () { n.parentNode.insertBefore(s, n); };
s.type = "text/javascript";
s.async = true;
s.src = "https://mc.yandex.ru/metrika/watch.js";
if (w.opera == "[object Opera]") {
d.addEventListener("DOMContentLoaded", f, false);
} else { f(); }
})(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/29909234" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
</body>
</html>