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.
87 lines
2.9 KiB
87 lines
2.9 KiB
7 years ago
|
<!doctype html>
|
||
|
|
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
|
||
|
|
<title>Aksento</title>
|
||
|
|
<meta name="description" content="The HTML5 Herald">
|
||
|
|
<meta name="author" content="SitePoint">
|
||
|
|
|
||
|
|
<!--[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>
|
||
|
|
|
||
|
|
<div id="mailForm" style="display: none;">
|
||
|
|
<form action="https://formspree.io/envrm@yandex.ru" method="POST">
|
||
|
|
<input type="text" name="name" placeholder="Имя" required="">
|
||
|
|
<input type="email" name="email" placeholder="Адрес электронной почты">
|
||
|
|
<textarea name="message" placeholder="Текст сообщения"></textarea>
|
||
|
|
<input class="button-wide" type="submit" value="Отправить" />
|
||
|
|
<!-- <input type="hidden" name="_next" value="{{ '/mail_success' | absolute_url }}" /> -->
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<button id="mailButton" onclick="showMailForm()">✉</button>
|
||
|
|
|
||
|
|
<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>
|
||
|
|
|