commit
6d0fb8c48c
16 changed files with 31220 additions and 0 deletions
@ -0,0 +1,674 @@ |
|||||||
|
GNU GENERAL PUBLIC LICENSE |
||||||
|
Version 3, 29 June 2007 |
||||||
|
|
||||||
|
Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/> |
||||||
|
Everyone is permitted to copy and distribute verbatim copies |
||||||
|
of this license document, but changing it is not allowed. |
||||||
|
|
||||||
|
Preamble |
||||||
|
|
||||||
|
The GNU General Public License is a free, copyleft license for |
||||||
|
software and other kinds of works. |
||||||
|
|
||||||
|
The licenses for most software and other practical works are designed |
||||||
|
to take away your freedom to share and change the works. By contrast, |
||||||
|
the GNU General Public License is intended to guarantee your freedom to |
||||||
|
share and change all versions of a program--to make sure it remains free |
||||||
|
software for all its users. We, the Free Software Foundation, use the |
||||||
|
GNU General Public License for most of our software; it applies also to |
||||||
|
any other work released this way by its authors. You can apply it to |
||||||
|
your programs, too. |
||||||
|
|
||||||
|
When we speak of free software, we are referring to freedom, not |
||||||
|
price. Our General Public Licenses are designed to make sure that you |
||||||
|
have the freedom to distribute copies of free software (and charge for |
||||||
|
them if you wish), that you receive source code or can get it if you |
||||||
|
want it, that you can change the software or use pieces of it in new |
||||||
|
free programs, and that you know you can do these things. |
||||||
|
|
||||||
|
To protect your rights, we need to prevent others from denying you |
||||||
|
these rights or asking you to surrender the rights. Therefore, you have |
||||||
|
certain responsibilities if you distribute copies of the software, or if |
||||||
|
you modify it: responsibilities to respect the freedom of others. |
||||||
|
|
||||||
|
For example, if you distribute copies of such a program, whether |
||||||
|
gratis or for a fee, you must pass on to the recipients the same |
||||||
|
freedoms that you received. You must make sure that they, too, receive |
||||||
|
or can get the source code. And you must show them these terms so they |
||||||
|
know their rights. |
||||||
|
|
||||||
|
Developers that use the GNU GPL protect your rights with two steps: |
||||||
|
(1) assert copyright on the software, and (2) offer you this License |
||||||
|
giving you legal permission to copy, distribute and/or modify it. |
||||||
|
|
||||||
|
For the developers' and authors' protection, the GPL clearly explains |
||||||
|
that there is no warranty for this free software. For both users' and |
||||||
|
authors' sake, the GPL requires that modified versions be marked as |
||||||
|
changed, so that their problems will not be attributed erroneously to |
||||||
|
authors of previous versions. |
||||||
|
|
||||||
|
Some devices are designed to deny users access to install or run |
||||||
|
modified versions of the software inside them, although the manufacturer |
||||||
|
can do so. This is fundamentally incompatible with the aim of |
||||||
|
protecting users' freedom to change the software. The systematic |
||||||
|
pattern of such abuse occurs in the area of products for individuals to |
||||||
|
use, which is precisely where it is most unacceptable. Therefore, we |
||||||
|
have designed this version of the GPL to prohibit the practice for those |
||||||
|
products. If such problems arise substantially in other domains, we |
||||||
|
stand ready to extend this provision to those domains in future versions |
||||||
|
of the GPL, as needed to protect the freedom of users. |
||||||
|
|
||||||
|
Finally, every program is threatened constantly by software patents. |
||||||
|
States should not allow patents to restrict development and use of |
||||||
|
software on general-purpose computers, but in those that do, we wish to |
||||||
|
avoid the special danger that patents applied to a free program could |
||||||
|
make it effectively proprietary. To prevent this, the GPL assures that |
||||||
|
patents cannot be used to render the program non-free. |
||||||
|
|
||||||
|
The precise terms and conditions for copying, distribution and |
||||||
|
modification follow. |
||||||
|
|
||||||
|
TERMS AND CONDITIONS |
||||||
|
|
||||||
|
0. Definitions. |
||||||
|
|
||||||
|
"This License" refers to version 3 of the GNU General Public License. |
||||||
|
|
||||||
|
"Copyright" also means copyright-like laws that apply to other kinds of |
||||||
|
works, such as semiconductor masks. |
||||||
|
|
||||||
|
"The Program" refers to any copyrightable work licensed under this |
||||||
|
License. Each licensee is addressed as "you". "Licensees" and |
||||||
|
"recipients" may be individuals or organizations. |
||||||
|
|
||||||
|
To "modify" a work means to copy from or adapt all or part of the work |
||||||
|
in a fashion requiring copyright permission, other than the making of an |
||||||
|
exact copy. The resulting work is called a "modified version" of the |
||||||
|
earlier work or a work "based on" the earlier work. |
||||||
|
|
||||||
|
A "covered work" means either the unmodified Program or a work based |
||||||
|
on the Program. |
||||||
|
|
||||||
|
To "propagate" a work means to do anything with it that, without |
||||||
|
permission, would make you directly or secondarily liable for |
||||||
|
infringement under applicable copyright law, except executing it on a |
||||||
|
computer or modifying a private copy. Propagation includes copying, |
||||||
|
distribution (with or without modification), making available to the |
||||||
|
public, and in some countries other activities as well. |
||||||
|
|
||||||
|
To "convey" a work means any kind of propagation that enables other |
||||||
|
parties to make or receive copies. Mere interaction with a user through |
||||||
|
a computer network, with no transfer of a copy, is not conveying. |
||||||
|
|
||||||
|
An interactive user interface displays "Appropriate Legal Notices" |
||||||
|
to the extent that it includes a convenient and prominently visible |
||||||
|
feature that (1) displays an appropriate copyright notice, and (2) |
||||||
|
tells the user that there is no warranty for the work (except to the |
||||||
|
extent that warranties are provided), that licensees may convey the |
||||||
|
work under this License, and how to view a copy of this License. If |
||||||
|
the interface presents a list of user commands or options, such as a |
||||||
|
menu, a prominent item in the list meets this criterion. |
||||||
|
|
||||||
|
1. Source Code. |
||||||
|
|
||||||
|
The "source code" for a work means the preferred form of the work |
||||||
|
for making modifications to it. "Object code" means any non-source |
||||||
|
form of a work. |
||||||
|
|
||||||
|
A "Standard Interface" means an interface that either is an official |
||||||
|
standard defined by a recognized standards body, or, in the case of |
||||||
|
interfaces specified for a particular programming language, one that |
||||||
|
is widely used among developers working in that language. |
||||||
|
|
||||||
|
The "System Libraries" of an executable work include anything, other |
||||||
|
than the work as a whole, that (a) is included in the normal form of |
||||||
|
packaging a Major Component, but which is not part of that Major |
||||||
|
Component, and (b) serves only to enable use of the work with that |
||||||
|
Major Component, or to implement a Standard Interface for which an |
||||||
|
implementation is available to the public in source code form. A |
||||||
|
"Major Component", in this context, means a major essential component |
||||||
|
(kernel, window system, and so on) of the specific operating system |
||||||
|
(if any) on which the executable work runs, or a compiler used to |
||||||
|
produce the work, or an object code interpreter used to run it. |
||||||
|
|
||||||
|
The "Corresponding Source" for a work in object code form means all |
||||||
|
the source code needed to generate, install, and (for an executable |
||||||
|
work) run the object code and to modify the work, including scripts to |
||||||
|
control those activities. However, it does not include the work's |
||||||
|
System Libraries, or general-purpose tools or generally available free |
||||||
|
programs which are used unmodified in performing those activities but |
||||||
|
which are not part of the work. For example, Corresponding Source |
||||||
|
includes interface definition files associated with source files for |
||||||
|
the work, and the source code for shared libraries and dynamically |
||||||
|
linked subprograms that the work is specifically designed to require, |
||||||
|
such as by intimate data communication or control flow between those |
||||||
|
subprograms and other parts of the work. |
||||||
|
|
||||||
|
The Corresponding Source need not include anything that users |
||||||
|
can regenerate automatically from other parts of the Corresponding |
||||||
|
Source. |
||||||
|
|
||||||
|
The Corresponding Source for a work in source code form is that |
||||||
|
same work. |
||||||
|
|
||||||
|
2. Basic Permissions. |
||||||
|
|
||||||
|
All rights granted under this License are granted for the term of |
||||||
|
copyright on the Program, and are irrevocable provided the stated |
||||||
|
conditions are met. This License explicitly affirms your unlimited |
||||||
|
permission to run the unmodified Program. The output from running a |
||||||
|
covered work is covered by this License only if the output, given its |
||||||
|
content, constitutes a covered work. This License acknowledges your |
||||||
|
rights of fair use or other equivalent, as provided by copyright law. |
||||||
|
|
||||||
|
You may make, run and propagate covered works that you do not |
||||||
|
convey, without conditions so long as your license otherwise remains |
||||||
|
in force. You may convey covered works to others for the sole purpose |
||||||
|
of having them make modifications exclusively for you, or provide you |
||||||
|
with facilities for running those works, provided that you comply with |
||||||
|
the terms of this License in conveying all material for which you do |
||||||
|
not control copyright. Those thus making or running the covered works |
||||||
|
for you must do so exclusively on your behalf, under your direction |
||||||
|
and control, on terms that prohibit them from making any copies of |
||||||
|
your copyrighted material outside their relationship with you. |
||||||
|
|
||||||
|
Conveying under any other circumstances is permitted solely under |
||||||
|
the conditions stated below. Sublicensing is not allowed; section 10 |
||||||
|
makes it unnecessary. |
||||||
|
|
||||||
|
3. Protecting Users' Legal Rights From Anti-Circumvention Law. |
||||||
|
|
||||||
|
No covered work shall be deemed part of an effective technological |
||||||
|
measure under any applicable law fulfilling obligations under article |
||||||
|
11 of the WIPO copyright treaty adopted on 20 December 1996, or |
||||||
|
similar laws prohibiting or restricting circumvention of such |
||||||
|
measures. |
||||||
|
|
||||||
|
When you convey a covered work, you waive any legal power to forbid |
||||||
|
circumvention of technological measures to the extent such circumvention |
||||||
|
is effected by exercising rights under this License with respect to |
||||||
|
the covered work, and you disclaim any intention to limit operation or |
||||||
|
modification of the work as a means of enforcing, against the work's |
||||||
|
users, your or third parties' legal rights to forbid circumvention of |
||||||
|
technological measures. |
||||||
|
|
||||||
|
4. Conveying Verbatim Copies. |
||||||
|
|
||||||
|
You may convey verbatim copies of the Program's source code as you |
||||||
|
receive it, in any medium, provided that you conspicuously and |
||||||
|
appropriately publish on each copy an appropriate copyright notice; |
||||||
|
keep intact all notices stating that this License and any |
||||||
|
non-permissive terms added in accord with section 7 apply to the code; |
||||||
|
keep intact all notices of the absence of any warranty; and give all |
||||||
|
recipients a copy of this License along with the Program. |
||||||
|
|
||||||
|
You may charge any price or no price for each copy that you convey, |
||||||
|
and you may offer support or warranty protection for a fee. |
||||||
|
|
||||||
|
5. Conveying Modified Source Versions. |
||||||
|
|
||||||
|
You may convey a work based on the Program, or the modifications to |
||||||
|
produce it from the Program, in the form of source code under the |
||||||
|
terms of section 4, provided that you also meet all of these conditions: |
||||||
|
|
||||||
|
a) The work must carry prominent notices stating that you modified |
||||||
|
it, and giving a relevant date. |
||||||
|
|
||||||
|
b) The work must carry prominent notices stating that it is |
||||||
|
released under this License and any conditions added under section |
||||||
|
7. This requirement modifies the requirement in section 4 to |
||||||
|
"keep intact all notices". |
||||||
|
|
||||||
|
c) You must license the entire work, as a whole, under this |
||||||
|
License to anyone who comes into possession of a copy. This |
||||||
|
License will therefore apply, along with any applicable section 7 |
||||||
|
additional terms, to the whole of the work, and all its parts, |
||||||
|
regardless of how they are packaged. This License gives no |
||||||
|
permission to license the work in any other way, but it does not |
||||||
|
invalidate such permission if you have separately received it. |
||||||
|
|
||||||
|
d) If the work has interactive user interfaces, each must display |
||||||
|
Appropriate Legal Notices; however, if the Program has interactive |
||||||
|
interfaces that do not display Appropriate Legal Notices, your |
||||||
|
work need not make them do so. |
||||||
|
|
||||||
|
A compilation of a covered work with other separate and independent |
||||||
|
works, which are not by their nature extensions of the covered work, |
||||||
|
and which are not combined with it such as to form a larger program, |
||||||
|
in or on a volume of a storage or distribution medium, is called an |
||||||
|
"aggregate" if the compilation and its resulting copyright are not |
||||||
|
used to limit the access or legal rights of the compilation's users |
||||||
|
beyond what the individual works permit. Inclusion of a covered work |
||||||
|
in an aggregate does not cause this License to apply to the other |
||||||
|
parts of the aggregate. |
||||||
|
|
||||||
|
6. Conveying Non-Source Forms. |
||||||
|
|
||||||
|
You may convey a covered work in object code form under the terms |
||||||
|
of sections 4 and 5, provided that you also convey the |
||||||
|
machine-readable Corresponding Source under the terms of this License, |
||||||
|
in one of these ways: |
||||||
|
|
||||||
|
a) Convey the object code in, or embodied in, a physical product |
||||||
|
(including a physical distribution medium), accompanied by the |
||||||
|
Corresponding Source fixed on a durable physical medium |
||||||
|
customarily used for software interchange. |
||||||
|
|
||||||
|
b) Convey the object code in, or embodied in, a physical product |
||||||
|
(including a physical distribution medium), accompanied by a |
||||||
|
written offer, valid for at least three years and valid for as |
||||||
|
long as you offer spare parts or customer support for that product |
||||||
|
model, to give anyone who possesses the object code either (1) a |
||||||
|
copy of the Corresponding Source for all the software in the |
||||||
|
product that is covered by this License, on a durable physical |
||||||
|
medium customarily used for software interchange, for a price no |
||||||
|
more than your reasonable cost of physically performing this |
||||||
|
conveying of source, or (2) access to copy the |
||||||
|
Corresponding Source from a network server at no charge. |
||||||
|
|
||||||
|
c) Convey individual copies of the object code with a copy of the |
||||||
|
written offer to provide the Corresponding Source. This |
||||||
|
alternative is allowed only occasionally and noncommercially, and |
||||||
|
only if you received the object code with such an offer, in accord |
||||||
|
with subsection 6b. |
||||||
|
|
||||||
|
d) Convey the object code by offering access from a designated |
||||||
|
place (gratis or for a charge), and offer equivalent access to the |
||||||
|
Corresponding Source in the same way through the same place at no |
||||||
|
further charge. You need not require recipients to copy the |
||||||
|
Corresponding Source along with the object code. If the place to |
||||||
|
copy the object code is a network server, the Corresponding Source |
||||||
|
may be on a different server (operated by you or a third party) |
||||||
|
that supports equivalent copying facilities, provided you maintain |
||||||
|
clear directions next to the object code saying where to find the |
||||||
|
Corresponding Source. Regardless of what server hosts the |
||||||
|
Corresponding Source, you remain obligated to ensure that it is |
||||||
|
available for as long as needed to satisfy these requirements. |
||||||
|
|
||||||
|
e) Convey the object code using peer-to-peer transmission, provided |
||||||
|
you inform other peers where the object code and Corresponding |
||||||
|
Source of the work are being offered to the general public at no |
||||||
|
charge under subsection 6d. |
||||||
|
|
||||||
|
A separable portion of the object code, whose source code is excluded |
||||||
|
from the Corresponding Source as a System Library, need not be |
||||||
|
included in conveying the object code work. |
||||||
|
|
||||||
|
A "User Product" is either (1) a "consumer product", which means any |
||||||
|
tangible personal property which is normally used for personal, family, |
||||||
|
or household purposes, or (2) anything designed or sold for incorporation |
||||||
|
into a dwelling. In determining whether a product is a consumer product, |
||||||
|
doubtful cases shall be resolved in favor of coverage. For a particular |
||||||
|
product received by a particular user, "normally used" refers to a |
||||||
|
typical or common use of that class of product, regardless of the status |
||||||
|
of the particular user or of the way in which the particular user |
||||||
|
actually uses, or expects or is expected to use, the product. A product |
||||||
|
is a consumer product regardless of whether the product has substantial |
||||||
|
commercial, industrial or non-consumer uses, unless such uses represent |
||||||
|
the only significant mode of use of the product. |
||||||
|
|
||||||
|
"Installation Information" for a User Product means any methods, |
||||||
|
procedures, authorization keys, or other information required to install |
||||||
|
and execute modified versions of a covered work in that User Product from |
||||||
|
a modified version of its Corresponding Source. The information must |
||||||
|
suffice to ensure that the continued functioning of the modified object |
||||||
|
code is in no case prevented or interfered with solely because |
||||||
|
modification has been made. |
||||||
|
|
||||||
|
If you convey an object code work under this section in, or with, or |
||||||
|
specifically for use in, a User Product, and the conveying occurs as |
||||||
|
part of a transaction in which the right of possession and use of the |
||||||
|
User Product is transferred to the recipient in perpetuity or for a |
||||||
|
fixed term (regardless of how the transaction is characterized), the |
||||||
|
Corresponding Source conveyed under this section must be accompanied |
||||||
|
by the Installation Information. But this requirement does not apply |
||||||
|
if neither you nor any third party retains the ability to install |
||||||
|
modified object code on the User Product (for example, the work has |
||||||
|
been installed in ROM). |
||||||
|
|
||||||
|
The requirement to provide Installation Information does not include a |
||||||
|
requirement to continue to provide support service, warranty, or updates |
||||||
|
for a work that has been modified or installed by the recipient, or for |
||||||
|
the User Product in which it has been modified or installed. Access to a |
||||||
|
network may be denied when the modification itself materially and |
||||||
|
adversely affects the operation of the network or violates the rules and |
||||||
|
protocols for communication across the network. |
||||||
|
|
||||||
|
Corresponding Source conveyed, and Installation Information provided, |
||||||
|
in accord with this section must be in a format that is publicly |
||||||
|
documented (and with an implementation available to the public in |
||||||
|
source code form), and must require no special password or key for |
||||||
|
unpacking, reading or copying. |
||||||
|
|
||||||
|
7. Additional Terms. |
||||||
|
|
||||||
|
"Additional permissions" are terms that supplement the terms of this |
||||||
|
License by making exceptions from one or more of its conditions. |
||||||
|
Additional permissions that are applicable to the entire Program shall |
||||||
|
be treated as though they were included in this License, to the extent |
||||||
|
that they are valid under applicable law. If additional permissions |
||||||
|
apply only to part of the Program, that part may be used separately |
||||||
|
under those permissions, but the entire Program remains governed by |
||||||
|
this License without regard to the additional permissions. |
||||||
|
|
||||||
|
When you convey a copy of a covered work, you may at your option |
||||||
|
remove any additional permissions from that copy, or from any part of |
||||||
|
it. (Additional permissions may be written to require their own |
||||||
|
removal in certain cases when you modify the work.) You may place |
||||||
|
additional permissions on material, added by you to a covered work, |
||||||
|
for which you have or can give appropriate copyright permission. |
||||||
|
|
||||||
|
Notwithstanding any other provision of this License, for material you |
||||||
|
add to a covered work, you may (if authorized by the copyright holders of |
||||||
|
that material) supplement the terms of this License with terms: |
||||||
|
|
||||||
|
a) Disclaiming warranty or limiting liability differently from the |
||||||
|
terms of sections 15 and 16 of this License; or |
||||||
|
|
||||||
|
b) Requiring preservation of specified reasonable legal notices or |
||||||
|
author attributions in that material or in the Appropriate Legal |
||||||
|
Notices displayed by works containing it; or |
||||||
|
|
||||||
|
c) Prohibiting misrepresentation of the origin of that material, or |
||||||
|
requiring that modified versions of such material be marked in |
||||||
|
reasonable ways as different from the original version; or |
||||||
|
|
||||||
|
d) Limiting the use for publicity purposes of names of licensors or |
||||||
|
authors of the material; or |
||||||
|
|
||||||
|
e) Declining to grant rights under trademark law for use of some |
||||||
|
trade names, trademarks, or service marks; or |
||||||
|
|
||||||
|
f) Requiring indemnification of licensors and authors of that |
||||||
|
material by anyone who conveys the material (or modified versions of |
||||||
|
it) with contractual assumptions of liability to the recipient, for |
||||||
|
any liability that these contractual assumptions directly impose on |
||||||
|
those licensors and authors. |
||||||
|
|
||||||
|
All other non-permissive additional terms are considered "further |
||||||
|
restrictions" within the meaning of section 10. If the Program as you |
||||||
|
received it, or any part of it, contains a notice stating that it is |
||||||
|
governed by this License along with a term that is a further |
||||||
|
restriction, you may remove that term. If a license document contains |
||||||
|
a further restriction but permits relicensing or conveying under this |
||||||
|
License, you may add to a covered work material governed by the terms |
||||||
|
of that license document, provided that the further restriction does |
||||||
|
not survive such relicensing or conveying. |
||||||
|
|
||||||
|
If you add terms to a covered work in accord with this section, you |
||||||
|
must place, in the relevant source files, a statement of the |
||||||
|
additional terms that apply to those files, or a notice indicating |
||||||
|
where to find the applicable terms. |
||||||
|
|
||||||
|
Additional terms, permissive or non-permissive, may be stated in the |
||||||
|
form of a separately written license, or stated as exceptions; |
||||||
|
the above requirements apply either way. |
||||||
|
|
||||||
|
8. Termination. |
||||||
|
|
||||||
|
You may not propagate or modify a covered work except as expressly |
||||||
|
provided under this License. Any attempt otherwise to propagate or |
||||||
|
modify it is void, and will automatically terminate your rights under |
||||||
|
this License (including any patent licenses granted under the third |
||||||
|
paragraph of section 11). |
||||||
|
|
||||||
|
However, if you cease all violation of this License, then your |
||||||
|
license from a particular copyright holder is reinstated (a) |
||||||
|
provisionally, unless and until the copyright holder explicitly and |
||||||
|
finally terminates your license, and (b) permanently, if the copyright |
||||||
|
holder fails to notify you of the violation by some reasonable means |
||||||
|
prior to 60 days after the cessation. |
||||||
|
|
||||||
|
Moreover, your license from a particular copyright holder is |
||||||
|
reinstated permanently if the copyright holder notifies you of the |
||||||
|
violation by some reasonable means, this is the first time you have |
||||||
|
received notice of violation of this License (for any work) from that |
||||||
|
copyright holder, and you cure the violation prior to 30 days after |
||||||
|
your receipt of the notice. |
||||||
|
|
||||||
|
Termination of your rights under this section does not terminate the |
||||||
|
licenses of parties who have received copies or rights from you under |
||||||
|
this License. If your rights have been terminated and not permanently |
||||||
|
reinstated, you do not qualify to receive new licenses for the same |
||||||
|
material under section 10. |
||||||
|
|
||||||
|
9. Acceptance Not Required for Having Copies. |
||||||
|
|
||||||
|
You are not required to accept this License in order to receive or |
||||||
|
run a copy of the Program. Ancillary propagation of a covered work |
||||||
|
occurring solely as a consequence of using peer-to-peer transmission |
||||||
|
to receive a copy likewise does not require acceptance. However, |
||||||
|
nothing other than this License grants you permission to propagate or |
||||||
|
modify any covered work. These actions infringe copyright if you do |
||||||
|
not accept this License. Therefore, by modifying or propagating a |
||||||
|
covered work, you indicate your acceptance of this License to do so. |
||||||
|
|
||||||
|
10. Automatic Licensing of Downstream Recipients. |
||||||
|
|
||||||
|
Each time you convey a covered work, the recipient automatically |
||||||
|
receives a license from the original licensors, to run, modify and |
||||||
|
propagate that work, subject to this License. You are not responsible |
||||||
|
for enforcing compliance by third parties with this License. |
||||||
|
|
||||||
|
An "entity transaction" is a transaction transferring control of an |
||||||
|
organization, or substantially all assets of one, or subdividing an |
||||||
|
organization, or merging organizations. If propagation of a covered |
||||||
|
work results from an entity transaction, each party to that |
||||||
|
transaction who receives a copy of the work also receives whatever |
||||||
|
licenses to the work the party's predecessor in interest had or could |
||||||
|
give under the previous paragraph, plus a right to possession of the |
||||||
|
Corresponding Source of the work from the predecessor in interest, if |
||||||
|
the predecessor has it or can get it with reasonable efforts. |
||||||
|
|
||||||
|
You may not impose any further restrictions on the exercise of the |
||||||
|
rights granted or affirmed under this License. For example, you may |
||||||
|
not impose a license fee, royalty, or other charge for exercise of |
||||||
|
rights granted under this License, and you may not initiate litigation |
||||||
|
(including a cross-claim or counterclaim in a lawsuit) alleging that |
||||||
|
any patent claim is infringed by making, using, selling, offering for |
||||||
|
sale, or importing the Program or any portion of it. |
||||||
|
|
||||||
|
11. Patents. |
||||||
|
|
||||||
|
A "contributor" is a copyright holder who authorizes use under this |
||||||
|
License of the Program or a work on which the Program is based. The |
||||||
|
work thus licensed is called the contributor's "contributor version". |
||||||
|
|
||||||
|
A contributor's "essential patent claims" are all patent claims |
||||||
|
owned or controlled by the contributor, whether already acquired or |
||||||
|
hereafter acquired, that would be infringed by some manner, permitted |
||||||
|
by this License, of making, using, or selling its contributor version, |
||||||
|
but do not include claims that would be infringed only as a |
||||||
|
consequence of further modification of the contributor version. For |
||||||
|
purposes of this definition, "control" includes the right to grant |
||||||
|
patent sublicenses in a manner consistent with the requirements of |
||||||
|
this License. |
||||||
|
|
||||||
|
Each contributor grants you a non-exclusive, worldwide, royalty-free |
||||||
|
patent license under the contributor's essential patent claims, to |
||||||
|
make, use, sell, offer for sale, import and otherwise run, modify and |
||||||
|
propagate the contents of its contributor version. |
||||||
|
|
||||||
|
In the following three paragraphs, a "patent license" is any express |
||||||
|
agreement or commitment, however denominated, not to enforce a patent |
||||||
|
(such as an express permission to practice a patent or covenant not to |
||||||
|
sue for patent infringement). To "grant" such a patent license to a |
||||||
|
party means to make such an agreement or commitment not to enforce a |
||||||
|
patent against the party. |
||||||
|
|
||||||
|
If you convey a covered work, knowingly relying on a patent license, |
||||||
|
and the Corresponding Source of the work is not available for anyone |
||||||
|
to copy, free of charge and under the terms of this License, through a |
||||||
|
publicly available network server or other readily accessible means, |
||||||
|
then you must either (1) cause the Corresponding Source to be so |
||||||
|
available, or (2) arrange to deprive yourself of the benefit of the |
||||||
|
patent license for this particular work, or (3) arrange, in a manner |
||||||
|
consistent with the requirements of this License, to extend the patent |
||||||
|
license to downstream recipients. "Knowingly relying" means you have |
||||||
|
actual knowledge that, but for the patent license, your conveying the |
||||||
|
covered work in a country, or your recipient's use of the covered work |
||||||
|
in a country, would infringe one or more identifiable patents in that |
||||||
|
country that you have reason to believe are valid. |
||||||
|
|
||||||
|
If, pursuant to or in connection with a single transaction or |
||||||
|
arrangement, you convey, or propagate by procuring conveyance of, a |
||||||
|
covered work, and grant a patent license to some of the parties |
||||||
|
receiving the covered work authorizing them to use, propagate, modify |
||||||
|
or convey a specific copy of the covered work, then the patent license |
||||||
|
you grant is automatically extended to all recipients of the covered |
||||||
|
work and works based on it. |
||||||
|
|
||||||
|
A patent license is "discriminatory" if it does not include within |
||||||
|
the scope of its coverage, prohibits the exercise of, or is |
||||||
|
conditioned on the non-exercise of one or more of the rights that are |
||||||
|
specifically granted under this License. You may not convey a covered |
||||||
|
work if you are a party to an arrangement with a third party that is |
||||||
|
in the business of distributing software, under which you make payment |
||||||
|
to the third party based on the extent of your activity of conveying |
||||||
|
the work, and under which the third party grants, to any of the |
||||||
|
parties who would receive the covered work from you, a discriminatory |
||||||
|
patent license (a) in connection with copies of the covered work |
||||||
|
conveyed by you (or copies made from those copies), or (b) primarily |
||||||
|
for and in connection with specific products or compilations that |
||||||
|
contain the covered work, unless you entered into that arrangement, |
||||||
|
or that patent license was granted, prior to 28 March 2007. |
||||||
|
|
||||||
|
Nothing in this License shall be construed as excluding or limiting |
||||||
|
any implied license or other defenses to infringement that may |
||||||
|
otherwise be available to you under applicable patent law. |
||||||
|
|
||||||
|
12. No Surrender of Others' Freedom. |
||||||
|
|
||||||
|
If conditions are imposed on you (whether by court order, agreement or |
||||||
|
otherwise) that contradict the conditions of this License, they do not |
||||||
|
excuse you from the conditions of this License. If you cannot convey a |
||||||
|
covered work so as to satisfy simultaneously your obligations under this |
||||||
|
License and any other pertinent obligations, then as a consequence you may |
||||||
|
not convey it at all. For example, if you agree to terms that obligate you |
||||||
|
to collect a royalty for further conveying from those to whom you convey |
||||||
|
the Program, the only way you could satisfy both those terms and this |
||||||
|
License would be to refrain entirely from conveying the Program. |
||||||
|
|
||||||
|
13. Use with the GNU Affero General Public License. |
||||||
|
|
||||||
|
Notwithstanding any other provision of this License, you have |
||||||
|
permission to link or combine any covered work with a work licensed |
||||||
|
under version 3 of the GNU Affero General Public License into a single |
||||||
|
combined work, and to convey the resulting work. The terms of this |
||||||
|
License will continue to apply to the part which is the covered work, |
||||||
|
but the special requirements of the GNU Affero General Public License, |
||||||
|
section 13, concerning interaction through a network will apply to the |
||||||
|
combination as such. |
||||||
|
|
||||||
|
14. Revised Versions of this License. |
||||||
|
|
||||||
|
The Free Software Foundation may publish revised and/or new versions of |
||||||
|
the GNU General Public License from time to time. Such new versions will |
||||||
|
be similar in spirit to the present version, but may differ in detail to |
||||||
|
address new problems or concerns. |
||||||
|
|
||||||
|
Each version is given a distinguishing version number. If the |
||||||
|
Program specifies that a certain numbered version of the GNU General |
||||||
|
Public License "or any later version" applies to it, you have the |
||||||
|
option of following the terms and conditions either of that numbered |
||||||
|
version or of any later version published by the Free Software |
||||||
|
Foundation. If the Program does not specify a version number of the |
||||||
|
GNU General Public License, you may choose any version ever published |
||||||
|
by the Free Software Foundation. |
||||||
|
|
||||||
|
If the Program specifies that a proxy can decide which future |
||||||
|
versions of the GNU General Public License can be used, that proxy's |
||||||
|
public statement of acceptance of a version permanently authorizes you |
||||||
|
to choose that version for the Program. |
||||||
|
|
||||||
|
Later license versions may give you additional or different |
||||||
|
permissions. However, no additional obligations are imposed on any |
||||||
|
author or copyright holder as a result of your choosing to follow a |
||||||
|
later version. |
||||||
|
|
||||||
|
15. Disclaimer of Warranty. |
||||||
|
|
||||||
|
THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY |
||||||
|
APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT |
||||||
|
HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY |
||||||
|
OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, |
||||||
|
THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR |
||||||
|
PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM |
||||||
|
IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF |
||||||
|
ALL NECESSARY SERVICING, REPAIR OR CORRECTION. |
||||||
|
|
||||||
|
16. Limitation of Liability. |
||||||
|
|
||||||
|
IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING |
||||||
|
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS |
||||||
|
THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY |
||||||
|
GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE |
||||||
|
USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF |
||||||
|
DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD |
||||||
|
PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), |
||||||
|
EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF |
||||||
|
SUCH DAMAGES. |
||||||
|
|
||||||
|
17. Interpretation of Sections 15 and 16. |
||||||
|
|
||||||
|
If the disclaimer of warranty and limitation of liability provided |
||||||
|
above cannot be given local legal effect according to their terms, |
||||||
|
reviewing courts shall apply local law that most closely approximates |
||||||
|
an absolute waiver of all civil liability in connection with the |
||||||
|
Program, unless a warranty or assumption of liability accompanies a |
||||||
|
copy of the Program in return for a fee. |
||||||
|
|
||||||
|
END OF TERMS AND CONDITIONS |
||||||
|
|
||||||
|
How to Apply These Terms to Your New Programs |
||||||
|
|
||||||
|
If you develop a new program, and you want it to be of the greatest |
||||||
|
possible use to the public, the best way to achieve this is to make it |
||||||
|
free software which everyone can redistribute and change under these terms. |
||||||
|
|
||||||
|
To do so, attach the following notices to the program. It is safest |
||||||
|
to attach them to the start of each source file to most effectively |
||||||
|
state the exclusion of warranty; and each file should have at least |
||||||
|
the "copyright" line and a pointer to where the full notice is found. |
||||||
|
|
||||||
|
<one line to give the program's name and a brief idea of what it does.> |
||||||
|
Copyright (C) <year> <name of author> |
||||||
|
|
||||||
|
This program is free software: you can redistribute it and/or modify |
||||||
|
it under the terms of the GNU General Public License as published by |
||||||
|
the Free Software Foundation, either version 3 of the License, or |
||||||
|
(at your option) any later version. |
||||||
|
|
||||||
|
This program is distributed in the hope that it will be useful, |
||||||
|
but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||||
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||||
|
GNU General Public License for more details. |
||||||
|
|
||||||
|
You should have received a copy of the GNU General Public License |
||||||
|
along with this program. If not, see <http://www.gnu.org/licenses/>. |
||||||
|
|
||||||
|
Also add information on how to contact you by electronic and paper mail. |
||||||
|
|
||||||
|
If the program does terminal interaction, make it output a short |
||||||
|
notice like this when it starts in an interactive mode: |
||||||
|
|
||||||
|
<program> Copyright (C) <year> <name of author> |
||||||
|
This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'. |
||||||
|
This is free software, and you are welcome to redistribute it |
||||||
|
under certain conditions; type `show c' for details. |
||||||
|
|
||||||
|
The hypothetical commands `show w' and `show c' should show the appropriate |
||||||
|
parts of the General Public License. Of course, your program's commands |
||||||
|
might be different; for a GUI interface, you would use an "about box". |
||||||
|
|
||||||
|
You should also get your employer (if you work as a programmer) or school, |
||||||
|
if any, to sign a "copyright disclaimer" for the program, if necessary. |
||||||
|
For more information on this, and how to apply and follow the GNU GPL, see |
||||||
|
<http://www.gnu.org/licenses/>. |
||||||
|
|
||||||
|
The GNU General Public License does not permit incorporating your program |
||||||
|
into proprietary programs. If your program is a subroutine library, you |
||||||
|
may consider it more useful to permit linking proprietary applications with |
||||||
|
the library. If this is what you want to do, use the GNU Lesser General |
||||||
|
Public License instead of this License. But first, please read |
||||||
|
<http://www.gnu.org/philosophy/why-not-lgpl.html>. |
||||||
@ -0,0 +1,32 @@ |
|||||||
|
**aksento** - моделирование древнегреческого ударения |
||||||
|
|
||||||
|
## Лицензия |
||||||
|
Copyright (C) 2017-2018, Maxim Lihachev, <envrm@yandex.ru> |
||||||
|
|
||||||
|
This program is free software: you can redistribute it and/or modify |
||||||
|
it under the terms of the GNU General Public License as published by |
||||||
|
the Free Software Foundation, either version 3 of the License, or |
||||||
|
(at your option) any later version. |
||||||
|
|
||||||
|
This program is distributed in the hope that it will be useful, |
||||||
|
but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||||
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||||
|
GNU General Public License for more details. |
||||||
|
|
||||||
|
You should have received a copy of the GNU General Public License |
||||||
|
along with this program. If not, see <http://www.gnu.org/licenses/>. |
||||||
|
|
||||||
|
## Описание |
||||||
|
Сценарий отображает древнегреческие фразы на нотном стане в пределах одной |
||||||
|
квинты согласно правилам музыкального ударения. |
||||||
|
|
||||||
|
http://aksento.github.io |
||||||
|
|
||||||
|
## Помощь |
||||||
|
Проекту требуется всестороннее тестирование. Если вы найдёте ошибку или у |
||||||
|
вас появится замечание или предложение, отправьте сообщение, сделать это |
||||||
|
можно с сайта, нажав на значок конверта в нижнем левом углу. |
||||||
|
|
||||||
|
## Версия |
||||||
|
1.0 |
||||||
|
|
||||||
@ -0,0 +1,109 @@ |
|||||||
|
h1, h1 > a { |
||||||
|
margin: 1em 0 0.5em 0; |
||||||
|
color: gray; |
||||||
|
font-weight: normal; |
||||||
|
font-family: 'Ultra', sans-serif; |
||||||
|
font-size: 36px; |
||||||
|
line-height: 35px; |
||||||
|
/* text-transform: uppercase; */ |
||||||
|
text-shadow: 0 2px white, 0 3px #777; |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
|
|
||||||
|
h2 { |
||||||
|
margin-top: -10px; |
||||||
|
color: gray; |
||||||
|
font-size: 14px; |
||||||
|
line-height: 16px; |
||||||
|
font-weight: normal; |
||||||
|
} |
||||||
|
|
||||||
|
input, textarea { |
||||||
|
box-sizing: border-box; |
||||||
|
margin-bottom: 20px; |
||||||
|
padding: 4px; |
||||||
|
height: 32px; |
||||||
|
width: 70%; |
||||||
|
border: none; |
||||||
|
border-bottom: 1px solid #AAA; |
||||||
|
font-family: 'Roboto', sans-serif; |
||||||
|
font-weight: 400; |
||||||
|
font-size: 15px; |
||||||
|
transition: 0.2s ease; |
||||||
|
} |
||||||
|
|
||||||
|
input:focus { |
||||||
|
border-bottom: 2px solid #16a085; |
||||||
|
color: #16a085; |
||||||
|
transition: 0.2s ease; |
||||||
|
} |
||||||
|
|
||||||
|
input[type="submit"] { |
||||||
|
margin-top: 28px; |
||||||
|
width: 60px; |
||||||
|
height: 32px; |
||||||
|
background: gray; |
||||||
|
border: none; |
||||||
|
border-radius: 2px; |
||||||
|
color: #FFF; |
||||||
|
font-family: 'Roboto', sans-serif; |
||||||
|
font-weight: 500; |
||||||
|
text-transform: uppercase; |
||||||
|
transition: 0.1s ease; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
|
||||||
|
input[type="submit"]:hover, |
||||||
|
input[type="submit"]:focus { |
||||||
|
opacity: 0.8; |
||||||
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); |
||||||
|
transition: 0.1s ease; |
||||||
|
} |
||||||
|
|
||||||
|
input[type="submit"]:active { |
||||||
|
opacity: 1; |
||||||
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); |
||||||
|
transition: 0.1s ease; |
||||||
|
} |
||||||
|
|
||||||
|
#example { |
||||||
|
font-size: 1.3em; |
||||||
|
} |
||||||
|
|
||||||
|
#staff p { |
||||||
|
margin-top: 3em; |
||||||
|
} |
||||||
|
|
||||||
|
#example { |
||||||
|
color: gray; |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
|
|
||||||
|
#mailForm { |
||||||
|
display: none; |
||||||
|
margin-top: 5em; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
#mailButton { |
||||||
|
position: fixed; |
||||||
|
border: none; |
||||||
|
/* left: 50%; */ |
||||||
|
left: 20px; |
||||||
|
bottom: 20px; |
||||||
|
/* transform: translate(-50%, -50%); */ |
||||||
|
margin: 0 auto; |
||||||
|
font-size: 2em; |
||||||
|
color: gray; |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
|
||||||
|
.button-wide { |
||||||
|
width: 70% !important; |
||||||
|
} |
||||||
|
|
||||||
|
button:hover { |
||||||
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); |
||||||
|
transition: 0.1s ease; |
||||||
|
} |
||||||
|
|
||||||
@ -0,0 +1,192 @@ |
|||||||
|
/* *** keyboard light theme *** |
||||||
|
for when jQuery UI themes are not being used |
||||||
|
See https://jsfiddle.net/Mottie/jsh0377k/ |
||||||
|
*/ |
||||||
|
.ui-keyboard { |
||||||
|
/* adjust overall keyboard size using "font-size" */ |
||||||
|
font-size: 14px; |
||||||
|
text-align: center; |
||||||
|
background: #fefefe; |
||||||
|
border: 1px solid #aaa; |
||||||
|
padding: 4px; |
||||||
|
|
||||||
|
/* include the following setting to place the |
||||||
|
keyboard at the bottom of the browser window */ |
||||||
|
width: 100%; |
||||||
|
height: auto; |
||||||
|
left: 0px; |
||||||
|
top: auto; |
||||||
|
bottom: 0px; |
||||||
|
position: fixed; |
||||||
|
white-space: nowrap; |
||||||
|
overflow-x: auto; |
||||||
|
/* see issue #484 */ |
||||||
|
-ms-touch-action: manipulation; |
||||||
|
touch-action: manipulation; |
||||||
|
} |
||||||
|
.ui-keyboard-has-focus { |
||||||
|
z-index: 16001; |
||||||
|
} |
||||||
|
.ui-keyboard-button { |
||||||
|
border: 1px solid #aaa; |
||||||
|
padding: 0 0.5em; |
||||||
|
margin: 1px; |
||||||
|
min-width: 3em; |
||||||
|
height: 3em; |
||||||
|
line-height: 3em; |
||||||
|
vertical-align: top; |
||||||
|
font-family: Helvetica, Arial, sans-serif; |
||||||
|
color: #333; |
||||||
|
text-align: center; |
||||||
|
border-radius: 5px; |
||||||
|
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5); |
||||||
|
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5); |
||||||
|
background: white; |
||||||
|
background-image: -webkit-linear-gradient(-90deg, white 0%, #e3e3e3 100%); |
||||||
|
background-image: linear-gradient(-90deg, white 0%, #e3e3e3 100%); |
||||||
|
cursor: pointer; |
||||||
|
overflow: hidden; |
||||||
|
-moz-user-focus: ignore; |
||||||
|
} |
||||||
|
.ui-keyboard-button:not([disabled]):hover { |
||||||
|
background: #eee; |
||||||
|
background-image: -webkit-linear-gradient(-90deg, #f2f2f2 0%, #d3d3d3 100%); |
||||||
|
background-image: linear-gradient(-90deg, #f2f2f2 0%, #d3d3d3 100%); |
||||||
|
} |
||||||
|
.ui-keyboard-button:not([disabled]):active { |
||||||
|
background: #ddd; |
||||||
|
background-image: -webkit-linear-gradient(-90deg, #e5e5e5 0%, #d3d3d3 100%); |
||||||
|
background-image: linear-gradient(-90deg, #e5e5e5 0%, #d3d3d3 100%); |
||||||
|
} |
||||||
|
.ui-keyboard-button span { |
||||||
|
display: block; |
||||||
|
width: 100%; |
||||||
|
font-size: 1.2em; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
/* make action keys extra-wide */ |
||||||
|
.ui-keyboard-actionkey:not(.ui-keyboard-dec):not(.ui-keyboard-combo) { |
||||||
|
min-width: 6em; |
||||||
|
} |
||||||
|
.ui-keyboard-space { |
||||||
|
width: 15em; |
||||||
|
} |
||||||
|
.ui-keyboard-actionkey:not(.ui-keyboard-dec):not(.ui-keyboard-combo) span { |
||||||
|
font-size: 0.8em; |
||||||
|
position: relative; |
||||||
|
top: -1em; |
||||||
|
left: -1.6em; |
||||||
|
} |
||||||
|
.ui-keyboard-placeholder { |
||||||
|
color: #888; |
||||||
|
} |
||||||
|
/* disabled or readonly inputs, or use input[disabled='disabled'] { color: #f00; } */ |
||||||
|
.ui-keyboard-nokeyboard { |
||||||
|
color: #888; |
||||||
|
border-color: #888; |
||||||
|
} |
||||||
|
.ui-keyboard-spacer { |
||||||
|
display: inline-block; |
||||||
|
width: 1px; |
||||||
|
height: 0; |
||||||
|
cursor: default; |
||||||
|
} |
||||||
|
.ui-keyboard-NBSP span, .ui-keyboard-ZWSP span, .ui-keyboard-ZWNJ span, .ui-keyboard-ZWJ span, |
||||||
|
.ui-keyboard-LRM span, .ui-keyboard-RLM span { |
||||||
|
font-size: 0.5em; |
||||||
|
line-height: 1.5em; |
||||||
|
white-space: normal; |
||||||
|
} |
||||||
|
|
||||||
|
/* combo key styling - toggles diacritics on/off */ |
||||||
|
.ui-keyboard-button.ui-keyboard-combo.ui-state-default { |
||||||
|
-webkit-box-shadow: 1px 1px 3px 0 rgba(213, 133, 18, 0.5); |
||||||
|
box-shadow: 1px 1px 3px 0 rgba(213, 133, 18, 0.5); |
||||||
|
border-color: #d58512; |
||||||
|
} |
||||||
|
.ui-keyboard-button.ui-keyboard-combo.ui-state-active { |
||||||
|
-webkit-box-shadow: 1px 1px 3px 0 rgba(38, 154, 188, 0.5); |
||||||
|
box-shadow: 1px 1px 3px 0 rgba(38, 154, 188, 0.5); |
||||||
|
border-color: #269abc; |
||||||
|
} |
||||||
|
/* (in)valid inputs */ |
||||||
|
button.ui-keyboard-accept.ui-keyboard-valid-input { |
||||||
|
-webkit-box-shadow: 1px 1px 3px 0 rgba(57, 132, 57, 0.5); |
||||||
|
box-shadow: 1px 1px 3px 0 rgba(57, 132, 57, 0.5); |
||||||
|
border-color: #398439; |
||||||
|
} |
||||||
|
button.ui-keyboard-accept.ui-keyboard-valid-input:not([disabled]):hover { |
||||||
|
border-color: #4cae4c; |
||||||
|
} |
||||||
|
button.ui-keyboard-accept.ui-keyboard-invalid-input { |
||||||
|
-webkit-box-shadow: 1px 1px 3px 0 rgba(172, 41, 37, 0.5); |
||||||
|
box-shadow: 1px 1px 3px 0 rgba(172, 41, 37, 0.5); |
||||||
|
border-color: #ac2925; |
||||||
|
} |
||||||
|
button.ui-keyboard-accept.ui-keyboard-invalid-input:not([disabled]):hover { |
||||||
|
border-color: #d43f3a; |
||||||
|
} |
||||||
|
/* unlocked icon (keyboard enabled) */ |
||||||
|
button.ui-keyboard-toggle span { |
||||||
|
width: .9em; |
||||||
|
height: .9em; |
||||||
|
display: inline-block; |
||||||
|
background-repeat: no-repeat; |
||||||
|
background-position: center center; |
||||||
|
background-size: contain; |
||||||
|
/* light theme unlocked icon - fill: #111 */ |
||||||
|
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iIzExMSI+PHBhdGggZD0iTTguNyw0LjRINy41SDUuMHYtMS45YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40LDAtMi41LDEuMS0yLjUsMi41djEuOWgxLjIgdi0xLjljMC0wLjcsMC42LTEuMiwxLjItMS4yczEuMiwwLjYsMS4yLDEuMnYxLjljLTAuNywwLTEuMiwwLjYtMS4yLDEuMlY4LjggYzAsMC43LDAuNiwxLjIsMS4yLDEuMmg1LjBDOS40LDEwLDEwLDkuNCwxMCw4LjhWNS42QzEwLDUuMCw5LjQsNC40LDguOCw0LjR6IE02LjYsNy40djEuMCBjMCwwLjItMC4xLDAuMy0wLjMsMC4zUzYuMCw4LjYsNi4wLDguNFY3LjRjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zLDAuMy0wLjYsMC42LTAuNiBTNi45LDYuNiw2LjksNi45QzYuOSw3LjEsNi44LDcuMyw2LjYsNy40eiIvPjwvc3ZnPg=='); |
||||||
|
} |
||||||
|
/* locked icon (keyboard disabled) */ |
||||||
|
button.ui-keyboard-toggle.ui-keyboard-disabled span { |
||||||
|
/* light theme locked icon - fill: #111 */ |
||||||
|
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iIzExMSI+PHBhdGggZD0iTTcuNCA0LjRWMi41YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40IDAtMi41IDEuMS0yLjUgMi41djEuOSBjLTAuNyAwLTEuMiAwLjUtMS4yIDEuMnYzLjFDMS4zIDkuNCAxLjggMTAgMi41IDEwaDQuOWMwLjcgMCAxLjItMC42IDEuMi0xLjJWNS42IEM4LjcgNC45IDguMSA0LjQgNy40IDQuNHogTTUuMyA3LjR2MS4wYzAgMC4yLTAuMSAwLjMtMC4zIDAuM2MtMC4yIDAtMC4zLTAuMS0wLjMtMC4zVjcuNCBjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zIDAuMy0wLjYgMC42LTAuNmMwLjMgMCAwLjYgMC4zIDAuNiAwLjYgQzUuNiA3LjEgNS41IDcuMyA1LjMgNy40eiBNNi4yIDQuNEgzLjdWMi41YzAtMC43IDAuNS0xLjIgMS4yLTEuMmMwLjcgMCAxLjIgMC42IDEuMiAxLjIgVjQuNHoiLz48L3N2Zz4='); |
||||||
|
} |
||||||
|
.ui-keyboard.ui-keyboard-disabled button:not(.ui-keyboard-toggle), .ui-keyboard.ui-keyboard-disabled input { |
||||||
|
opacity: 0.5; |
||||||
|
} |
||||||
|
|
||||||
|
/*** Alt-Keys Popup extension ***/ |
||||||
|
/* clickable overlay on top of keyboard to hide the popup */ |
||||||
|
.ui-keyboard-overlay { |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
bottom: 0; |
||||||
|
right: 0; |
||||||
|
background: rgba(238, 238, 238, 0.5); |
||||||
|
} |
||||||
|
/* the actual popup styling, class names from the css.container option are also added */ |
||||||
|
.ui-keyboard-popup { |
||||||
|
display: inline-block; |
||||||
|
/* default buttons are 2em wide + .1em margin on either side (set in .ui-keyboard-button definition); |
||||||
|
so use multiples of 2.2em for a max-width if you don't want any extra white space on the sides, |
||||||
|
e.g. 5 buttons * 2.2em = 11em, 6 buttons * 2.2em = 13.2em, etc */ |
||||||
|
max-width: 22em; |
||||||
|
/* 10 buttons */ |
||||||
|
} |
||||||
|
|
||||||
|
/*** Caret extension definition ***/ |
||||||
|
/* margin-top => is added to the caret height (top & bottom) */ |
||||||
|
.ui-keyboard-caret { |
||||||
|
background: #c00; |
||||||
|
width: 1px; |
||||||
|
margin-top: 3px; |
||||||
|
} |
||||||
|
|
||||||
|
/*** Extender keyboard extension ***/ |
||||||
|
div.ui-keyboard-extender { |
||||||
|
margin-left: 5px; |
||||||
|
margin-right: 10px; |
||||||
|
} |
||||||
|
button.ui-keyboard-extender span { |
||||||
|
width: .9em; |
||||||
|
height: .9em; |
||||||
|
display: inline-block; |
||||||
|
margin-bottom: 3px; |
||||||
|
background-repeat: no-repeat; |
||||||
|
background-position: center center; |
||||||
|
background-size: contain; |
||||||
|
/* light theme extender icon - fill: #111 */ |
||||||
|
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgc3R5bGU9ImZpbGw6IzExMSI+PGc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzExMSIgZD0iTSAwLjUsNC41IDE1LjUsNC41IDE1LjUsMTUuNSAwLjUsMTUuNSBaIj48L3BhdGg+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMiIgeT0iNiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjYiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSI4IiB5PSI2Ij48L3JlY3Q+PHBhdGggZD0ibSAxMSw2IDMsMCAwLDUgLTIsMCAwLC0zIC0xLDAgeiI+PC9wYXRoPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjEyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjEyIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iOSIgeT0iOSI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjYiIHk9IjkiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSIyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHg9IjIiIHk9IjkiPjwvcmVjdD48L2c+PC9zdmc+'); |
||||||
|
} |
||||||
@ -0,0 +1,192 @@ |
|||||||
|
/* *** keyboard dark theme *** |
||||||
|
for when jQuery UI themes are not being used |
||||||
|
See https://jsfiddle.net/Mottie/6dmqhLvh/ |
||||||
|
*/ |
||||||
|
.ui-keyboard { |
||||||
|
/* adjust overall keyboard size using "font-size" */ |
||||||
|
font-size: 14px; |
||||||
|
text-align: center; |
||||||
|
background: #282828; |
||||||
|
border: 1px solid #484848; |
||||||
|
padding: 4px; |
||||||
|
|
||||||
|
/* include the following setting to place the |
||||||
|
keyboard at the bottom of the browser window */ |
||||||
|
width: 100%; |
||||||
|
height: auto; |
||||||
|
left: 0px; |
||||||
|
top: auto; |
||||||
|
bottom: 0px; |
||||||
|
position: fixed; |
||||||
|
white-space: nowrap; |
||||||
|
overflow-x: auto; |
||||||
|
/* see issue #484 */ |
||||||
|
-ms-touch-action: manipulation; |
||||||
|
touch-action: manipulation; |
||||||
|
} |
||||||
|
.ui-keyboard-has-focus { |
||||||
|
z-index: 16001; |
||||||
|
} |
||||||
|
.ui-keyboard-button { |
||||||
|
border: 1px solid #404040; |
||||||
|
padding: 0 0.5em; |
||||||
|
margin: 1px; |
||||||
|
min-width: 3em; |
||||||
|
height: 3em; |
||||||
|
line-height: 3em; |
||||||
|
vertical-align: top; |
||||||
|
font-family: Helvetica, Arial, sans-serif; |
||||||
|
color: #eee; |
||||||
|
text-align: center; |
||||||
|
border-radius: 5px; |
||||||
|
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5); |
||||||
|
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5); |
||||||
|
background: #444; |
||||||
|
background-image: -webkit-linear-gradient(-90deg, #444 0%, #333 100%); |
||||||
|
background-image: linear-gradient(-90deg, #444 0%, #333 100%); |
||||||
|
cursor: pointer; |
||||||
|
overflow: hidden; |
||||||
|
-moz-user-focus: ignore; |
||||||
|
} |
||||||
|
.ui-keyboard-button:not([disabled]):hover { |
||||||
|
background: #eee; |
||||||
|
background-image: -webkit-linear-gradient(-90deg, #4f4f4f 0%, #444 100%); |
||||||
|
background-image: linear-gradient(-90deg, #4f4f4f 0%, #444 100%); |
||||||
|
} |
||||||
|
.ui-keyboard-button:not([disabled]):active { |
||||||
|
background: #ddd; |
||||||
|
background-image: -webkit-linear-gradient(-90deg, #555 0%, #5f5f5f 100%); |
||||||
|
background-image: linear-gradient(-90deg, #555 0%, #5f5f5f 100%); |
||||||
|
} |
||||||
|
.ui-keyboard-button span { |
||||||
|
display: block; |
||||||
|
width: 100%; |
||||||
|
font-size: 1.2em; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
/* make action keys extra-wide */ |
||||||
|
.ui-keyboard-actionkey:not(.ui-keyboard-dec):not(.ui-keyboard-combo) { |
||||||
|
min-width: 6em; |
||||||
|
} |
||||||
|
.ui-keyboard-space { |
||||||
|
width: 15em; |
||||||
|
} |
||||||
|
.ui-keyboard-actionkey:not(.ui-keyboard-dec):not(.ui-keyboard-combo) span { |
||||||
|
font-size: 0.8em; |
||||||
|
position: relative; |
||||||
|
top: -1em; |
||||||
|
left: -1.6em; |
||||||
|
} |
||||||
|
.ui-keyboard-placeholder { |
||||||
|
color: #888; |
||||||
|
} |
||||||
|
/* disabled or readonly inputs, or use input[disabled='disabled'] { color: #f00; } */ |
||||||
|
.ui-keyboard-nokeyboard { |
||||||
|
color: #888; |
||||||
|
border-color: #888; |
||||||
|
} |
||||||
|
.ui-keyboard-spacer { |
||||||
|
display: inline-block; |
||||||
|
width: 1px; |
||||||
|
height: 0; |
||||||
|
cursor: default; |
||||||
|
} |
||||||
|
.ui-keyboard-NBSP span, .ui-keyboard-ZWSP span, .ui-keyboard-ZWNJ span, .ui-keyboard-ZWJ span, |
||||||
|
.ui-keyboard-LRM span, .ui-keyboard-RLM span { |
||||||
|
font-size: 0.5em; |
||||||
|
line-height: 1.5em; |
||||||
|
white-space: normal; |
||||||
|
} |
||||||
|
|
||||||
|
/* combo key styling - toggles diacritics on/off */ |
||||||
|
.ui-keyboard-button.ui-keyboard-combo.ui-state-default { |
||||||
|
-webkit-box-shadow: 1px 1px 3px 0 rgba(213, 133, 18, 0.5); |
||||||
|
box-shadow: 1px 1px 3px 0 rgba(213, 133, 18, 0.5); |
||||||
|
border-color: #d58512; |
||||||
|
} |
||||||
|
.ui-keyboard-button.ui-keyboard-combo.ui-state-active { |
||||||
|
-webkit-box-shadow: 1px 1px 3px 0 rgba(38, 154, 188, 0.5); |
||||||
|
box-shadow: 1px 1px 3px 0 rgba(38, 154, 188, 0.5); |
||||||
|
border-color: #269abc; |
||||||
|
} |
||||||
|
/* (in)valid inputs */ |
||||||
|
button.ui-keyboard-accept.ui-keyboard-valid-input { |
||||||
|
-webkit-box-shadow: 1px 1px 3px 0 rgba(57, 132, 57, 0.5); |
||||||
|
box-shadow: 1px 1px 3px 0 rgba(57, 132, 57, 0.5); |
||||||
|
border-color: #398439; |
||||||
|
} |
||||||
|
button.ui-keyboard-accept.ui-keyboard-valid-input:not([disabled]):hover { |
||||||
|
border-color: #4cae4c; |
||||||
|
} |
||||||
|
button.ui-keyboard-accept.ui-keyboard-invalid-input { |
||||||
|
-webkit-box-shadow: 1px 1px 3px 0 rgba(172, 41, 37, 0.5); |
||||||
|
box-shadow: 1px 1px 3px 0 rgba(172, 41, 37, 0.5); |
||||||
|
border-color: #ac2925; |
||||||
|
} |
||||||
|
button.ui-keyboard-accept.ui-keyboard-invalid-input:not([disabled]):hover { |
||||||
|
border-color: #d43f3a; |
||||||
|
} |
||||||
|
/* unlocked icon (keyboard enabled) */ |
||||||
|
button.ui-keyboard-toggle span { |
||||||
|
width: .9em; |
||||||
|
height: .9em; |
||||||
|
display: inline-block; |
||||||
|
background-repeat: no-repeat; |
||||||
|
background-position: center center; |
||||||
|
background-size: contain; |
||||||
|
/* dark theme unlocked icon - fill: #eee */ |
||||||
|
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iI2VlZSI+PHBhdGggZD0iTTguNyw0LjRINy41SDUuMHYtMS45YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40LDAtMi41LDEuMS0yLjUsMi41djEuOWgxLjIgdi0xLjljMC0wLjcsMC42LTEuMiwxLjItMS4yczEuMiwwLjYsMS4yLDEuMnYxLjljLTAuNywwLTEuMiwwLjYtMS4yLDEuMlY4LjggYzAsMC43LDAuNiwxLjIsMS4yLDEuMmg1LjBDOS40LDEwLDEwLDkuNCwxMCw4LjhWNS42QzEwLDUuMCw5LjQsNC40LDguOCw0LjR6IE02LjYsNy40djEuMCBjMCwwLjItMC4xLDAuMy0wLjMsMC4zUzYuMCw4LjYsNi4wLDguNFY3LjRjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zLDAuMy0wLjYsMC42LTAuNiBTNi45LDYuNiw2LjksNi45QzYuOSw3LjEsNi44LDcuMyw2LjYsNy40eiIvPjwvc3ZnPg=='); |
||||||
|
} |
||||||
|
/* locked icon (keyboard disabled) */ |
||||||
|
button.ui-keyboard-toggle.ui-keyboard-disabled span { |
||||||
|
/* dark theme locked icon - fill: #eee */ |
||||||
|
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iI2VlZSI+PHBhdGggZD0iTTcuNCA0LjRWMi41YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40IDAtMi41IDEuMS0yLjUgMi41djEuOSBjLTAuNyAwLTEuMiAwLjUtMS4yIDEuMnYzLjFDMS4zIDkuNCAxLjggMTAgMi41IDEwaDQuOWMwLjcgMCAxLjItMC42IDEuMi0xLjJWNS42IEM4LjcgNC45IDguMSA0LjQgNy40IDQuNHogTTUuMyA3LjR2MS4wYzAgMC4yLTAuMSAwLjMtMC4zIDAuM2MtMC4yIDAtMC4zLTAuMS0wLjMtMC4zVjcuNCBjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zIDAuMy0wLjYgMC42LTAuNmMwLjMgMCAwLjYgMC4zIDAuNiAwLjYgQzUuNiA3LjEgNS41IDcuMyA1LjMgNy40eiBNNi4yIDQuNEgzLjdWMi41YzAtMC43IDAuNS0xLjIgMS4yLTEuMmMwLjcgMCAxLjIgMC42IDEuMiAxLjIgVjQuNHoiLz48L3N2Zz4='); |
||||||
|
} |
||||||
|
.ui-keyboard.ui-keyboard-disabled button:not(.ui-keyboard-toggle), .ui-keyboard.ui-keyboard-disabled input { |
||||||
|
opacity: 0.5; |
||||||
|
} |
||||||
|
|
||||||
|
/*** Alt-Keys Popup extension ***/ |
||||||
|
/* clickable overlay on top of keyboard to hide the popup */ |
||||||
|
.ui-keyboard-overlay { |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
bottom: 0; |
||||||
|
right: 0; |
||||||
|
background: rgba(0, 0, 0, 0.5); |
||||||
|
} |
||||||
|
/* the actual popup styling, class names from the css.container option are also added */ |
||||||
|
.ui-keyboard-popup { |
||||||
|
display: inline-block; |
||||||
|
/* default buttons are 2em wide + .1em margin on either side (set in .ui-keyboard-button definition); |
||||||
|
so use multiples of 2.2em for a max-width if you don't want any extra white space on the sides, |
||||||
|
e.g. 5 buttons * 2.2em = 11em, 6 buttons * 2.2em = 13.2em, etc */ |
||||||
|
max-width: 22em; |
||||||
|
/* 10 buttons */ |
||||||
|
} |
||||||
|
|
||||||
|
/*** Caret extension definition ***/ |
||||||
|
/* margin-top => is added to the caret height (top & bottom) */ |
||||||
|
.ui-keyboard-caret { |
||||||
|
background: #c00; |
||||||
|
width: 1px; |
||||||
|
margin-top: 3px; |
||||||
|
} |
||||||
|
|
||||||
|
/*** Extender keyboard extension ***/ |
||||||
|
div.ui-keyboard-extender { |
||||||
|
margin-left: 5px; |
||||||
|
margin-right: 10px; |
||||||
|
} |
||||||
|
button.ui-keyboard-extender span { |
||||||
|
width: .9em; |
||||||
|
height: .9em; |
||||||
|
display: inline-block; |
||||||
|
margin-bottom: 3px; |
||||||
|
background-repeat: no-repeat; |
||||||
|
background-position: center center; |
||||||
|
background-size: contain; |
||||||
|
/* dark theme extender icon - fill: #eee */ |
||||||
|
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgc3R5bGU9ImZpbGw6I2VlZSI+PGc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2VlZSIgZD0iTSAwLjUsNC41IDE1LjUsNC41IDE1LjUsMTUuNSAwLjUsMTUuNSBaIj48L3BhdGg+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMiIgeT0iNiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjYiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSI4IiB5PSI2Ij48L3JlY3Q+PHBhdGggZD0ibSAxMSw2IDMsMCAwLDUgLTIsMCAwLC0zIC0xLDAgeiI+PC9wYXRoPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjEyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjEyIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iOSIgeT0iOSI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjYiIHk9IjkiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSIyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHg9IjIiIHk9IjkiPjwvcmVjdD48L2c+PC9zdmc+'); |
||||||
|
} |
||||||
@ -0,0 +1,44 @@ |
|||||||
|
/* basic previewKeyset setup - modify as desired */ |
||||||
|
.ui-keyboard-keyset .ui-keyboard-button { |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
/* show mini-shift keyset with normal keyset */ |
||||||
|
.ui-keyboard-keyset-normal .ui-keyboard-button::after { |
||||||
|
content: attr(data-shift); |
||||||
|
font-size: 0.6em; |
||||||
|
color: #999; |
||||||
|
position: absolute; |
||||||
|
top: -1em; |
||||||
|
left: 2px; |
||||||
|
z-index: 200; |
||||||
|
} |
||||||
|
/* show mini-normal keyset with shift keyset */ |
||||||
|
.ui-keyboard-keyset-shift .ui-keyboard-button::after { |
||||||
|
content: attr(data-normal); |
||||||
|
font-size: 0.6em; |
||||||
|
color: #999; |
||||||
|
position: absolute; |
||||||
|
top: -1em; |
||||||
|
left: 2px; |
||||||
|
z-index: 200; |
||||||
|
} |
||||||
|
/* show mini-normal keyset with alt keyset */ |
||||||
|
.ui-keyboard-keyset-alt .ui-keyboard-button::after { |
||||||
|
content: attr(data-alt-shift); |
||||||
|
font-size: 0.6em; |
||||||
|
color: #999; |
||||||
|
position: absolute; |
||||||
|
top: -1em; |
||||||
|
left: 2px; |
||||||
|
z-index: 200; |
||||||
|
} |
||||||
|
/* show mini-alt-shift keyset with alt-shift keyset */ |
||||||
|
.ui-keyboard-keyset-alt-shift .ui-keyboard-button::after { |
||||||
|
content: attr(data-alt); |
||||||
|
font-size: 0.6em; |
||||||
|
color: #999; |
||||||
|
position: absolute; |
||||||
|
top: -1em; |
||||||
|
left: 2px; |
||||||
|
z-index: 200; |
||||||
|
} |
||||||
@ -0,0 +1,329 @@ |
|||||||
|
/* keyboard - jQuery UI Widget */ |
||||||
|
.ui-keyboard { |
||||||
|
text-align: center; |
||||||
|
padding: .3em; |
||||||
|
position: absolute; |
||||||
|
left: 0; |
||||||
|
top: 0; |
||||||
|
z-index: 16000; |
||||||
|
/* see issue #484 */ |
||||||
|
-ms-touch-action: manipulation; |
||||||
|
touch-action: manipulation; |
||||||
|
} |
||||||
|
.ui-keyboard-has-focus { |
||||||
|
z-index: 16001; |
||||||
|
} |
||||||
|
.ui-keyboard div { |
||||||
|
font-size: 1.1em; |
||||||
|
} |
||||||
|
.ui-keyboard-button { |
||||||
|
height: 2em; |
||||||
|
min-width: 2em; |
||||||
|
margin: .1em; |
||||||
|
cursor: pointer; |
||||||
|
overflow: hidden; |
||||||
|
line-height: 2em; |
||||||
|
-moz-user-focus: ignore; |
||||||
|
} |
||||||
|
.ui-keyboard-button span { |
||||||
|
padding: 0; |
||||||
|
margin: 0; |
||||||
|
white-space: nowrap; |
||||||
|
display: inline-block; |
||||||
|
} |
||||||
|
.ui-keyboard-button-endrow { |
||||||
|
clear: left; |
||||||
|
} |
||||||
|
.ui-keyboard-space { |
||||||
|
width: 15em; |
||||||
|
} |
||||||
|
/* see http://nicolasgallagher.com/another-css-image-replacement-technique/ */ |
||||||
|
.ui-keyboard-space span, .ui-keyboard-empty span { |
||||||
|
font: 0/0 a; |
||||||
|
text-shadow: none; |
||||||
|
color: transparent; |
||||||
|
} |
||||||
|
.ui-keyboard-preview-wrapper { |
||||||
|
text-align: center; |
||||||
|
position: relative; |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
/* width is calculated in IE, since 99% = 99% full browser width =( */ |
||||||
|
.ui-keyboard-preview { |
||||||
|
text-align: left; |
||||||
|
margin: 0 0 3px 0; |
||||||
|
display: inline; |
||||||
|
width: 99%; |
||||||
|
} |
||||||
|
.ui-keyboard-keyset { |
||||||
|
text-align: center; |
||||||
|
white-space: nowrap; |
||||||
|
} |
||||||
|
.ui-keyboard-input { |
||||||
|
text-align: left; |
||||||
|
} |
||||||
|
.ui-keyboard-input-current { |
||||||
|
-moz-box-shadow: 0 0 5px #4d90fe; |
||||||
|
-webkit-box-shadow: 0 0 5px #4d90fe; |
||||||
|
box-shadow: 0 0 5px #4d90fe; |
||||||
|
} |
||||||
|
.ui-keyboard-placeholder { |
||||||
|
color: #888; |
||||||
|
} |
||||||
|
/* disabled or readonly inputs, or use |
||||||
|
input[disabled='disabled'] { color: #f00; } */ |
||||||
|
.ui-keyboard-nokeyboard { |
||||||
|
color: #888; |
||||||
|
border-color: #888; |
||||||
|
} |
||||||
|
.ui-keyboard-spacer { |
||||||
|
display: inline-block; |
||||||
|
width: 1px; |
||||||
|
height: 0; |
||||||
|
cursor: default; |
||||||
|
} |
||||||
|
|
||||||
|
.ui-keyboard-NBSP span, .ui-keyboard-ZWSP span, .ui-keyboard-ZWNJ span, |
||||||
|
.ui-keyboard-ZWJ span, .ui-keyboard-LRM span, .ui-keyboard-RLM span { |
||||||
|
font-size: 0.5em; |
||||||
|
line-height: 1.5em; |
||||||
|
white-space: normal; |
||||||
|
} |
||||||
|
|
||||||
|
/* combo key styling - toggles diacritics on/off */ |
||||||
|
.ui-keyboard-button.ui-keyboard-combo.ui-state-default { |
||||||
|
border-color: #ffaf0f; |
||||||
|
} |
||||||
|
|
||||||
|
/* (in)valid inputs */ |
||||||
|
button.ui-keyboard-accept.ui-keyboard-valid-input { |
||||||
|
border-color: #0c0; |
||||||
|
background: #080; |
||||||
|
color: #fff; |
||||||
|
} |
||||||
|
button.ui-keyboard-accept.ui-keyboard-valid-input:not([disabled]):hover { |
||||||
|
background: #0a0; |
||||||
|
} |
||||||
|
button.ui-keyboard-accept.ui-keyboard-invalid-input { |
||||||
|
border-color: #c00; |
||||||
|
background: #800; |
||||||
|
color: #fff; |
||||||
|
opacity: 0.5; |
||||||
|
filter: alpha(opacity=50); |
||||||
|
} |
||||||
|
button.ui-keyboard-accept.ui-keyboard-invalid-input:not([disabled]):hover { |
||||||
|
background: #a00; |
||||||
|
} |
||||||
|
|
||||||
|
/*** Caret extension definition ***/ |
||||||
|
/* margin-top => is added to the caret height (top & bottom) */ |
||||||
|
.ui-keyboard-caret { |
||||||
|
background: #c00; |
||||||
|
width: 1px; |
||||||
|
margin-top: 3px; |
||||||
|
} |
||||||
|
|
||||||
|
/*** jQuery Mobile definitions ***/ |
||||||
|
/* jQuery Mobile styles - need wider buttons because of font size and |
||||||
|
text-overflow:ellipsis */ |
||||||
|
div.ui-body.ui-keyboard button.ui-keyboard-button.ui-btn { |
||||||
|
padding: 0.5em 1em; |
||||||
|
border-color: transparent; |
||||||
|
} |
||||||
|
.ui-body .ui-keyboard-button { |
||||||
|
width: 3em; |
||||||
|
height: 3em; |
||||||
|
display: inline-block; |
||||||
|
} |
||||||
|
.ui-body .ui-keyboard-widekey { |
||||||
|
width: 5.5em; |
||||||
|
} |
||||||
|
.ui-body .ui-keyboard-space { |
||||||
|
width: 15em; |
||||||
|
} |
||||||
|
.ui-body .ui-keyboard-space span { |
||||||
|
visibility: hidden; /* hides the ellipsis */ |
||||||
|
} |
||||||
|
.ui-body .ui-keyboard-keyset { |
||||||
|
line-height: 0.5em; |
||||||
|
} |
||||||
|
.ui-body input.ui-input-text, .ui-body textarea.ui-input-text { |
||||||
|
width: 95%; |
||||||
|
} |
||||||
|
|
||||||
|
/* over-ride padding set by mobile ui theme - needed because the mobile script |
||||||
|
wraps button text with several more spans */ |
||||||
|
.ui-body .ui-btn-inner { |
||||||
|
height: 2em; |
||||||
|
padding: 0.2em 0; |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
.ui-body .ui-btn { |
||||||
|
margin: 0; |
||||||
|
font-size: 13px; /* mobile default size is 13px */ |
||||||
|
} |
||||||
|
|
||||||
|
/* override Bootstrap excessive button padding */ |
||||||
|
button.ui-keyboard-button.btn { |
||||||
|
padding: 1px 6px; |
||||||
|
} |
||||||
|
|
||||||
|
/* enable/disable icons */ |
||||||
|
button.ui-keyboard-toggle span { |
||||||
|
width: .8em; |
||||||
|
height: .8em; |
||||||
|
display: inline-block; |
||||||
|
background-repeat: no-repeat; |
||||||
|
background-position: center center; |
||||||
|
background-size: contain; |
||||||
|
} |
||||||
|
/* unlocked icon (keyboard enabled) */ |
||||||
|
button.ui-keyboard-toggle span { |
||||||
|
/* light theme unlocked icon - fill: #111 */ |
||||||
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iIzExMSI+PHBhdGggZD0iTTguNyw0LjRINy41SDUuMHYtMS45YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40LDAtMi41LDEuMS0yLjUsMi41djEuOWgxLjIgdi0xLjljMC0wLjcsMC42LTEuMiwxLjItMS4yczEuMiwwLjYsMS4yLDEuMnYxLjljLTAuNywwLTEuMiwwLjYtMS4yLDEuMlY4LjggYzAsMC43LDAuNiwxLjIsMS4yLDEuMmg1LjBDOS40LDEwLDEwLDkuNCwxMCw4LjhWNS42QzEwLDUuMCw5LjQsNC40LDguOCw0LjR6IE02LjYsNy40djEuMCBjMCwwLjItMC4xLDAuMy0wLjMsMC4zUzYuMCw4LjYsNi4wLDguNFY3LjRjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zLDAuMy0wLjYsMC42LTAuNiBTNi45LDYuNiw2LjksNi45QzYuOSw3LjEsNi44LDcuMyw2LjYsNy40eiIvPjwvc3ZnPg==); |
||||||
|
} |
||||||
|
.ui-keyboard-dark-theme button.ui-keyboard-toggle span { |
||||||
|
/* dark theme unlocked icon - fill: #eee */ |
||||||
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iI2VlZSI+PHBhdGggZD0iTTguNyw0LjRINy41SDUuMHYtMS45YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40LDAtMi41LDEuMS0yLjUsMi41djEuOWgxLjIgdi0xLjljMC0wLjcsMC42LTEuMiwxLjItMS4yczEuMiwwLjYsMS4yLDEuMnYxLjljLTAuNywwLTEuMiwwLjYtMS4yLDEuMlY4LjggYzAsMC43LDAuNiwxLjIsMS4yLDEuMmg1LjBDOS40LDEwLDEwLDkuNCwxMCw4LjhWNS42QzEwLDUuMCw5LjQsNC40LDguOCw0LjR6IE02LjYsNy40djEuMCBjMCwwLjItMC4xLDAuMy0wLjMsMC4zUzYuMCw4LjYsNi4wLDguNFY3LjRjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zLDAuMy0wLjYsMC42LTAuNiBTNi45LDYuNiw2LjksNi45QzYuOSw3LjEsNi44LDcuMyw2LjYsNy40eiIvPjwvc3ZnPg==); |
||||||
|
} |
||||||
|
|
||||||
|
/* locked icon (keyboard disabled) */ |
||||||
|
button.ui-keyboard-toggle.ui-keyboard-disabled span { |
||||||
|
/* light theme locked icon - fill: #111 */ |
||||||
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iIzExMSI+PHBhdGggZD0iTTcuNCA0LjRWMi41YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40IDAtMi41IDEuMS0yLjUgMi41djEuOSBjLTAuNyAwLTEuMiAwLjUtMS4yIDEuMnYzLjFDMS4zIDkuNCAxLjggMTAgMi41IDEwaDQuOWMwLjcgMCAxLjItMC42IDEuMi0xLjJWNS42IEM4LjcgNC45IDguMSA0LjQgNy40IDQuNHogTTUuMyA3LjR2MS4wYzAgMC4yLTAuMSAwLjMtMC4zIDAuM2MtMC4yIDAtMC4zLTAuMS0wLjMtMC4zVjcuNCBjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zIDAuMy0wLjYgMC42LTAuNmMwLjMgMCAwLjYgMC4zIDAuNiAwLjYgQzUuNiA3LjEgNS41IDcuMyA1LjMgNy40eiBNNi4yIDQuNEgzLjdWMi41YzAtMC43IDAuNS0xLjIgMS4yLTEuMmMwLjcgMCAxLjIgMC42IDEuMiAxLjIgVjQuNHoiLz48L3N2Zz4=); |
||||||
|
} |
||||||
|
.ui-keyboard-dark-theme button.ui-keyboard-toggle.ui-keyboard-disabled span { |
||||||
|
/* dark theme locked icon - fill: #eee */ |
||||||
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iI2VlZSI+PHBhdGggZD0iTTcuNCA0LjRWMi41YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40IDAtMi41IDEuMS0yLjUgMi41djEuOSBjLTAuNyAwLTEuMiAwLjUtMS4yIDEuMnYzLjFDMS4zIDkuNCAxLjggMTAgMi41IDEwaDQuOWMwLjcgMCAxLjItMC42IDEuMi0xLjJWNS42IEM4LjcgNC45IDguMSA0LjQgNy40IDQuNHogTTUuMyA3LjR2MS4wYzAgMC4yLTAuMSAwLjMtMC4zIDAuM2MtMC4yIDAtMC4zLTAuMS0wLjMtMC4zVjcuNCBjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zIDAuMy0wLjYgMC42LTAuNmMwLjMgMCAwLjYgMC4zIDAuNiAwLjYgQzUuNiA3LjEgNS41IDcuMyA1LjMgNy40eiBNNi4yIDQuNEgzLjdWMi41YzAtMC43IDAuNS0xLjIgMS4yLTEuMmMwLjcgMCAxLjIgMC42IDEuMiAxLjIgVjQuNHoiLz48L3N2Zz4=); |
||||||
|
} |
||||||
|
|
||||||
|
.ui-keyboard.ui-keyboard-disabled button:not(.ui-keyboard-toggle), |
||||||
|
.ui-keyboard.ui-keyboard-disabled input { |
||||||
|
opacity: 0.5; |
||||||
|
} |
||||||
|
|
||||||
|
/*** Alt-Keys Popup extension ***/ |
||||||
|
/* clickable overlay on top of keyboard to hide the popup */ |
||||||
|
.ui-keyboard-overlay { |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
bottom: 0; |
||||||
|
right: 0; |
||||||
|
background: rgba(0, 0, 0, 0.5); |
||||||
|
} |
||||||
|
/* the actual popup styling, class names from the css.container option are also |
||||||
|
added */ |
||||||
|
.ui-keyboard-popup { |
||||||
|
display: inline-block; |
||||||
|
/* default buttons are 2em wide + .1em margin on either side (set in |
||||||
|
.ui-keyboard-button definition); so use multiples of 2.2em for a max-width |
||||||
|
if you don't want any extra white space on the sides, e.g. |
||||||
|
5 buttons * 2.2em = 11em, |
||||||
|
6 buttons * 2.2em = 13.2em, etc |
||||||
|
*/ |
||||||
|
max-width: 22em; /* 10 buttons */ |
||||||
|
} |
||||||
|
|
||||||
|
/*** Extender keyboard extension ***/ |
||||||
|
div.ui-keyboard-extender { |
||||||
|
margin-left: 5px; |
||||||
|
} |
||||||
|
button.ui-keyboard-extender span { |
||||||
|
width: .9em; |
||||||
|
height: .9em; |
||||||
|
display: inline-block; |
||||||
|
margin-bottom: 3px; |
||||||
|
background-repeat: no-repeat; |
||||||
|
background-position: center center; |
||||||
|
background-size: contain; |
||||||
|
/* light theme extender icon - fill: #111 */ |
||||||
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgc3R5bGU9ImZpbGw6IzExMSI+PGc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzExMSIgZD0iTSAwLjUsNC41IDE1LjUsNC41IDE1LjUsMTUuNSAwLjUsMTUuNSBaIj48L3BhdGg+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMiIgeT0iNiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjYiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSI4IiB5PSI2Ij48L3JlY3Q+PHBhdGggZD0ibSAxMSw2IDMsMCAwLDUgLTIsMCAwLC0zIC0xLDAgeiI+PC9wYXRoPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjEyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjEyIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iOSIgeT0iOSI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjYiIHk9IjkiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSIyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHg9IjIiIHk9IjkiPjwvcmVjdD48L2c+PC9zdmc+); |
||||||
|
} |
||||||
|
.ui-keyboard-dark-theme button.ui-keyboard-extender span { |
||||||
|
/* dark theme extender icon - fill: #eee */ |
||||||
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgc3R5bGU9ImZpbGw6I2VlZSI+PGc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2VlZSIgZD0iTSAwLjUsNC41IDE1LjUsNC41IDE1LjUsMTUuNSAwLjUsMTUuNSBaIj48L3BhdGg+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMiIgeT0iNiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjYiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSI4IiB5PSI2Ij48L3JlY3Q+PHBhdGggZD0ibSAxMSw2IDMsMCAwLDUgLTIsMCAwLC0zIC0xLDAgeiI+PC9wYXRoPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjEyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjEyIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iOSIgeT0iOSI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjYiIHk9IjkiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSIyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHg9IjIiIHk9IjkiPjwvcmVjdD48L2c+PC9zdmc+); |
||||||
|
} |
||||||
|
|
||||||
|
/* Media Queries (optimized for jQuery UI themes; |
||||||
|
may be slightly off in jQuery Mobile themes) */ |
||||||
|
/* 240 x 320 (small phone) */ |
||||||
|
@media all and (max-width: 319px) { |
||||||
|
.ui-keyboard div { |
||||||
|
font-size: 9px; |
||||||
|
} |
||||||
|
.ui-keyboard .ui-keyboard-input { |
||||||
|
font-size: 12px; |
||||||
|
} |
||||||
|
/* I don't own an iPhone so I have no idea how small this really is... is it |
||||||
|
even clickable with your finger? */ |
||||||
|
.ui-body .ui-btn { |
||||||
|
margin: 0; |
||||||
|
font-size: 9px; |
||||||
|
} |
||||||
|
.ui-body .ui-keyboard-button { |
||||||
|
width: 1.8em; |
||||||
|
height: 2.5em; |
||||||
|
} |
||||||
|
.ui-body .ui-keyboard-widekey { |
||||||
|
width: 4em; |
||||||
|
} |
||||||
|
.ui-body .ui-keyboard-space { |
||||||
|
width: 8em; |
||||||
|
} |
||||||
|
.ui-body .ui-btn-inner { |
||||||
|
height: 2.5em; |
||||||
|
padding: 0.3em 0; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/* 320 x 480 (iPhone) */ |
||||||
|
@media all and (min-width: 320px) and (max-width: 479px) { |
||||||
|
.ui-keyboard div { |
||||||
|
font-size: 9px; |
||||||
|
} |
||||||
|
.ui-keyboard .ui-keyboard-input { |
||||||
|
font-size: 14px; |
||||||
|
} |
||||||
|
/* I don't own an iPhone so I have no idea how small this really is... is it |
||||||
|
even clickable with your finger? */ |
||||||
|
.ui-body .ui-btn { |
||||||
|
margin: 0; |
||||||
|
font-size: 11px; |
||||||
|
} |
||||||
|
.ui-body .ui-keyboard-button { |
||||||
|
width: 1.8em; |
||||||
|
height: 3em; |
||||||
|
} |
||||||
|
.ui-body .ui-keyboard-widekey { |
||||||
|
width: 4.5em; |
||||||
|
} |
||||||
|
.ui-body .ui-keyboard-space { |
||||||
|
width: 10em; |
||||||
|
} |
||||||
|
.ui-body .ui-btn-inner { |
||||||
|
height: 3em; |
||||||
|
padding: 0.7em 0; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/* 480 x 640 (small tablet) */ |
||||||
|
@media all and (min-width: 480px) and (max-width: 767px) { |
||||||
|
.ui-keyboard div { |
||||||
|
font-size: 13px; |
||||||
|
} |
||||||
|
.ui-keyboard .ui-keyboard-input { |
||||||
|
font-size: 14px; |
||||||
|
} |
||||||
|
.ui-body .ui-btn { |
||||||
|
margin: 0; |
||||||
|
font-size: 10px; |
||||||
|
} |
||||||
|
.ui-body .ui-keyboard-button { |
||||||
|
height: 2.5em; |
||||||
|
} |
||||||
|
.ui-body .ui-btn-inner { |
||||||
|
height: 2.5em; |
||||||
|
padding: 0.5em 0; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,86 @@ |
|||||||
|
<!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> |
||||||
|
|
||||||
@ -0,0 +1,450 @@ |
|||||||
|
// Copyright (C) 2017-2018, Maxim Lihachev, <envrm@yandex.ru>
|
||||||
|
//
|
||||||
|
// This program is free software: you can redistribute it and/or modify
|
||||||
|
// it under the terms of the GNU General Public License as published by
|
||||||
|
// the Free Software Foundation, either version 3 of the License, or
|
||||||
|
// (at your option) any later version.
|
||||||
|
//
|
||||||
|
// This program is distributed in the hope that it will be useful,
|
||||||
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
// GNU General Public License for more details.
|
||||||
|
//
|
||||||
|
// You should have received a copy of the GNU General Public License
|
||||||
|
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
//
|
||||||
|
|
||||||
|
//TODO: Подписные йоты
|
||||||
|
|
||||||
|
//ID поля ввода
|
||||||
|
var entry_id = 'phrase'; |
||||||
|
//ID контейнера с примером фразы
|
||||||
|
var example_id = 'example'; |
||||||
|
|
||||||
|
//Максимальная длина фразы
|
||||||
|
var max_length = 35; |
||||||
|
|
||||||
|
//Описание грамматики
|
||||||
|
var GRE = {}; |
||||||
|
|
||||||
|
GRE.clitics = { |
||||||
|
proclitics: /(^|[\s@])([οὁὃηἡε]|οι|αι|εν|εις|εξ|ει|ως|ου|ουκ|ουχ)\s+/gi, |
||||||
|
enclitics: /\s+(τὰ|τι|τις)[\s@]+./gi |
||||||
|
} |
||||||
|
|
||||||
|
GRE.accents = { |
||||||
|
acutus_long: [/([ήἥὤ]|εύ|ού|εί)/gi, "^", '\$1'], |
||||||
|
acutus_short: [/([άάἄέέἔἕἓἒίόὄήἥὤύ])/gi, "!", '\$1'], |
||||||
|
gravis_long: [/(ἢ|εὓ|αἴ|αὶ|αὶ)/gi, "V", '\$1'], |
||||||
|
gravis_short: [/([ὶὸὂὓὰ])/gi, "v", '\$1'], |
||||||
|
circumflexus: [/([ᾶἇῖῶὧᾦῆῇἦἧ]|οἶ|οῦ|εῖ)/gi, "~", '\$1 '], |
||||||
|
diphtongs: [/(οι|αι|αί|αὶ|ει|εί|εὶ|οὑ|ου|ευ|εὐ|αὐ|αυ)/gi, "D", '\$1'] |
||||||
|
}; |
||||||
|
|
||||||
|
function getAllIndexes(arr, val) { |
||||||
|
var indexes = [], i; |
||||||
|
for(i = 0; i < arr.length; i++) |
||||||
|
if (arr[i] === val) |
||||||
|
indexes.push(i); |
||||||
|
return indexes; |
||||||
|
} |
||||||
|
|
||||||
|
//Функция разбиения списка на списки заданного размера
|
||||||
|
function chunk(arr, n) { |
||||||
|
if ( !arr.length ) { |
||||||
|
return []; |
||||||
|
} |
||||||
|
return [ arr.slice(0, n) ].concat(chunk(arr.slice(n), n)); |
||||||
|
}; |
||||||
|
|
||||||
|
//Минимальная высота тона
|
||||||
|
var minHeight = 4; |
||||||
|
//Максимальная высота тона
|
||||||
|
var maxHeight = 9; |
||||||
|
|
||||||
|
var alphabet = { |
||||||
|
α: ["8", minHeight], |
||||||
|
ἀ: ["8", minHeight], |
||||||
|
ἁ: ["8", minHeight], |
||||||
|
ε: ["8", minHeight], |
||||||
|
ἐ: ["8", minHeight], |
||||||
|
ἑ: ["8", minHeight], |
||||||
|
η: ["q", minHeight], |
||||||
|
ἠ: ["q", minHeight], |
||||||
|
ἡ: ["q", minHeight], |
||||||
|
ι: ["8", minHeight], |
||||||
|
ἰ: ["8", minHeight], |
||||||
|
ἱ: ["8", minHeight], |
||||||
|
ο: ["8", minHeight], |
||||||
|
ὀ: ["8", minHeight], |
||||||
|
ὁ: ["8", minHeight], |
||||||
|
ὃ: ["8", minHeight], |
||||||
|
υ: ["8", minHeight], |
||||||
|
ὐ: ["8", minHeight], |
||||||
|
ὑ: ["8", minHeight], |
||||||
|
ω: ["q", minHeight], |
||||||
|
ὠ: ["q", minHeight], |
||||||
|
ὡ: ["q", minHeight], |
||||||
|
" ": ["hr", minHeight], |
||||||
|
"~": ["8", maxHeight], |
||||||
|
"^": ["8", maxHeight-1], |
||||||
|
"!": ["8", maxHeight], |
||||||
|
"v": ["8", minHeight], |
||||||
|
"V": ["q", minHeight], |
||||||
|
"d": ["8", minHeight], |
||||||
|
"D": ["q", minHeight] |
||||||
|
} |
||||||
|
|
||||||
|
//Длительности
|
||||||
|
var duration = { |
||||||
|
8: 1, |
||||||
|
q: 2, |
||||||
|
qr: 2, |
||||||
|
h: 4, |
||||||
|
hr: 4 |
||||||
|
} |
||||||
|
|
||||||
|
//Строй
|
||||||
|
var scale = [ |
||||||
|
"c/4", |
||||||
|
"d/4", |
||||||
|
"e/4", |
||||||
|
"f/4", |
||||||
|
|
||||||
|
"g/4", |
||||||
|
"a/4", |
||||||
|
"b/4", |
||||||
|
"c/5", |
||||||
|
"d/5", |
||||||
|
"e/5", |
||||||
|
"e/5" |
||||||
|
] |
||||||
|
|
||||||
|
//Тоны внутри допустимой квинты
|
||||||
|
var allowed_scale = scale.slice(4,9); |
||||||
|
|
||||||
|
//Парсинг ударений
|
||||||
|
function parseText(string) { |
||||||
|
//Греческий текст с выделенными ударениями
|
||||||
|
let text = string.trim().toLowerCase(); |
||||||
|
|
||||||
|
//Слияние клитик с ударными словами
|
||||||
|
while (text.match(GRE.clitics.enclitics) || text.match(GRE.clitics.proclitics)) { |
||||||
|
text = text.replace(GRE.clitics.enclitics, x => { return x.replace(/^\s+/, "@"); }); |
||||||
|
text = text.replace(GRE.clitics.proclitics, x => { return x.replace(/\s+$/, "@"); }); |
||||||
|
} |
||||||
|
|
||||||
|
//ῥ
|
||||||
|
label_text = text.replace(/(ῥ)/, "\$1ᵡ"); |
||||||
|
|
||||||
|
//Йота подписная
|
||||||
|
// label_text = label_text.replace(/(ῇ)/, "\$1₍ᵢ₎");
|
||||||
|
|
||||||
|
for (var accent in GRE.accents) { |
||||||
|
label_text = label_text.replace(GRE.accents[accent][0], GRE.accents[accent][2]); |
||||||
|
text = text.replace(GRE.accents[accent][0], GRE.accents[accent][1]); |
||||||
|
} |
||||||
|
|
||||||
|
//Удаление отметок клитик
|
||||||
|
text = text.replace(/@/gi, ""); |
||||||
|
label_text = label_text.replace(/@/gi, ""); |
||||||
|
|
||||||
|
//Краткие дифтонги
|
||||||
|
// text = text.replace(/αι |αί |αὶ |ει |εί |εὶ /gi, "d ");
|
||||||
|
|
||||||
|
//Разбиение текста подписи на единицы
|
||||||
|
label_text = label_text.match(new RegExp(GRE.accents.diphtongs[0].source + '|.', 'gi')); |
||||||
|
|
||||||
|
console.log(text); |
||||||
|
console.log(label_text); |
||||||
|
|
||||||
|
return [text, label_text]; |
||||||
|
} |
||||||
|
|
||||||
|
//Создание массива нот для VexFlow
|
||||||
|
function makeNotes(text) { |
||||||
|
var notes = []; |
||||||
|
|
||||||
|
let beats = 0; |
||||||
|
|
||||||
|
//Получение разобранного текста и подготовленной подписи
|
||||||
|
let [phrase, label_text] = parseText(text); |
||||||
|
|
||||||
|
//Первый знак ударения определяет исходное направление движения
|
||||||
|
let accentos = { |
||||||
|
UPl: phrase.indexOf("^"), |
||||||
|
UPs: phrase.indexOf("!"), |
||||||
|
UPt: phrase.indexOf("~"), |
||||||
|
DNl: phrase.indexOf("V"), |
||||||
|
DNs: phrase.indexOf("v") |
||||||
|
}; |
||||||
|
let firstAccent = Object.keys(accentos).filter( |
||||||
|
f => accentos[f] != -1 |
||||||
|
).sort( |
||||||
|
(l, r) => accentos[l] > accentos[r] |
||||||
|
)[0] || "UPl"; |
||||||
|
|
||||||
|
if (firstAccent.search("UP") != -1) { |
||||||
|
var flow = "up"; |
||||||
|
var pos = minHeight-1; |
||||||
|
} else { |
||||||
|
var flow = "down"; |
||||||
|
var pos = maxHeight-1; |
||||||
|
} |
||||||
|
|
||||||
|
//Если первая буква согласная, то начинаем выше на один тон
|
||||||
|
if (accentos[firstAccent] != 0 && typeof alphabet[phrase[0]] == "undefined") { |
||||||
|
if (pos == minHeight-1) { |
||||||
|
pos++; |
||||||
|
} |
||||||
|
} |
||||||
|
console.log("POS:: " + pos); |
||||||
|
|
||||||
|
for (index in phrase) { |
||||||
|
let letter = phrase[index]; |
||||||
|
|
||||||
|
if (typeof alphabet[letter] != "undefined") { |
||||||
|
dur = alphabet[letter][0]; |
||||||
|
height = alphabet[letter][1]; |
||||||
|
pause = ""; |
||||||
|
|
||||||
|
if (letter != " ") { |
||||||
|
if (height > minHeight) { |
||||||
|
console.log("ACCENT"); |
||||||
|
pos = height; |
||||||
|
} |
||||||
|
|
||||||
|
if (height < minHeight) { |
||||||
|
flow = "up"; |
||||||
|
pos = minHeight; |
||||||
|
} else if (height >= maxHeight) { |
||||||
|
flow = "down"; |
||||||
|
pos--; |
||||||
|
} else if (height == minHeight) { |
||||||
|
pos = flow == "up" ? pos+1 : pos-1; |
||||||
|
} |
||||||
|
} |
||||||
|
} else { |
||||||
|
//ПАУЗЫ
|
||||||
|
dur = "8"; |
||||||
|
pause = "r"; |
||||||
|
height = minHeight; |
||||||
|
console.log("N: " + letter); |
||||||
|
} |
||||||
|
|
||||||
|
console.log(letter + " :: " + " > " + duration[dur] + pause + " = " + height + "(" + pos + ")" + ":" + scale[pos]); |
||||||
|
beats += duration[dur]; |
||||||
|
|
||||||
|
if (letter == "^") { |
||||||
|
notes.push(new VF.StaveNote({clef: "treble", keys: [scale[--pos]], duration: 8 + pause })); |
||||||
|
notes.push(new VF.StaveNote({clef: "treble", keys: [scale[++pos]], duration: 8 + pause })); |
||||||
|
console.log(letter + " :: " + " > " + duration[dur] + pause + " = " + height + "(" + pos + ")" + ":" + scale[pos]); |
||||||
|
} else if (letter == "V") { |
||||||
|
notes.push(new VF.StaveNote({clef: "treble", keys: [scale[pos]], duration: 8 + pause })); |
||||||
|
notes.push(new VF.StaveNote({clef: "treble", keys: [scale[--pos]], duration: 8 + pause })); |
||||||
|
console.log(letter + " :: " + " > " + duration[dur] + pause + " = " + height + "(" + pos + ")" + ":" + scale[pos]); |
||||||
|
} else if (letter == "~") { |
||||||
|
notes.push(new VF.StaveNote({clef: "treble", keys: [scale[pos]], duration: "8" + pause })); |
||||||
|
notes.push(new VF.StaveNote({clef: "treble", keys: [scale[--pos]], duration: "8" + pause })); |
||||||
|
console.log(letter + " :: " + " > " + duration[dur] + pause + " = " + height + "(" + pos + ")" + ":" + scale[pos]); |
||||||
|
} else { |
||||||
|
//Безтоновые согласные
|
||||||
|
if (dur == "8" && pause != "") { |
||||||
|
// dur = "1h";
|
||||||
|
dur = "2m"; |
||||||
|
pause = ""; |
||||||
|
} |
||||||
|
// let note = new VF.StaveNote({clef: "treble", keys: [scale[pos]], duration: dur + pause });
|
||||||
|
let note = new VF.StaveNote({clef: "treble", keys: [scale[pos]], duration: dur + pause }); |
||||||
|
console.log("SCALE: " + scale[pos] + ", DUR: " + dur + ", POS: " + pos); |
||||||
|
if (!allowed_scale.includes(scale[pos])) { |
||||||
|
//TODO: Не работает выделение цветом
|
||||||
|
note.setKeyStyle(0, { fillStyle: 'darkred' }); |
||||||
|
// note.setStyle({ fillStyle: 'grey', strokeStyle: 'grey' });
|
||||||
|
} |
||||||
|
notes.push(note); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
return [beats, notes]; |
||||||
|
} |
||||||
|
|
||||||
|
//Параметры URL
|
||||||
|
var URL = { |
||||||
|
opt: {}, |
||||||
|
set: function(text) { |
||||||
|
if (!text) { |
||||||
|
window.history.pushState({}, null, window.location.href.split('?')[0]); |
||||||
|
} else { |
||||||
|
window.history.pushState({}, null, window.location.href.split('?')[0]+'?query=' + text); |
||||||
|
} |
||||||
|
this.href = encodeURIComponent(window.location.href); |
||||||
|
}, |
||||||
|
parse: function() { |
||||||
|
var gy = window.location.search.substring(1).split("&"); |
||||||
|
gy.forEach(arg => { |
||||||
|
let ft = arg.split("="); |
||||||
|
this.opt[ft[0]] = this.opt[ft[0]] || decodeURIComponent(ft[1]); |
||||||
|
}); |
||||||
|
this.opt.href = encodeURIComponent(window.location.href); |
||||||
|
} |
||||||
|
}; |
||||||
|
|
||||||
|
//Отрисовка нотного стана
|
||||||
|
function drawAccents() { |
||||||
|
if (document.getElementById(entry_id).value) { |
||||||
|
var text = document.getElementById(entry_id).value.substring(0, max_length); |
||||||
|
|
||||||
|
//Изменение адреса
|
||||||
|
URL.set(text); |
||||||
|
} else { |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
VF = Vex.Flow; |
||||||
|
|
||||||
|
// Create an SVG renderer and attach it to the DIV element named "staff".
|
||||||
|
var div = document.getElementById('staff'); |
||||||
|
|
||||||
|
div.innerHTML = ''; |
||||||
|
|
||||||
|
var renderer = new VF.Renderer(div, VF.Renderer.Backends.SVG); |
||||||
|
|
||||||
|
// Size our svg:
|
||||||
|
var size = 830; |
||||||
|
renderer.resize(size, 200); |
||||||
|
|
||||||
|
// And get a drawing context:
|
||||||
|
var context = renderer.getContext(); |
||||||
|
|
||||||
|
// Create a stave at position 10, 40 of width 400 on the canvas.
|
||||||
|
var stave = new VF.Stave(-1, 40, size); |
||||||
|
|
||||||
|
// Connect it to the rendering context and draw!
|
||||||
|
stave.setContext(context).draw(); |
||||||
|
|
||||||
|
//----------------------------------------------------------------------
|
||||||
|
var [beats, notes] = makeNotes(text); |
||||||
|
|
||||||
|
//Создание нотного стана
|
||||||
|
var voice = new VF.Voice({num_beats: beats, beat_value: 8}); |
||||||
|
|
||||||
|
//Автоматическое объединение нот
|
||||||
|
var beams = VF.Beam.generateBeams(notes, { |
||||||
|
groups: [new Vex.Flow.Fraction(3, 8)], |
||||||
|
groups: [new Vex.Flow.Fraction(5, 8)], |
||||||
|
groups: [new Vex.Flow.Fraction(7, 8)], |
||||||
|
groups: [new Vex.Flow.Fraction(9, 8)] |
||||||
|
}); |
||||||
|
|
||||||
|
var edges = [0]; |
||||||
|
|
||||||
|
getAllIndexes(notes.map(x => { return x.duration; }), "h").forEach (s => { |
||||||
|
edges.push(s-1); |
||||||
|
edges.push(s+1); |
||||||
|
}); |
||||||
|
|
||||||
|
edges.push(notes.length - 1); |
||||||
|
|
||||||
|
var ties = []; |
||||||
|
chunk(edges, 2).forEach (pair => { |
||||||
|
ties.push(new VF.StaveTie({ |
||||||
|
first_note: notes[pair[0]], |
||||||
|
last_note: notes[pair[1]], |
||||||
|
first_indices: [0], |
||||||
|
last_indices: [0] |
||||||
|
}) |
||||||
|
); |
||||||
|
}); |
||||||
|
|
||||||
|
Vex.Flow.Formatter.FormatAndDraw(context, stave, notes); |
||||||
|
|
||||||
|
beams.forEach(function(b) {b.setContext(context).draw()}) |
||||||
|
|
||||||
|
//TODO
|
||||||
|
ties.forEach(function(b) {b.setContext(context).draw()}); |
||||||
|
|
||||||
|
var svg = document.getElementsByTagName("svg")[0]; |
||||||
|
|
||||||
|
//Левая черта
|
||||||
|
svg.removeChild(svg.childNodes[6]); |
||||||
|
//Правая черта
|
||||||
|
svg.removeChild(svg.childNodes[5]); |
||||||
|
//Первая линейка
|
||||||
|
svg.removeChild(svg.childNodes[4]); |
||||||
|
//Пятая линейка
|
||||||
|
svg.removeChild(svg.childNodes[0]); |
||||||
|
|
||||||
|
//Выбор всех восьмых пауз
|
||||||
|
//TODO:
|
||||||
|
// 1m == 180
|
||||||
|
// 2m == 179
|
||||||
|
// 8r == 65
|
||||||
|
let uselessPauses = $("svg .vf-notehead path").filter( |
||||||
|
function() { |
||||||
|
return this.getAttribute("d").split(" ").length === 179; |
||||||
|
} |
||||||
|
); |
||||||
|
|
||||||
|
//Закрашивание восьмых пауз синим
|
||||||
|
uselessPauses.each(function() { this.setAttribute("fill", "slategrey"); }); |
||||||
|
uselessPauses.each(function() { this.setAttribute("style", "opacity: 0.4;"); }); |
||||||
|
// uselessPauses.remove();
|
||||||
|
|
||||||
|
//Выбор всех лиг
|
||||||
|
let allTies = $("path").filter( |
||||||
|
function() { |
||||||
|
return this.getAttribute("d").split(" ").length === 6; |
||||||
|
} |
||||||
|
); |
||||||
|
|
||||||
|
//Удаление штрихов нот 2m
|
||||||
|
$(".vf-note:not(:has(.vf-flag))") |
||||||
|
.filter(function() { |
||||||
|
return this.childElementCount === 2 && this.children[1].children[0].getAttribute("d").split(" ").length == 179; |
||||||
|
}) |
||||||
|
.find(".vf-stem") |
||||||
|
.remove(); |
||||||
|
|
||||||
|
allTies.each(function() { this.setAttribute("fill", "slategrey"); }) |
||||||
|
allTies.each(function() { this.setAttribute("style", "opacity: 0.7;"); }) |
||||||
|
|
||||||
|
//-----------------------------------
|
||||||
|
|
||||||
|
positions = notes.map(x => { return x.stem.x_end; }); |
||||||
|
for (var i in positions) { |
||||||
|
let label = document.createElementNS("http://www.w3.org/2000/svg","text"); |
||||||
|
label.setAttributeNS(null,"x",positions[i]-3);
|
||||||
|
label.setAttributeNS(null,"y",170);
|
||||||
|
label.setAttributeNS(null,"font-size","20"); |
||||||
|
label.textContent = label_text[i]; |
||||||
|
|
||||||
|
svg.appendChild(label); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
function showMailForm() { |
||||||
|
var x = document.getElementById("mailForm"); |
||||||
|
if (x.style.display === "none") { |
||||||
|
x.style.display = "block"; |
||||||
|
} else { |
||||||
|
x.style.display = "none"; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
function drawExample() { |
||||||
|
let TEXT = document.getElementById(example_id).text; |
||||||
|
document.getElementById(entry_id).value = TEXT; |
||||||
|
drawAccents(entry_id); |
||||||
|
} |
||||||
|
|
||||||
|
//Инициализация с разбором адресной строки
|
||||||
|
function init(container) { |
||||||
|
URL.parse(); |
||||||
|
|
||||||
|
if (URL.opt.query) { |
||||||
|
document.getElementById(entry_id).value = URL.opt.query.replace(/\+/g," "); |
||||||
|
} |
||||||
|
drawAccents(); |
||||||
|
} |
||||||
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,221 @@ |
|||||||
|
/* Copyright (c) 2013 Brandon Aaron (http://brandon.aaron.sh) |
||||||
|
* Licensed under the MIT License (LICENSE.txt). |
||||||
|
* |
||||||
|
* Version: 3.1.12 |
||||||
|
* |
||||||
|
* Requires: jQuery 1.2.2+ |
||||||
|
*/ |
||||||
|
/*! Mousewheel version: 3.1.12 * (c) 2014 Brandon Aaron * MIT License */ |
||||||
|
(function (factory) { |
||||||
|
if ( typeof define === 'function' && define.amd ) { |
||||||
|
// AMD. Register as an anonymous module.
|
||||||
|
define(['jquery'], factory); |
||||||
|
} else if (typeof exports === 'object') { |
||||||
|
// Node/CommonJS style for Browserify
|
||||||
|
module.exports = factory; |
||||||
|
} else { |
||||||
|
// Browser globals
|
||||||
|
factory(jQuery); |
||||||
|
} |
||||||
|
}(function ($) { |
||||||
|
|
||||||
|
var toFix = ['wheel', 'mousewheel', 'DOMMouseScroll', 'MozMousePixelScroll'], |
||||||
|
toBind = ( 'onwheel' in document || document.documentMode >= 9 ) ? |
||||||
|
['wheel'] : ['mousewheel', 'DomMouseScroll', 'MozMousePixelScroll'], |
||||||
|
slice = Array.prototype.slice, |
||||||
|
nullLowestDeltaTimeout, lowestDelta; |
||||||
|
|
||||||
|
if ( $.event.fixHooks ) { |
||||||
|
for ( var i = toFix.length; i; ) { |
||||||
|
$.event.fixHooks[ toFix[--i] ] = $.event.mouseHooks; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
var special = $.event.special.mousewheel = { |
||||||
|
version: '3.1.12', |
||||||
|
|
||||||
|
setup: function() { |
||||||
|
if ( this.addEventListener ) { |
||||||
|
for ( var i = toBind.length; i; ) { |
||||||
|
this.addEventListener( toBind[--i], handler, false ); |
||||||
|
} |
||||||
|
} else { |
||||||
|
this.onmousewheel = handler; |
||||||
|
} |
||||||
|
// Store the line height and page height for this particular element
|
||||||
|
$.data(this, 'mousewheel-line-height', special.getLineHeight(this)); |
||||||
|
$.data(this, 'mousewheel-page-height', special.getPageHeight(this)); |
||||||
|
}, |
||||||
|
|
||||||
|
teardown: function() { |
||||||
|
if ( this.removeEventListener ) { |
||||||
|
for ( var i = toBind.length; i; ) { |
||||||
|
this.removeEventListener( toBind[--i], handler, false ); |
||||||
|
} |
||||||
|
} else { |
||||||
|
this.onmousewheel = null; |
||||||
|
} |
||||||
|
// Clean up the data we added to the element
|
||||||
|
$.removeData(this, 'mousewheel-line-height'); |
||||||
|
$.removeData(this, 'mousewheel-page-height'); |
||||||
|
}, |
||||||
|
|
||||||
|
getLineHeight: function(elem) { |
||||||
|
var $elem = $(elem), |
||||||
|
$parent = $elem['offsetParent' in $.fn ? 'offsetParent' : 'parent'](); |
||||||
|
if (!$parent.length) { |
||||||
|
$parent = $('body'); |
||||||
|
} |
||||||
|
return parseInt($parent.css('fontSize'), 10) || parseInt($elem.css('fontSize'), 10) || 16; |
||||||
|
}, |
||||||
|
|
||||||
|
getPageHeight: function(elem) { |
||||||
|
return $(elem).height(); |
||||||
|
}, |
||||||
|
|
||||||
|
settings: { |
||||||
|
adjustOldDeltas: true, // see shouldAdjustOldDeltas() below
|
||||||
|
normalizeOffset: true // calls getBoundingClientRect for each event
|
||||||
|
} |
||||||
|
}; |
||||||
|
|
||||||
|
$.fn.extend({ |
||||||
|
mousewheel: function(fn) { |
||||||
|
return fn ? this.bind('mousewheel', fn) : this.trigger('mousewheel'); |
||||||
|
}, |
||||||
|
|
||||||
|
unmousewheel: function(fn) { |
||||||
|
return this.unbind('mousewheel', fn); |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
|
||||||
|
function handler(event) { |
||||||
|
var orgEvent = event || window.event, |
||||||
|
args = slice.call(arguments, 1), |
||||||
|
delta = 0, |
||||||
|
deltaX = 0, |
||||||
|
deltaY = 0, |
||||||
|
absDelta = 0, |
||||||
|
offsetX = 0, |
||||||
|
offsetY = 0; |
||||||
|
event = $.event.fix(orgEvent); |
||||||
|
event.type = 'mousewheel'; |
||||||
|
|
||||||
|
// Old school scrollwheel delta
|
||||||
|
if ( 'detail' in orgEvent ) { deltaY = orgEvent.detail * -1; } |
||||||
|
if ( 'wheelDelta' in orgEvent ) { deltaY = orgEvent.wheelDelta; } |
||||||
|
if ( 'wheelDeltaY' in orgEvent ) { deltaY = orgEvent.wheelDeltaY; } |
||||||
|
if ( 'wheelDeltaX' in orgEvent ) { deltaX = orgEvent.wheelDeltaX * -1; } |
||||||
|
|
||||||
|
// Firefox < 17 horizontal scrolling related to DOMMouseScroll event
|
||||||
|
if ( 'axis' in orgEvent && orgEvent.axis === orgEvent.HORIZONTAL_AXIS ) { |
||||||
|
deltaX = deltaY * -1; |
||||||
|
deltaY = 0; |
||||||
|
} |
||||||
|
|
||||||
|
// Set delta to be deltaY or deltaX if deltaY is 0 for backwards compatabilitiy
|
||||||
|
delta = deltaY === 0 ? deltaX : deltaY; |
||||||
|
|
||||||
|
// New school wheel delta (wheel event)
|
||||||
|
if ( 'deltaY' in orgEvent ) { |
||||||
|
deltaY = orgEvent.deltaY * -1; |
||||||
|
delta = deltaY; |
||||||
|
} |
||||||
|
if ( 'deltaX' in orgEvent ) { |
||||||
|
deltaX = orgEvent.deltaX; |
||||||
|
if ( deltaY === 0 ) { delta = deltaX * -1; } |
||||||
|
} |
||||||
|
|
||||||
|
// No change actually happened, no reason to go any further
|
||||||
|
if ( deltaY === 0 && deltaX === 0 ) { return; } |
||||||
|
|
||||||
|
// Need to convert lines and pages to pixels if we aren't already in pixels
|
||||||
|
// There are three delta modes:
|
||||||
|
// * deltaMode 0 is by pixels, nothing to do
|
||||||
|
// * deltaMode 1 is by lines
|
||||||
|
// * deltaMode 2 is by pages
|
||||||
|
if ( orgEvent.deltaMode === 1 ) { |
||||||
|
var lineHeight = $.data(this, 'mousewheel-line-height'); |
||||||
|
delta *= lineHeight; |
||||||
|
deltaY *= lineHeight; |
||||||
|
deltaX *= lineHeight; |
||||||
|
} else if ( orgEvent.deltaMode === 2 ) { |
||||||
|
var pageHeight = $.data(this, 'mousewheel-page-height'); |
||||||
|
delta *= pageHeight; |
||||||
|
deltaY *= pageHeight; |
||||||
|
deltaX *= pageHeight; |
||||||
|
} |
||||||
|
|
||||||
|
// Store lowest absolute delta to normalize the delta values
|
||||||
|
absDelta = Math.max( Math.abs(deltaY), Math.abs(deltaX) ); |
||||||
|
|
||||||
|
if ( !lowestDelta || absDelta < lowestDelta ) { |
||||||
|
lowestDelta = absDelta; |
||||||
|
|
||||||
|
// Adjust older deltas if necessary
|
||||||
|
if ( shouldAdjustOldDeltas(orgEvent, absDelta) ) { |
||||||
|
lowestDelta /= 40; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
// Adjust older deltas if necessary
|
||||||
|
if ( shouldAdjustOldDeltas(orgEvent, absDelta) ) { |
||||||
|
// Divide all the things by 40!
|
||||||
|
delta /= 40; |
||||||
|
deltaX /= 40; |
||||||
|
deltaY /= 40; |
||||||
|
} |
||||||
|
|
||||||
|
// Get a whole, normalized value for the deltas
|
||||||
|
delta = Math[ delta >= 1 ? 'floor' : 'ceil' ](delta / lowestDelta); |
||||||
|
deltaX = Math[ deltaX >= 1 ? 'floor' : 'ceil' ](deltaX / lowestDelta); |
||||||
|
deltaY = Math[ deltaY >= 1 ? 'floor' : 'ceil' ](deltaY / lowestDelta); |
||||||
|
|
||||||
|
// Normalise offsetX and offsetY properties
|
||||||
|
if ( special.settings.normalizeOffset && this.getBoundingClientRect ) { |
||||||
|
var boundingRect = this.getBoundingClientRect(); |
||||||
|
offsetX = event.clientX - boundingRect.left; |
||||||
|
offsetY = event.clientY - boundingRect.top; |
||||||
|
} |
||||||
|
|
||||||
|
// Add information to the event object
|
||||||
|
event.deltaX = deltaX; |
||||||
|
event.deltaY = deltaY; |
||||||
|
event.deltaFactor = lowestDelta; |
||||||
|
event.offsetX = offsetX; |
||||||
|
event.offsetY = offsetY; |
||||||
|
// Go ahead and set deltaMode to 0 since we converted to pixels
|
||||||
|
// Although this is a little odd since we overwrite the deltaX/Y
|
||||||
|
// properties with normalized deltas.
|
||||||
|
event.deltaMode = 0; |
||||||
|
|
||||||
|
// Add event and delta to the front of the arguments
|
||||||
|
args.unshift(event, delta, deltaX, deltaY); |
||||||
|
|
||||||
|
// Clearout lowestDelta after sometime to better
|
||||||
|
// handle multiple device types that give different
|
||||||
|
// a different lowestDelta
|
||||||
|
// Ex: trackpad = 3 and mouse wheel = 120
|
||||||
|
if (nullLowestDeltaTimeout) { clearTimeout(nullLowestDeltaTimeout); } |
||||||
|
nullLowestDeltaTimeout = setTimeout(nullLowestDelta, 200); |
||||||
|
|
||||||
|
return ($.event.dispatch || $.event.handle).apply(this, args); |
||||||
|
} |
||||||
|
|
||||||
|
function nullLowestDelta() { |
||||||
|
lowestDelta = null; |
||||||
|
} |
||||||
|
|
||||||
|
function shouldAdjustOldDeltas(orgEvent, absDelta) { |
||||||
|
// If this is an older event and the delta is divisable by 120,
|
||||||
|
// then we are assuming that the browser is treating this as an
|
||||||
|
// older mouse wheel event and that we should divide the deltas
|
||||||
|
// by 40 to try and get a more usable deltaFactor.
|
||||||
|
// Side note, this actually impacts the reported scroll distance
|
||||||
|
// in older browsers and can cause scrolling to be slower than native.
|
||||||
|
// Turn this off by setting $.event.special.mousewheel.settings.adjustOldDeltas to false.
|
||||||
|
return special.settings.adjustOldDeltas && orgEvent.type === 'mousewheel' && absDelta % 120 === 0; |
||||||
|
} |
||||||
|
|
||||||
|
})); |
||||||
@ -0,0 +1,69 @@ |
|||||||
|
/* Greek Keyboard Layout |
||||||
|
* generated from http://www.microsoft.com/resources/msdn/goglobal/keyboards/kbdhe.html
|
||||||
|
*/ |
||||||
|
jQuery.keyboard.layouts['ms-Greek'] = { |
||||||
|
"name" : "ms-Greek", |
||||||
|
"lang" : ["el"], |
||||||
|
"normal" : [ |
||||||
|
"` 1 2 3 4 5 6 7 8 9 0 - = {bksp}", |
||||||
|
"{tab} ; \u03C2 \u03B5 \u03C1 \u03C4 \u03C5 \u03B8 \u03B9 \u03BF \u03C0 [ ]", |
||||||
|
"\u03B1 \u03C3 \u03B4 \u03C6 \u03B3 \u03B7 \u03BE \u03BA \u03BB \u0384 ' \\ {accept}", |
||||||
|
"{shift} < \u03B6 \u03C7 \u03C8 \u03C9 \u03B2 \u03BD \u03BC , . / {shift}", |
||||||
|
"{accept} {alt} {space} {alt} {cancel}" |
||||||
|
], |
||||||
|
"shift" : [ |
||||||
|
"~ ! @ # $ % ^ & * ( ) _ + {bksp}", |
||||||
|
"{tab} : \u0385 \u0395 \u03A1 \u03A4 \u03A5 \u0398 \u0399 \u039F \u03A0 { }", |
||||||
|
"\u0391 \u03A3 \u0394 \u03A6 \u0393 \u0397 \u039E \u039A \u039B \u00A8 \" | {accept}", |
||||||
|
"{shift} > \u0396 \u03A7 \u03A8 \u03A9 \u0392 \u039D \u039C < > ? {shift}", |
||||||
|
"{accept} {alt} {space} {alt} {cancel}" |
||||||
|
], |
||||||
|
"alt" : [ |
||||||
|
"ἀ ἁ ἄ ἅ ἃ ἂ ά ὰ ᾶ ᾳ ᾷ ἆ ἇ {accept}", |
||||||
|
"ἠ ἡ ἤ ἥ ἣ ἢ ή ὴ ῆ ῃ ῇ ἦ ἧ {shift}", |
||||||
|
"ὠ ὡ ὤ ὥ ὣ ὢ ώ ὼ ῶ ῳ ῷ ὦ ὧ {alt}", |
||||||
|
"ὐ ὑ ὔ ὕ ὓ ὒ ύ ὺ ῦ ὖ ὗ ἐ ἑ ἔ ἕ", |
||||||
|
"ἓ ἒ έ ὲ ἰ ἱ ἴ ἵ ἳ ἲ ί ὶ ῖ ἶ ἷ" |
||||||
|
], |
||||||
|
"alt-shift" : [ |
||||||
|
"Ἀ Ἁ Ἄ Ἅ Ἃ Ἂ Ά Ὰ ᾶ ᾼ ᾷ Ἆ Ἇ {accept}", |
||||||
|
"Ἠ Ἡ Ἤ Ἥ Ἣ Ἢ Ή Ὴ ῆ ῌ ῇ Ἦ Ἧ {shift}", |
||||||
|
"Ὠ Ὡ Ὤ Ὥ Ὣ Ὢ Ώ Ὼ ῶ ῼ ῷ Ὦ Ὧ {alt}", |
||||||
|
"ὐ Ὑ ὔ Ὕ Ὓ ὒ Ύ Ὺ ῦ ὖ Ὗ Ἐ Ἑ Ἔ Ἕ", |
||||||
|
"Ἓ Ἒ Έ Ὲ Ἰ Ἱ Ἴ Ἵ Ἳ Ἲ Ί Ὶ ῖ Ἶ Ἷ" |
||||||
|
] |
||||||
|
}; |
||||||
|
|
||||||
|
|
||||||
|
/* Greek Keyboard Layout |
||||||
|
* generated from http://www.microsoft.com/resources/msdn/goglobal/keyboards/kbdhe.html
|
||||||
|
*/ |
||||||
|
jQuery.keyboard.layouts['ms-Greek Simple'] = { |
||||||
|
"name" : "ms-Greek", |
||||||
|
"lang" : ["el"], |
||||||
|
"normal" : [ |
||||||
|
"{cancel} \u03C2 \u03B5 \u03C1 \u03C4 \u03C5 \u03B8 \u03B9 \u03BF \u03C0 {bksp}", |
||||||
|
"\u03B1 \u03C3 \u03B4 \u03C6 \u03B3 \u03B7 \u03BE \u03BA \u03BB {accept}", |
||||||
|
"{shift} \u03B6 \u03C7 \u03C8 \u03C9 \u03B2 \u03BD \u03BC {shift}", |
||||||
|
"{alt} {space} {alt}" |
||||||
|
], |
||||||
|
"shift" : [ |
||||||
|
"{cancel} Σ \u0395 \u03A1 \u03A4 \u03A5 \u0398 \u0399 \u039F \u03A0 {bksp}", |
||||||
|
"\u0391 \u03A3 \u0394 \u03A6 \u0393 \u0397 \u039E \u039A \u039B {accept}", |
||||||
|
"{shift} \u0396 \u03A7 \u03A8 \u03A9 \u0392 \u039D \u039C {shift}", |
||||||
|
"{alt} {space} {alt}" |
||||||
|
], |
||||||
|
"alt" : [ |
||||||
|
"{cancel} ά ά ἄ ἀ ἁ ἐ ἑ έ {empty} {bksp}", |
||||||
|
"ἠ ἡ ή ἥ ὀ ὁ ό ὄ ἰ {accept}", |
||||||
|
"{shift} ἱ ύ ὐ ὑ ὠ ὡ ὤ {shift}", |
||||||
|
"{alt} {space} {alt}" |
||||||
|
], |
||||||
|
"alt-shift" : [ |
||||||
|
"{cancel} Ά Ά Ἄ Ἀ Ἁ Ἐ Ἑ Έ {empty} {bksp}", |
||||||
|
"Ἠ Ἡ Ή Ἥ Ὀ Ὁ Ό Ὄ Ἰ {accept}", |
||||||
|
"{shift} Ἱ Ύ ὐ Ὑ Ὠ Ὡ Ὤ {shift}", |
||||||
|
"{alt} {space} {alt}" |
||||||
|
] |
||||||
|
}; |
||||||
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue