|
|
|
|
<!doctype html>
|
|
|
|
|
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
|
|
|
|
<title>Aksento</title>
|
|
|
|
|
<meta name="description" content="Визуализация древнегреческого ударения">
|
|
|
|
|
<meta name="author" content="Maksim Likhachev (envrm@yandex.ru)">
|
|
|
|
|
|
|
|
|
|
<!--[if lt IE 9]>
|
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
|
|
|
|
|
<![endif]-->
|
|
|
|
|
<!-- <script src="https://unpkg.com/vexflow/releases/vexflow-debug.js"></script> -->
|
|
|
|
|
<script src="js/vexflow-min.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="js/jquery-2.1.0.min.js"></script>
|
|
|
|
|
<script src="js/jquery.mousewheel.js"></script>
|
|
|
|
|
<script src="js/jquery.keyboard.js"></script>
|
|
|
|
|
<script src="js/jquery.keyboard.extension-all.js"></script>
|
|
|
|
|
<script src="js/ms-Greek.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="js/aksento.js"></script>
|
|
|
|
|
|
|
|
|
|
<!-- <link rel="stylesheet" type="text/css" href="css/keyboard-basic.css"> -->
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/keyboard-dark.css">
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/aksento.css">
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body onload="init()">
|
|
|
|
|
<h1 style="text-align:center"><a href="https://github.com/aksento/aksento.github.io">ΑΚΣΕΝΤΟ</a></h1>
|
|
|
|
|
<h2 style="text-align:center">Ἁπλᾶ ἐστι τῆς ἀληθείας ἔπη·</h2>
|
|
|
|
|
|
|
|
|
|
<div style="text-align:center;">
|
|
|
|
|
<input type="text" id="phrase" placeholder="Введите фразу" />
|
|
|
|
|
|
|
|
|
|
<input type="submit" value="→" onclick="drawAccents()"/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="staff" style="text-align:center;">
|
|
|
|
|
<div style="text-align:center;">
|
|
|
|
|
<p><a id="example" href="#" onclick="drawExample()">Ἐν ἀρχῇ ἦν ὁ λόγος</a></p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
$('#phrase').keyboard({
|
|
|
|
|
layout: 'ms-Greek',
|
|
|
|
|
css: {
|
|
|
|
|
// input & preview
|
|
|
|
|
// "label-default" for a darker background
|
|
|
|
|
// "light" for white text
|
|
|
|
|
input: 'form-control input-sm dark',
|
|
|
|
|
language: ['ru'],
|
|
|
|
|
// keyboard container
|
|
|
|
|
container: 'center-block well',
|
|
|
|
|
// default state
|
|
|
|
|
buttonDefault: 'btn btn-default',
|
|
|
|
|
// hovered button
|
|
|
|
|
buttonHover: 'btn-primary',
|
|
|
|
|
// Action keys (e.g. Accept, Cancel, Tab, etc);
|
|
|
|
|
// this replaces "actionClass" option
|
|
|
|
|
buttonAction: 'active',
|
|
|
|
|
// used when disabling the decimal button {dec}
|
|
|
|
|
// when a decimal exists in the input area
|
|
|
|
|
buttonDisabled: 'disabled'
|
|
|
|
|
}
|
|
|
|
|
}).addTyping();
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
