Projekt

Obecné

Profil

Task #7128 » search-texts.html

Jan Šedivý, 2019-03-25 17:13

 
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
    <meta charset="UTF-8">
5
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
6
          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
7
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
8
            integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
9
            crossorigin="anonymous"></script>
10
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
11
            integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
12
            crossorigin="anonymous"></script>
13

    
14
    <title>Old Babylonian Text Corpus >> PROTOTYP</title>
15
    <style>
16
        .header-logo {
17
            background-color: #006666;
18
            color: white;
19
            padding: 16px;
20
            font-size: 2rem;
21
            margin-bottom: 0;
22
        }
23

    
24
        .display-4 {
25
            font-size: 2.5rem;
26
        }
27

    
28
        .display-4 a {
29
            color: white;
30
        }
31

    
32
        .display-4 a:hover {
33
            text-decoration: none;
34
        }
35

    
36
        .display-4 a:active {
37
            color: white;
38
        }
39

    
40
        .display-4 a:visited {
41
            color: white;
42
        }
43

    
44
        .display-5 {
45
            font-size: 2rem;
46
            font-weight: 300;
47
            line-height: 1.2;
48
        }
49

    
50
        .content {
51
            margin: 32px 64px;
52
        }
53

    
54
        html {
55
            position: relative;
56
            min-height: 100%;
57
        }
58

    
59
        body {
60
            /* Margin bottom by footer height + margin */
61
            margin-bottom: 96px;
62
        }
63

    
64
        .footer {
65
            position: absolute;
66
            bottom: 0;
67
            width: 100%;
68
            /* Set the fixed height of the footer here */
69
            height: 64px;
70
            padding: 8px;
71
            background-color: #003366;
72
            color: rgba(255, 255, 255, .5);
73
        }
74

    
75
        .search-options .form-group.row {
76
            margin-bottom: 0.5rem;
77
        }
78

    
79
        .navbar.navbar-expand-lg {
80
            padding-top: 0;
81
            padding-bottom: 0;
82
        }
83
    </style>
84
</head>
85
<body>
86
<!--Navbar-->
87
<div class="jumbotron jumbotron-fluid header-logo">
88
    <div class="container text-center">
89
        <div class="display-4"><a href="landing-page.html">Old Babylonian Text Corpus</a></div>
90
    </div>
91
</div>
92
<nav class="navbar navbar-expand-lg navbar-dark bg-primary" style="background-color: #003366 !important;">
93
    <ul class="navbar-nav mr-auto">
94
        <li class="nav-item active">
95
            <a class="nav-link" href="search-texts.html">Search & edit texts <span class="sr-only">(current)</span></a>
96
        </li>
97
        <li class="nav-item">
98
            <a class="nav-link" href="#">Search dictionary</a>
99
        </li>
100
        <li class="nav-item">
101
            <a class="nav-link" href="#">Text catalogue</a>
102
        </li>
103
        <li class="nav-item">
104
            <a class="nav-link" href="#">Catalogue of cuneiform signs</a>
105
        </li>
106
        <li class="nav-item">
107
            <a class="nav-link" href="#">Contact & members</a>
108
        </li>
109
        <li class="nav-item">
110
            <a class="nav-link" href="#">Input new text</a>
111
        </li>
112
        <li class="nav-item">
113
            <a class="nav-link" href="admin.html">Admin</a>
114
        </li>
115
    </ul>
116
    <span class="navbar-text" style="padding-right: 1rem">
117
            User: <strong>Medici</strong>
118
        </span>
119
    <div class="navbar-nav nav-item">
120
        <a class="nav-link" href="#">Logout</a>
121
        <a class="nav-link" href="#">Change Password</a>
122
    </div>
123
</nav>
124

    
125
<!--Content-->
126
<div class="content">
127
    <div class="display-5">Search in transliterations</div>
128
    <hr>
129
    <form action="search-result.html" method="post" enctype="multipart/form-data">
130
        <div class="form-group">
131
            <div class="row">
132
                <div class="col">
133
                    <label for="word1">Word 1:</label>
134
                    <input type="text" class="form-control" id="word1">
135
                </div>
136
                <div class="col">
137
                    <label for="word2">Word 2:</label>
138

    
139
                    <div class="input-group">
140

    
141
                        <select name="word2-op" class="form-control">
142
                            <option value="">- NOT USED -</option>
143
                            <option value="and">AND</option>
144
                            <option value="or">OR</option>
145
                            <option value="not">AND NOT</option>
146
                        </select>
147
                        <input id="word2" type="text" class="form-control">
148
                    </div>
149
                </div>
150
                <div class="col">
151
                    <label for="word3">Word 3:</label>
152

    
153
                    <div class="input-group">
154

    
155
                        <select name="word3-op" class="form-control">
156
                            <option value="">- NOT USED -</option>
157
                            <option value="and">AND</option>
158
                            <option value="or">OR</option>
159
                            <option value="not">AND NOT</option>
160
                        </select>
161
                        <input id="word3" type="text" class="form-control">
162
                    </div>
163
                </div>
164
            </div>
165
            <input name="exact-match" id="exact-match" type="checkbox">
166
            <label for="exact-match">Exact Match</label>
167
            <br>
168
            <input name="work-with-lists" id="work-with-lists" type="checkbox">
169
            <label for="work-with-lists">Work with a list of names: </label>
170
            <input type="radio" name="list-of-names-radio" id="personal-radio" value="personal">
171
            <label for="personal-radio">Personal names</label>
172
            <input type="radio" name="list-of-names-radio" id="divine-radio" value="divine">
173
            <label for="divine-radio">Divine names</label>
174
            <br>
175
            <a href="/nobtc/app/webroot/pages/hints-for-search">Hints for search</a>
176
            <hr>
177

    
178
            <div class="search-options">
179
                <div class="form-group row">
180
                    <label for="book" class="col-sm-2 col-form-label">Book</label>
181
                    <div class="col-sm-3">
182
                        <div class="input-group">
183

    
184
                            <select name="book-op" class="form-control">
185
                                <option value="equals">
186
                                    equals
187
                                </option>
188
                                <option value="not equals">
189
                                    not equals
190
                                </option>
191
                                <option value="contains" selected="selected">
192
                                    contains
193
                                </option>
194
                                <option value="begins with">
195
                                    begins with
196
                                </option>
197
                                <option value="ends with">
198
                                    ends with
199
                                </option>
200
                            </select>
201
                            <input type="text" id="book" name="book" class="form-control">
202
                        </div>
203
                    </div>
204
                </div>
205
                <div class="form-group row">
206
                    <label for="museum-no" class="col-sm-2 col-form-label">Museum number</label>
207
                    <div class="col-sm-3">
208
                        <div class="input-group">
209

    
210
                            <select name="museum-no-op" class="form-control">
211
                                <option value="equals">
212
                                    equals
213
                                </option>
214
                                <option value="not equals">
215
                                    not equals
216
                                </option>
217
                                <option value="contains" selected="selected">
218
                                    contains
219
                                </option>
220
                                <option value="begins with">
221
                                    begins with
222
                                </option>
223
                                <option value="ends with">
224
                                    ends with
225
                                </option>
226
                            </select>
227
                            <input type="text" name="museum-no" id="museum-no" class="form-control">
228
                        </div>
229
                    </div>
230
                </div>
231
                <div class="form-group row">
232
                    <label for="id_book_type" class="col-sm-2 col-form-label">Type</label>
233
                    <div class="col-sm-3">
234
                        <div class="input-group">
235

    
236
                            <select name="book-type-op" class="form-control">
237
                                <option value="is">
238
                                    is
239
                                </option>
240
                                <option value="is not">
241
                                    is not
242
                                </option>
243
                            </select>
244
                            <select name="id_book_type" id="id_book_type" class="form-control">
245

    
246
                                <option value="0" label="- NOT SELECTED -">
247
                                    - NOT SELECTED -
248
                                </option>
249
                                <option value="1" label="letter">
250
                                    letter
251
                                </option>
252
                                <option value="2" label="document">
253
                                    document
254
                                </option>
255
                                <option value="3" label="epic">
256
                                    epic
257
                                </option>
258
                                <option value="4" label="hymn">
259
                                    hymn
260
                                </option>
261
                                <option value="5" label="incantation">
262
                                    incantation
263
                                </option>
264
                                <option value="6" label="legal text">
265
                                    legal text
266
                                </option>
267
                                <option value="8" label="mathematics">
268
                                    mathematics
269
                                </option>
270
                                <option value="9" label="omina">
271
                                    omina
272
                                </option>
273
                                <option value="10" label="other">
274
                                    other
275
                                </option>
276
                                <option value="11" label="royal inscription">
277
                                    royal inscription
278
                                </option>
279
                                <option value="13" label="school text">
280
                                    school text
281
                                </option>
282

    
283
                            </select>
284
                        </div>
285
                    </div>
286
                </div>
287
                <div class="form-group row">
288
                    <label for="id_origin" class="col-sm-2 col-form-label">Origin</label>
289
                    <div class="col-sm-3">
290
                        <div class="input-group">
291

    
292
                            <select name="origin-op" class="form-control">
293
                                <option value="is">
294
                                    is
295
                                </option>
296
                                <option value="is not">
297
                                    is not
298
                                </option>
299
                            </select>
300
                            <select name="id_origin" id="id_origin" class="form-control">
301

    
302
                                <option value="0" label="- NOT SELECTED -">
303
                                    / - NOT SELECTED -
304
                                </option>
305
                                <option value="9" label="Tell Ḫarīrī">
306
                                    Mari / Tell Ḫarīrī
307
                                </option>
308
                                <option value="10" label="Išān Baḫriyāt">
309
                                    Isin / Išān Baḫriyāt
310
                                </option>
311
                                <option value="11" label="Nuffar">
312
                                    Nippur / Nuffar
313
                                </option>
314
                                <option value="1" label="Babylon">
315
                                    Bābili / Babylon
316
                                </option>
317
                                <option value="2" label="Tell Inġarra, Tell al-Uḫaimir">
318
                                    Kiš / Tell Inġarra, Tell al-Uḫaimir
319
                                </option>
320
                                <option value="3" label="Abū Ḫaṭab">
321
                                    Kisurra / Abū Ḫaṭab
322
                                </option>
323
                                <option value="4" label="unknown">
324
                                    Lagaba / unknown
325
                                </option>
326
                                <option value="5" label="as-Sankara">
327
                                    Larsa / as-Sankara
328
                                </option>
329
                                <option value="6" label="Tell Harmal">
330
                                    Šaduppûm / Tell Harmal
331
                                </option>
332
                                <option value="12" label="Tell Asmar">
333
                                    Ešnunna / Tell Asmar
334
                                </option>
335
                                <option value="13" label="Tell al-Muqaiyar">
336
                                    Ur / Tell al-Muqaiyar
337
                                </option>
338
                                <option value="14" label="Tulūl al-Ḫumr">
339
                                    - / Tulūl al-Ḫumr
340
                                </option>
341
                                <option value="15" label="Tell Abū Duwari">
342
                                    Maškan-šāpir / Tell Abū Duwari
343
                                </option>
344
                                <option value="16" label="Khafajah">
345
                                    / Khafajah
346
                                </option>
347
                                <option value="17" label="Borsippa, Birs Nimrūd">
348
                                    Barsip / Borsippa, Birs Nimrūd
349
                                </option>
350
                                <option value="18" label="Tell Abū Ḫabba">
351
                                    Sippar / Tell Abū Ḫabba
352
                                </option>
353
                                <option value="19" label="Tell Muḫammad">
354
                                    Diniktum? / Tell Muḫammad
355
                                </option>
356
                                <option value="21" label="Khafajah">
357
                                    Dūr-Samsu-iluna / Khafajah
358
                                </option>
359
                                <option value="22" label="">
360
                                    unknown /
361
                                </option>
362
                                <option value="24" label="Sūsa">
363
                                    Šūšan / Sūsa
364
                                </option>
365
                                <option value="23" label="Warka">
366
                                    Uruk / Warka
367
                                </option>
368
                                <option value="25" label="Ishchali">
369
                                    Nērebtum? / Ishchali
370
                                </option>
371
                                <option value="26" label="Cytheria (island)">
372
                                    / Cytheria (island)
373
                                </option>
374
                                <option value="27" label="Cyprus">
375
                                    Iadnāna / Cyprus
376
                                </option>
377
                                <option value="29" label="Qalʾat Šarqāṭ">
378
                                    Aššur / Qalʾat Šarqāṭ
379
                                </option>
380
                                <option value="28" label="Tell Ḫaddād">
381
                                    Mê-Turran / Tell Ḫaddād
382
                                </option>
383
                                <option value="30" label="Tell Leilān">
384
                                    Šubat-Enlil / Tell Leilān
385
                                </option>
386
                                <option value="31" label="Acem Höyük">
387
                                    ? / Acem Höyük
388
                                </option>
389
                                <option value="32" label="Tell al-ʾAšāra">
390
                                    Terqa / Tell al-ʾAšāra
391
                                </option>
392
                                <option value="33" label="Išān Dhaḫāk">
393
                                    / Išān Dhaḫāk
394
                                </option>
395
                                <option value="34" label="Tell ad-Dibāʾī">
396
                                    Zaralulu / Tell ad-Dibāʾī
397
                                </option>
398
                                <option value="35" label="Tell al-Suleimaḫ">
399
                                    Batir? / Tell al-Suleimaḫ
400
                                </option>
401
                                <option value="36" label="Bardi Sanjian in Bītwāta">
402
                                    / Bardi Sanjian in Bītwāta
403
                                </option>
404
                                <option value="37" label="near Tūz Ḫurmati">
405
                                    Ḫuršītum? / near Tūz Ḫurmati
406
                                </option>
407
                                <option value="38" label="Tell Šamšāra">
408
                                    Šušarrā / Tell Šamšāra
409
                                </option>
410
                                <option value="39" label="Dura-Europos">
411
                                    Damara / Dura-Europos
412
                                </option>
413
                                <option value="20" label="Tell ar-Rimāḫ">
414
                                    Qaṭṭarā / Tell ar-Rimāḫ
415
                                </option>
416
                                <option value="40" label="Tell Açana">
417
                                    Alalaḫ / Tell Açana
418
                                </option>
419
                                <option value="7" label="Rās aš-Šamra">
420
                                    Ugarit / Rās aš-Šamra
421
                                </option>
422
                                <option value="41" label="Tell Mardiḫ">
423
                                    Ebla / Tell Mardiḫ
424
                                </option>
425
                                <option value="42" label="Hillah (near Babylon)">
426
                                    / Hillah (near Babylon)
427
                                </option>
428
                                <option value="43" label="Bismāya">
429
                                    Adab / Bismāya
430
                                </option>
431
                                <option value="44" label="al-Hibā">
432
                                    Lagaš / al-Hibā
433
                                </option>
434
                                <option value="45" label="Tell ed-Dēr">
435
                                    Sippar-Iaḫrūrum / Tell ed-Dēr
436
                                </option>
437
                                <option value="46" label="Tell Dulaiḫim or Tell Muḫaṭṭaṭ">
438
                                    Dilbat / Tell Dulaiḫim or Tell Muḫaṭṭaṭ
439
                                </option>
440

    
441
                            </select>
442
                        </div>
443
                    </div>
444
                </div>
445
                <div class="form-group row">
446
                    <label for="reg_no" class="col-sm-2 col-form-label">Registration / Ex. number</label>
447
                    <div class="col-sm-3">
448
                        <div class="input-group">
449

    
450
                            <select name="reg_no-op" class="form-control">
451
                                <option value="equals">
452
                                    equals
453
                                </option>
454
                                <option value="not equals">
455
                                    not equals
456
                                </option>
457
                                <option value="contains" selected="selected">
458
                                    contains
459
                                </option>
460
                                <option value="begins with">
461
                                    begins with
462
                                </option>
463
                                <option value="ends with">
464
                                    ends with
465
                                </option>
466
                            </select>
467
                            <input type="text" id="reg_no" name="reg_no" class="form-control">
468
                        </div>
469
                    </div>
470
                </div>
471
                <div class="form-group row">
472
                    <label for="date" class="col-sm-2 col-form-label">Date</label>
473
                    <div class="col-sm-3">
474
                        <div class="input-group">
475

    
476
                            <select name="date-op" class="form-control">
477
                                <option value="equals">
478
                                    equals
479
                                </option>
480
                                <option value="not equals">
481
                                    not equals
482
                                </option>
483
                                <option value="contains" selected="selected">
484
                                    contains
485
                                </option>
486
                                <option value="begins with">
487
                                    begins with
488
                                </option>
489
                                <option value="ends with">
490
                                    ends with
491
                                </option>
492
                            </select>
493
                            <input type="text" id="date" name="date" class="form-control">
494
                        </div>
495
                    </div>
496
                </div>
497
            </div>
498
            <hr>
499

    
500
            <label for="line-count">Representation of search result:</label>
501
            <div class="form-inline">
502
                <div class="form-group">
503
                    <small class="text-muted">
504
                        Print
505
                    </small>
506
                    <select name="line-count" id="line-count" class="form-control form-control-sm mx-sm-3">
507
                        <option value="0" selected="selected">0</option>
508
                        <option value="1">1</option>
509
                        <option value="2">2</option>
510
                        <option value="3">3</option>
511
                        <option value="5">5</option>
512
                        <option value="10">10</option>
513
                        <option value="15">15</option>
514
                    </select>
515
                    <small id="passwordHelpInline" class="text-muted">
516
                        lines before and after found line.
517
                    </small>
518
                </div>
519
            </div>
520
            <div class="form-inline">
521
                <div class="form-group">
522
                    <small class="text-muted">
523
                        Show
524
                    </small>
525
                    <select name="r_limit" class="form-control form-control-sm mx-sm-3">
526
                        <option value="1">1</option>
527
                        <option value="2">2</option>
528
                        <option value="3">3</option>
529
                        <option value="5" selected="selected">5</option>
530
                        <option value="10">10</option>
531
                        <option value="15">15</option>
532
                        <option value="30">30</option>
533
                    </select>
534
                    <small class="text-muted">
535
                        found transliteration per site.
536
                    </small>
537
                </div>
538
            </div>
539
        </div>
540
        <div class="form-group row">
541
            <div class="col-sm-10">
542
                <button type="submit" class="btn btn-outline-dark">Search</button>
543
            </div>
544
        </div>
545

    
546
    </form>
547

    
548
    <div class="card" style="width: 24.5rem;">
549
        <div class="card-body">
550
            <div id="keyboard">
551
                <div class="display-5" style="margin-bottom: 0.5rem;">Keyboard</div>
552
                <div class="cont">
553
                    <div id="keyboard-div">
554
                        <table>
555
                            <tbody>
556
                            <tr>
557
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="á"
558
                                           onclick="top.keyboard.press('á')"></td>
559
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="é"
560
                                           onclick="top.keyboard.press('é')"></td>
561
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="í"
562
                                           onclick="top.keyboard.press('í')"></td>
563
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="ú"
564
                                           onclick="top.keyboard.press('ú')"></td>
565
                                <td></td>
566
                                <td></td>
567
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="Á"
568
                                           onclick="top.keyboard.press('Á')"></td>
569
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="É"
570
                                           onclick="top.keyboard.press('É')"></td>
571
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="Í"
572
                                           onclick="top.keyboard.press('Í')"></td>
573
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="Ú"
574
                                           onclick="top.keyboard.press('Ú')"></td>
575
                            </tr>
576
                            <tr>
577
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="à"
578
                                           onclick="top.keyboard.press('à')"></td>
579
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="è"
580
                                           onclick="top.keyboard.press('è')"></td>
581
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="ì"
582
                                           onclick="top.keyboard.press('ì')"></td>
583
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="ù"
584
                                           onclick="top.keyboard.press('ù')"></td>
585
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="ò"
586
                                           onclick="top.keyboard.press('ò')"></td>
587
                                <td></td>
588
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="À"
589
                                           onclick="top.keyboard.press('À')"></td>
590
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="È"
591
                                           onclick="top.keyboard.press('È')"></td>
592
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="Ì"
593
                                           onclick="top.keyboard.press('Ì')"></td>
594
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="Ù"
595
                                           onclick="top.keyboard.press('Ù')"></td>
596
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="Ò"
597
                                           onclick="top.keyboard.press('Ò')"></td>
598
                            </tr>
599
                            <tr>
600
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="â"
601
                                           onclick="top.keyboard.press('â')"></td>
602
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="ê"
603
                                           onclick="top.keyboard.press('ê')"></td>
604
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="î"
605
                                           onclick="top.keyboard.press('î')"></td>
606
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="û"
607
                                           onclick="top.keyboard.press('û')"></td>
608
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="ô"
609
                                           onclick="top.keyboard.press('ô')"></td>
610
                                <td></td>
611
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="Â"
612
                                           onclick="top.keyboard.press('Â')"></td>
613
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="Ê"
614
                                           onclick="top.keyboard.press('Ê')"></td>
615
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="Û"
616
                                           onclick="top.keyboard.press('Û')"></td>
617
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="Ô"
618
                                           onclick="top.keyboard.press('Ô')"></td>
619
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="⌈"
620
                                           onclick="top.keyboard.press('⌈')">
621
                                    <input class="btn btn-sm btn-outline-dark" type="button" value="⌉"
622
                                           onclick="top.keyboard.press('⌉')"></td>
623
                            </tr>
624

    
625

    
626
                            <tr>
627
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="ā"
628
                                           onclick="top.keyboard.press('ā')"></td>
629
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="ē"
630
                                           onclick="top.keyboard.press('ē')"></td>
631
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="ī"
632
                                           onclick="top.keyboard.press('ī')"></td>
633
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="ū"
634
                                           onclick="top.keyboard.press('ū')"></td>
635
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="ō"
636
                                           onclick="top.keyboard.press('ō')"></td>
637
                                <td></td>
638
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="Ā"
639
                                           onclick="top.keyboard.press('Ā')"></td>
640
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="Ē"
641
                                           onclick="top.keyboard.press('Ē')"></td>
642
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="Ī"
643
                                           onclick="top.keyboard.press('Ī')"></td>
644
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="Ū"
645
                                           onclick="top.keyboard.press('Ū')"></td>
646
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="Ō"
647
                                           onclick="top.keyboard.press('Ō')"></td>
648
                            </tr>
649
                            <tr>
650
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="ʾ"
651
                                           onclick="top.keyboard.press('ʾ')"></td>
652
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="ʿ"
653
                                           onclick="top.keyboard.press('ʿ')"></td>
654
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="ṣ"
655
                                           onclick="top.keyboard.press('ṣ')"></td>
656
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="š"
657
                                           onclick="top.keyboard.press('š')"></td>
658
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="ṭ"
659
                                           onclick="top.keyboard.press('ṭ')"></td>
660
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="ḫ"
661
                                           onclick="top.keyboard.press('ḫ')"></td>
662
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="Ṣ"
663
                                           onclick="top.keyboard.press('Ṣ')"></td>
664
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="Š"
665
                                           onclick="top.keyboard.press('Š')"></td>
666
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="Ṭ"
667
                                           onclick="top.keyboard.press('Ṭ')"></td>
668
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="Ḫ"
669
                                           onclick="top.keyboard.press('Ḫ')"></td>
670
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="["
671
                                           onclick="top.keyboard.press('[')">
672
                                    <input class="btn btn-sm btn-outline-dark" type="button" value="]"
673
                                           onclick="top.keyboard.press(']')"></td>
674
                            </tr>
675
                            <tr>
676
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="₁"
677
                                           onclick="top.keyboard.press('₁')"></td>
678
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="₂"
679
                                           onclick="top.keyboard.press('₂')"></td>
680
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="₃"
681
                                           onclick="top.keyboard.press('₃')"></td>
682
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="₄"
683
                                           onclick="top.keyboard.press('₄')"></td>
684
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="₅"
685
                                           onclick="top.keyboard.press('₅')"></td>
686
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="₆"
687
                                           onclick="top.keyboard.press('₆')"></td>
688
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="₇"
689
                                           onclick="top.keyboard.press('₇')"></td>
690
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="₈"
691
                                           onclick="top.keyboard.press('₈')"></td>
692
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="₉"
693
                                           onclick="top.keyboard.press('₉')"></td>
694
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="₀"
695
                                           onclick="top.keyboard.press('₀')"></td>
696
                                <td><input class="btn btn-sm btn-outline-dark" type="button" value="x"
697
                                           onclick="top.keyboard.press('x')"></td>
698
                            </tr>
699
                            </tbody>
700
                        </table>
701
                    </div>
702
                </div>
703
            </div>
704
        </div>
705
    </div>
706

    
707
</div>
708

    
709
<!--Footer-->
710
<footer class="footer">
711
    <div class="container">
712
        <div class="text-center">
713
            © Furat Rahman - Faculty of Philosophy - University of West Bohemia in Pilsen and Cuneiform Circle 2002-2005<br>
714
            Created by Medici - Faculty of Applied Science - University of West Bohemia in Pilsen
715
        </div>
716
    </div>
717
</footer>
718
</body>
719
</html>
(4-4/5)