A tool for visualization of ancient Greek musical accent.
https://aksento.glossa.info/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
2.7 KiB
79 lines
2.7 KiB
<!doctype html> |
|
|
|
<html> |
|
<head> |
|
<meta charset="utf-8"> |
|
|
|
<title>AKΣENTO | ΓΛΩΣΣΑ</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"> |
|
<link rel="stylesheet" href="https://glossa.info/css/glossa-ribbon.css"> |
|
|
|
<link rel="icon" type="image/ico" href="favicon.ico"> |
|
<link rel="shortcut-icon" type="image/ico" href="favicon.ico"> |
|
</head> |
|
|
|
<body onload="init()"> |
|
<div class="ribbon"><a href="https://glossa.info/" title="glossa.info">ΓΛΩΣΣΑ</a></div> |
|
<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> |
|
|
|
|