-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
187 lines (169 loc) · 6.95 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png" />
<link rel="icon" type="image/png" sizes="180x180" href="/favicon-180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
<link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap"
rel="stylesheet"
/>
<title>Aksharas — A Devanagari Character Counter and Analyser</title>
<meta
name="description"
content="Aksharas is a utility web app for analysing the akṣaras and varṇas in a Devanagari text."
/>
</head>
<body>
<main>
<div id="app">
<div class="stats basic-stats">
<div class="counter counter-total">
<span class="counter-content">−</span>
</div>
<div class="counter counter-total-aksharas">
<span class="counter-title">Aksharas</span>
<span class="counter-content">−</span>
</div>
<div class="counter counter-total-symbols">
<span class="counter-title">Symbols</span>
<span class="counter-content">−</span>
</div>
<div class="counter counter-total-others">
<span class="counter-title">Others</span>
<span class="counter-content">−</span>
</div>
</div>
<div class="editor">
<textarea placeholder="Write or paste here..." autofocus></textarea>
</div>
<div class="more-stats-container">
<div class="stats more-stats card">
<div class="counter counter-total-varnas">
<span class="counter-title">Varnas</span>
<span class="counter-content">−</span>
</div>
<div class="divider"></div>
<div class="counter counter-total-svaras">
<span class="counter-title">Svaras</span>
<span class="counter-content">−</span>
</div>
<div class="divider"></div>
<div class="counter counter-total-vyanjanas">
<span class="counter-title">Vyanjanas</span>
<span class="counter-content">−</span>
</div>
</div>
<div class="stats more-stats card">
<div class="counter counter-total-spaces">
<span class="counter-title">Spaces</span>
<span class="counter-content">−</span>
</div>
<div class="divider"></div>
<div class="counter counter-total-chars">
<span class="counter-title">Chars</span>
<span class="counter-content">−</span>
</div>
<div class="divider"></div>
<div class="counter counter-total-invalids">
<span class="counter-title">Invalid</span>
<span class="counter-content">−</span>
</div>
</div>
</div>
<div class="analysis">
<div class="analysis-title">Analysis</div>
<div class="analysis-content card">
<div class="placeholder">
Enter Devanagari text in the editor to see the analysis of the
aksharas and varnas in it.
</div>
</div>
</div>
</div>
<div id="docs">
<h1>Aksharas</h1>
<p>
<strong>Aksharas</strong> is a utility web app for analysing the
<em>akṣaras</em> and <em>varṇas</em> in a Devanagari text.
</p>
<p>
Many of the existing character counters are designed for English
(Latin script) and do not support Devanagari. Even if they do, they
only give the number of Unicode characters in the text. But people who
read Devanagari count in terms of <em>akṣaras</em> (syllables) and
<em>varṇas</em> (consonants and vowels). This tool helps those who
read/type in the Devanagari script by providing information on the
<em>akṣaras</em> and <em>varṇas</em> in their text. It also helps them
easily identify typing errors such as extra vowel marks (काी) or colon
(:) in the place of <em>visarga</em> by providing them with details on
invalid and non-Devanagari characters.
</p>
<h2>Usage</h2>
<p>
The overall count represents the total number of Devanagari
<em>akṣaras</em>, Devanagari symbols (१, २, ।, ॥, ॐ, etc.) and
non-devangari chararacters (i.e. characters in other scripts, special
characters, whitespace characters, etc.)
</p>
<h3>Aksharas</h3>
<p>
Devanagari syllables like रा, मः, etc. are <strong>Aksharas</strong>.
Here, <em>halanta</em> consonants such as क्, च्, य्, etc. are also
counted as <strong>Aksharas</strong> when they are at the end of a
word.
</p>
<h3>Varnas</h3>
<p>
<strong>Varnas</strong> represent the total number of consonants and
vowels in the text.
</p>
<h3>Symbols</h3>
<p>
<strong>Symbols</strong> are Devanagari symbols such as १, २, ।, ॥, ॐ,
etc.
</p>
<h3>Others</h3>
<p>
The total number of non-devangari chararacters (characters in other
scripts, special characters, whitespace characters, etc.) is displayed
in <strong>Others</strong>.
</p>
<h3>Chars</h3>
<p>
<strong>Chars</strong> show the total number of unicode characters in
the text.
</p>
<h3>Invalid</h3>
<p>
A <em>virāma</em> which is not preceded by a consonant, and two or
more consecutive vowel marks like in "गोु", etc. are considered
<strong>Invalid</strong> characters.
</p>
<br />
<footer>
<div>
<a href="https://github.com/vipranarayan14/aksharas-web"
>Repository</a
>
<span> | </span>
<a href="https://github.com/vipranarayan14/aksharas-web/issues"
>Report an issue</a
>
<!-- <span> | </span> -->
<!-- <a href="https://vipranarayan14.github.io">Other projects</a> -->
</div>
<div>Copyright © 2022 Prasanna Venkatesh T S</div>
</footer>
</div>
</main>
<script type="module" src="/src/main.ts"></script>
</body>
</html>