mirror of
https://github.com/BeitDina/AutoIndex.git
synced 2026-05-07 12:07:27 +02:00
529 lines
26 KiB
HTML
529 lines
26 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>EastSyriacAdiabeneV1.1</title>
|
|
<style>
|
|
@font-face {
|
|
font-family: "EastSyriacAdiabeneV1.1";
|
|
src: url("Adiabene.svg") format("svg");
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
body {
|
|
font-family: sans-serif;
|
|
color: #444;
|
|
line-height: 1.5;
|
|
font-size: 16px;
|
|
padding: 20px;
|
|
}
|
|
* {
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
paddin: 0;
|
|
}
|
|
.glyph{
|
|
display: inline-block;
|
|
width: 120px;
|
|
margin: 10px;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
background: #eee;
|
|
border-radius: 10px;
|
|
box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
|
|
}
|
|
.glyph-icon{
|
|
padding: 10px;
|
|
display: block;
|
|
font-family: "EastSyriacAdiabeneV1.1";
|
|
font-size: 64px;
|
|
line-height: 1;
|
|
}
|
|
.glyph-icon:before{
|
|
content: attr(data-icon);
|
|
}
|
|
.class-name{
|
|
font-size: 12px;
|
|
}
|
|
.glyph > input{
|
|
display: block;
|
|
width: 100px;
|
|
margin: 5px auto;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
cursor: text;
|
|
}
|
|
.glyph > input.icon-input{
|
|
font-family: "EastSyriacAdiabeneV1.1";
|
|
font-size: 16px;
|
|
margin-bottom: 10px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<section id="glyphs"><div class="glyph">
|
|
<div class="glyph-icon" data-icon="ˆ"></div>
|
|
<div class="class-name">icon-.notdef</div>
|
|
<input type="text" readonly="readonly" value="&#x2c6;" />
|
|
<input type="text" readonly="readonly" value="\2c6" />
|
|
<input type="text" readonly="readonly" value="ˆ" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="Ÿ"></div>
|
|
<div class="class-name">icon-.notdef</div>
|
|
<input type="text" readonly="readonly" value="&#x178;" />
|
|
<input type="text" readonly="readonly" value="\178" />
|
|
<input type="text" readonly="readonly" value="Ÿ" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="˜"></div>
|
|
<div class="class-name">icon-.notdef</div>
|
|
<input type="text" readonly="readonly" value="&#x2dc;" />
|
|
<input type="text" readonly="readonly" value="\2dc" />
|
|
<input type="text" readonly="readonly" value="˜" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="ƒ"></div>
|
|
<div class="class-name">icon-.notdef</div>
|
|
<input type="text" readonly="readonly" value="&#x192;" />
|
|
<input type="text" readonly="readonly" value="\192" />
|
|
<input type="text" readonly="readonly" value="ƒ" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="™"></div>
|
|
<div class="class-name">icon-.notdef</div>
|
|
<input type="text" readonly="readonly" value="&#x2122;" />
|
|
<input type="text" readonly="readonly" value="\2122" />
|
|
<input type="text" readonly="readonly" value="™" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="‰"></div>
|
|
<div class="class-name">icon-.notdef</div>
|
|
<input type="text" readonly="readonly" value="&#x2030;" />
|
|
<input type="text" readonly="readonly" value="\2030" />
|
|
<input type="text" readonly="readonly" value="‰" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="…"></div>
|
|
<div class="class-name">icon-.notdef</div>
|
|
<input type="text" readonly="readonly" value="&#x2026;" />
|
|
<input type="text" readonly="readonly" value="\2026" />
|
|
<input type="text" readonly="readonly" value="…" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="A"></div>
|
|
<div class="class-name">icon-A</div>
|
|
<input type="text" readonly="readonly" value="&#x41;" />
|
|
<input type="text" readonly="readonly" value="\41" />
|
|
<input type="text" readonly="readonly" value="A" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="B"></div>
|
|
<div class="class-name">icon-B</div>
|
|
<input type="text" readonly="readonly" value="&#x42;" />
|
|
<input type="text" readonly="readonly" value="\42" />
|
|
<input type="text" readonly="readonly" value="B" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="E"></div>
|
|
<div class="class-name">icon-E</div>
|
|
<input type="text" readonly="readonly" value="&#x45;" />
|
|
<input type="text" readonly="readonly" value="\45" />
|
|
<input type="text" readonly="readonly" value="E" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="F"></div>
|
|
<div class="class-name">icon-F</div>
|
|
<input type="text" readonly="readonly" value="&#x46;" />
|
|
<input type="text" readonly="readonly" value="\46" />
|
|
<input type="text" readonly="readonly" value="F" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="G"></div>
|
|
<div class="class-name">icon-G</div>
|
|
<input type="text" readonly="readonly" value="&#x47;" />
|
|
<input type="text" readonly="readonly" value="\47" />
|
|
<input type="text" readonly="readonly" value="G" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="I"></div>
|
|
<div class="class-name">icon-I</div>
|
|
<input type="text" readonly="readonly" value="&#x49;" />
|
|
<input type="text" readonly="readonly" value="\49" />
|
|
<input type="text" readonly="readonly" value="I" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="J"></div>
|
|
<div class="class-name">icon-J</div>
|
|
<input type="text" readonly="readonly" value="&#x4a;" />
|
|
<input type="text" readonly="readonly" value="\4a" />
|
|
<input type="text" readonly="readonly" value="J" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="K"></div>
|
|
<div class="class-name">icon-K</div>
|
|
<input type="text" readonly="readonly" value="&#x4b;" />
|
|
<input type="text" readonly="readonly" value="\4b" />
|
|
<input type="text" readonly="readonly" value="K" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="L"></div>
|
|
<div class="class-name">icon-L</div>
|
|
<input type="text" readonly="readonly" value="&#x4c;" />
|
|
<input type="text" readonly="readonly" value="\4c" />
|
|
<input type="text" readonly="readonly" value="L" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="M"></div>
|
|
<div class="class-name">icon-M</div>
|
|
<input type="text" readonly="readonly" value="&#x4d;" />
|
|
<input type="text" readonly="readonly" value="\4d" />
|
|
<input type="text" readonly="readonly" value="M" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="N"></div>
|
|
<div class="class-name">icon-N</div>
|
|
<input type="text" readonly="readonly" value="&#x4e;" />
|
|
<input type="text" readonly="readonly" value="\4e" />
|
|
<input type="text" readonly="readonly" value="N" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="O"></div>
|
|
<div class="class-name">icon-O</div>
|
|
<input type="text" readonly="readonly" value="&#x4f;" />
|
|
<input type="text" readonly="readonly" value="\4f" />
|
|
<input type="text" readonly="readonly" value="O" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="P"></div>
|
|
<div class="class-name">icon-P</div>
|
|
<input type="text" readonly="readonly" value="&#x50;" />
|
|
<input type="text" readonly="readonly" value="\50" />
|
|
<input type="text" readonly="readonly" value="P" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="Q"></div>
|
|
<div class="class-name">icon-Q</div>
|
|
<input type="text" readonly="readonly" value="&#x51;" />
|
|
<input type="text" readonly="readonly" value="\51" />
|
|
<input type="text" readonly="readonly" value="Q" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="S"></div>
|
|
<div class="class-name">icon-S</div>
|
|
<input type="text" readonly="readonly" value="&#x53;" />
|
|
<input type="text" readonly="readonly" value="\53" />
|
|
<input type="text" readonly="readonly" value="S" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="V"></div>
|
|
<div class="class-name">icon-V</div>
|
|
<input type="text" readonly="readonly" value="&#x56;" />
|
|
<input type="text" readonly="readonly" value="\56" />
|
|
<input type="text" readonly="readonly" value="V" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="X"></div>
|
|
<div class="class-name">icon-X</div>
|
|
<input type="text" readonly="readonly" value="&#x58;" />
|
|
<input type="text" readonly="readonly" value="\58" />
|
|
<input type="text" readonly="readonly" value="X" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="Y"></div>
|
|
<div class="class-name">icon-Y</div>
|
|
<input type="text" readonly="readonly" value="&#x59;" />
|
|
<input type="text" readonly="readonly" value="\59" />
|
|
<input type="text" readonly="readonly" value="Y" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="a"></div>
|
|
<div class="class-name">icon-a</div>
|
|
<input type="text" readonly="readonly" value="&#x61;" />
|
|
<input type="text" readonly="readonly" value="\61" />
|
|
<input type="text" readonly="readonly" value="a" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="^"></div>
|
|
<div class="class-name">icon-asciicircum</div>
|
|
<input type="text" readonly="readonly" value="&#x5e;" />
|
|
<input type="text" readonly="readonly" value="\5e" />
|
|
<input type="text" readonly="readonly" value="^" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="@"></div>
|
|
<div class="class-name">icon-at</div>
|
|
<input type="text" readonly="readonly" value="&#x40;" />
|
|
<input type="text" readonly="readonly" value="\40" />
|
|
<input type="text" readonly="readonly" value="@" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="b"></div>
|
|
<div class="class-name">icon-b</div>
|
|
<input type="text" readonly="readonly" value="&#x62;" />
|
|
<input type="text" readonly="readonly" value="\62" />
|
|
<input type="text" readonly="readonly" value="b" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="}"></div>
|
|
<div class="class-name">icon-braceright</div>
|
|
<input type="text" readonly="readonly" value="&#x7d;" />
|
|
<input type="text" readonly="readonly" value="\7d" />
|
|
<input type="text" readonly="readonly" value="}" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="c"></div>
|
|
<div class="class-name">icon-c</div>
|
|
<input type="text" readonly="readonly" value="&#x63;" />
|
|
<input type="text" readonly="readonly" value="\63" />
|
|
<input type="text" readonly="readonly" value="c" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="d"></div>
|
|
<div class="class-name">icon-d</div>
|
|
<input type="text" readonly="readonly" value="&#x64;" />
|
|
<input type="text" readonly="readonly" value="\64" />
|
|
<input type="text" readonly="readonly" value="d" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="$"></div>
|
|
<div class="class-name">icon-dollar</div>
|
|
<input type="text" readonly="readonly" value="&#x24;" />
|
|
<input type="text" readonly="readonly" value="\24" />
|
|
<input type="text" readonly="readonly" value="$" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="e"></div>
|
|
<div class="class-name">icon-e</div>
|
|
<input type="text" readonly="readonly" value="&#x65;" />
|
|
<input type="text" readonly="readonly" value="\65" />
|
|
<input type="text" readonly="readonly" value="e" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="8"></div>
|
|
<div class="class-name">icon-eight</div>
|
|
<input type="text" readonly="readonly" value="&#x38;" />
|
|
<input type="text" readonly="readonly" value="\38" />
|
|
<input type="text" readonly="readonly" value="8" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="="></div>
|
|
<div class="class-name">icon-equal</div>
|
|
<input type="text" readonly="readonly" value="&#x3d;" />
|
|
<input type="text" readonly="readonly" value="\3d" />
|
|
<input type="text" readonly="readonly" value="=" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="f"></div>
|
|
<div class="class-name">icon-f</div>
|
|
<input type="text" readonly="readonly" value="&#x66;" />
|
|
<input type="text" readonly="readonly" value="\66" />
|
|
<input type="text" readonly="readonly" value="f" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="5"></div>
|
|
<div class="class-name">icon-five</div>
|
|
<input type="text" readonly="readonly" value="&#x35;" />
|
|
<input type="text" readonly="readonly" value="\35" />
|
|
<input type="text" readonly="readonly" value="5" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="4"></div>
|
|
<div class="class-name">icon-four</div>
|
|
<input type="text" readonly="readonly" value="&#x34;" />
|
|
<input type="text" readonly="readonly" value="\34" />
|
|
<input type="text" readonly="readonly" value="4" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="g"></div>
|
|
<div class="class-name">icon-g</div>
|
|
<input type="text" readonly="readonly" value="&#x67;" />
|
|
<input type="text" readonly="readonly" value="\67" />
|
|
<input type="text" readonly="readonly" value="g" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="`"></div>
|
|
<div class="class-name">icon-grave</div>
|
|
<input type="text" readonly="readonly" value="&#x60;" />
|
|
<input type="text" readonly="readonly" value="\60" />
|
|
<input type="text" readonly="readonly" value="`" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="h"></div>
|
|
<div class="class-name">icon-h</div>
|
|
<input type="text" readonly="readonly" value="&#x68;" />
|
|
<input type="text" readonly="readonly" value="\68" />
|
|
<input type="text" readonly="readonly" value="h" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="-"></div>
|
|
<div class="class-name">icon-hyphen</div>
|
|
<input type="text" readonly="readonly" value="&#x2d;" />
|
|
<input type="text" readonly="readonly" value="\2d" />
|
|
<input type="text" readonly="readonly" value="-" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="i"></div>
|
|
<div class="class-name">icon-i</div>
|
|
<input type="text" readonly="readonly" value="&#x69;" />
|
|
<input type="text" readonly="readonly" value="\69" />
|
|
<input type="text" readonly="readonly" value="i" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="k"></div>
|
|
<div class="class-name">icon-k</div>
|
|
<input type="text" readonly="readonly" value="&#x6b;" />
|
|
<input type="text" readonly="readonly" value="\6b" />
|
|
<input type="text" readonly="readonly" value="k" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="l"></div>
|
|
<div class="class-name">icon-l</div>
|
|
<input type="text" readonly="readonly" value="&#x6c;" />
|
|
<input type="text" readonly="readonly" value="\6c" />
|
|
<input type="text" readonly="readonly" value="l" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="<"></div>
|
|
<div class="class-name">icon-less</div>
|
|
<input type="text" readonly="readonly" value="&#x3c;" />
|
|
<input type="text" readonly="readonly" value="\3c" />
|
|
<input type="text" readonly="readonly" value="<" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="m"></div>
|
|
<div class="class-name">icon-m</div>
|
|
<input type="text" readonly="readonly" value="&#x6d;" />
|
|
<input type="text" readonly="readonly" value="\6d" />
|
|
<input type="text" readonly="readonly" value="m" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="n"></div>
|
|
<div class="class-name">icon-n</div>
|
|
<input type="text" readonly="readonly" value="&#x6e;" />
|
|
<input type="text" readonly="readonly" value="\6e" />
|
|
<input type="text" readonly="readonly" value="n" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="9"></div>
|
|
<div class="class-name">icon-nine</div>
|
|
<input type="text" readonly="readonly" value="&#x39;" />
|
|
<input type="text" readonly="readonly" value="\39" />
|
|
<input type="text" readonly="readonly" value="9" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="#"></div>
|
|
<div class="class-name">icon-numbersign</div>
|
|
<input type="text" readonly="readonly" value="&#x23;" />
|
|
<input type="text" readonly="readonly" value="\23" />
|
|
<input type="text" readonly="readonly" value="#" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="o"></div>
|
|
<div class="class-name">icon-o</div>
|
|
<input type="text" readonly="readonly" value="&#x6f;" />
|
|
<input type="text" readonly="readonly" value="\6f" />
|
|
<input type="text" readonly="readonly" value="o" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="1"></div>
|
|
<div class="class-name">icon-one</div>
|
|
<input type="text" readonly="readonly" value="&#x31;" />
|
|
<input type="text" readonly="readonly" value="\31" />
|
|
<input type="text" readonly="readonly" value="1" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="p"></div>
|
|
<div class="class-name">icon-p</div>
|
|
<input type="text" readonly="readonly" value="&#x70;" />
|
|
<input type="text" readonly="readonly" value="\70" />
|
|
<input type="text" readonly="readonly" value="p" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="("></div>
|
|
<div class="class-name">icon-parenleft</div>
|
|
<input type="text" readonly="readonly" value="&#x28;" />
|
|
<input type="text" readonly="readonly" value="\28" />
|
|
<input type="text" readonly="readonly" value="(" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="%"></div>
|
|
<div class="class-name">icon-percent</div>
|
|
<input type="text" readonly="readonly" value="&#x25;" />
|
|
<input type="text" readonly="readonly" value="\25" />
|
|
<input type="text" readonly="readonly" value="%" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="."></div>
|
|
<div class="class-name">icon-period</div>
|
|
<input type="text" readonly="readonly" value="&#x2e;" />
|
|
<input type="text" readonly="readonly" value="\2e" />
|
|
<input type="text" readonly="readonly" value="." class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="·"></div>
|
|
<div class="class-name">icon-periodcentered</div>
|
|
<input type="text" readonly="readonly" value="&#xb7;" />
|
|
<input type="text" readonly="readonly" value="\b7" />
|
|
<input type="text" readonly="readonly" value="·" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="∙"></div>
|
|
<div class="class-name">icon-periodcentered</div>
|
|
<input type="text" readonly="readonly" value="&#x2219;" />
|
|
<input type="text" readonly="readonly" value="\2219" />
|
|
<input type="text" readonly="readonly" value="∙" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="+"></div>
|
|
<div class="class-name">icon-plus</div>
|
|
<input type="text" readonly="readonly" value="&#x2b;" />
|
|
<input type="text" readonly="readonly" value="\2b" />
|
|
<input type="text" readonly="readonly" value="+" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="q"></div>
|
|
<div class="class-name">icon-q</div>
|
|
<input type="text" readonly="readonly" value="&#x71;" />
|
|
<input type="text" readonly="readonly" value="\71" />
|
|
<input type="text" readonly="readonly" value="q" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="?"></div>
|
|
<div class="class-name">icon-question</div>
|
|
<input type="text" readonly="readonly" value="&#x3f;" />
|
|
<input type="text" readonly="readonly" value="\3f" />
|
|
<input type="text" readonly="readonly" value="?" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="r"></div>
|
|
<div class="class-name">icon-r</div>
|
|
<input type="text" readonly="readonly" value="&#x72;" />
|
|
<input type="text" readonly="readonly" value="\72" />
|
|
<input type="text" readonly="readonly" value="r" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="s"></div>
|
|
<div class="class-name">icon-s</div>
|
|
<input type="text" readonly="readonly" value="&#x73;" />
|
|
<input type="text" readonly="readonly" value="\73" />
|
|
<input type="text" readonly="readonly" value="s" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon=";"></div>
|
|
<div class="class-name">icon-semicolon</div>
|
|
<input type="text" readonly="readonly" value="&#x3b;" />
|
|
<input type="text" readonly="readonly" value="\3b" />
|
|
<input type="text" readonly="readonly" value=";" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="6"></div>
|
|
<div class="class-name">icon-six</div>
|
|
<input type="text" readonly="readonly" value="&#x36;" />
|
|
<input type="text" readonly="readonly" value="\36" />
|
|
<input type="text" readonly="readonly" value="6" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="t"></div>
|
|
<div class="class-name">icon-t</div>
|
|
<input type="text" readonly="readonly" value="&#x74;" />
|
|
<input type="text" readonly="readonly" value="\74" />
|
|
<input type="text" readonly="readonly" value="t" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="3"></div>
|
|
<div class="class-name">icon-three</div>
|
|
<input type="text" readonly="readonly" value="&#x33;" />
|
|
<input type="text" readonly="readonly" value="\33" />
|
|
<input type="text" readonly="readonly" value="3" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="2"></div>
|
|
<div class="class-name">icon-two</div>
|
|
<input type="text" readonly="readonly" value="&#x32;" />
|
|
<input type="text" readonly="readonly" value="\32" />
|
|
<input type="text" readonly="readonly" value="2" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="u"></div>
|
|
<div class="class-name">icon-u</div>
|
|
<input type="text" readonly="readonly" value="&#x75;" />
|
|
<input type="text" readonly="readonly" value="\75" />
|
|
<input type="text" readonly="readonly" value="u" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="_"></div>
|
|
<div class="class-name">icon-underscore</div>
|
|
<input type="text" readonly="readonly" value="&#x5f;" />
|
|
<input type="text" readonly="readonly" value="\5f" />
|
|
<input type="text" readonly="readonly" value="_" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="v"></div>
|
|
<div class="class-name">icon-v</div>
|
|
<input type="text" readonly="readonly" value="&#x76;" />
|
|
<input type="text" readonly="readonly" value="\76" />
|
|
<input type="text" readonly="readonly" value="v" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="w"></div>
|
|
<div class="class-name">icon-w</div>
|
|
<input type="text" readonly="readonly" value="&#x77;" />
|
|
<input type="text" readonly="readonly" value="\77" />
|
|
<input type="text" readonly="readonly" value="w" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="x"></div>
|
|
<div class="class-name">icon-x</div>
|
|
<input type="text" readonly="readonly" value="&#x78;" />
|
|
<input type="text" readonly="readonly" value="\78" />
|
|
<input type="text" readonly="readonly" value="x" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="y"></div>
|
|
<div class="class-name">icon-y</div>
|
|
<input type="text" readonly="readonly" value="&#x79;" />
|
|
<input type="text" readonly="readonly" value="\79" />
|
|
<input type="text" readonly="readonly" value="y" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="z"></div>
|
|
<div class="class-name">icon-z</div>
|
|
<input type="text" readonly="readonly" value="&#x7a;" />
|
|
<input type="text" readonly="readonly" value="\7a" />
|
|
<input type="text" readonly="readonly" value="z" class="icon-input" />
|
|
</div><div class="glyph">
|
|
<div class="glyph-icon" data-icon="0"></div>
|
|
<div class="class-name">icon-zero</div>
|
|
<input type="text" readonly="readonly" value="&#x30;" />
|
|
<input type="text" readonly="readonly" value="\30" />
|
|
<input type="text" readonly="readonly" value="0" class="icon-input" />
|
|
</div></section>
|
|
</body>
|
|
</html> |