forked from blissymbolics/blissymbols
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblissviewer-demo.html
121 lines (108 loc) · 4.77 KB
/
blissviewer-demo.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
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Blissviewer demonstration</title>
<script type="text/javascript" src="blissdata_chars.js"></script>
<script type="text/javascript" src="blissdata_words.js"></script>
<script type="text/javascript" src="blissviewer.js"></script>
<script type="text/javascript" src="lib/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="blissdemo.js"></script>
<link rel="stylesheet" href="blissviewer.css">
<style>
body { font-family: sans-serif; font-size: 14px; background-color: #ccc; margin: 14px }
#textoutput > p { background-color: white; margin: 14px 0; padding: 14px 0 }
textarea { font-family: monospace; font-size: 12px }
table { width: 100% }
tr { vertical-align: top }
hr { margin: 56px -14px 14px -14px }
</style>
</head>
<body>
<p style="float:right"><big>
© 2013-2015, by <a href="http://www.cse.chalmers.se/~peb/">Peter Ljunglöf</a>
<br><a href="https://github.com/blissymbolics/blissymbols">Open source code at GitHub</a>
</big></p>
<h1>
<span class="bliss" title="Bliss,Bliss_language,Blissymbolics eye indicator_(description)">Bliss-viewer</span>
<span class="bliss" title="cause observation">demonstration</span>
</h1>
<form id="blissform" onsubmit="return false" onchange="change_appearance()">
<table><tr>
<td><b>Grid:</b><br>
<input type="radio" name="grid" id="no-grid" checked> No
<input type="radio" name="grid" id="sparse-grid"> Sparse
<input type="radio" name="grid" id="dense-grid"> Dense
<td><b>Line thickness:</b><br>
<input type="range" name="thickness" id="thickness" min="2" max="10" value="6"
oninput="this.form.viewthickness.value = this.valueAsNumber">
<output name="viewthickness" for="thickness">6</output> ex
<td><b>Symbol size:</b><br>
<input type="range" name="symbolsize" id="symbolsize" min="5" max="40" value="10"
oninput="this.form.viewsymbolsize.value = this.valueAsNumber">
<output name="viewsymbolsize" for="symbolsize">10</output> ex
<td><b>Font size:</b><br>
<input type="range" name="fontsize" id="fontsize" min="8" max="24" value="14"
oninput="this.form.viewfontsize.value = this.valueAsNumber">
<output name="viewfontsize" for="fontsize">14</output> px
</tr></table>
</form>
<div id="textoutput"></div>
<hr>
<table><tr>
<td>
<h3>Things to note:</h3>
<ul>
<li>"Harry Potter" and "flamingo" are not in the official vocabulary, but are built from basic concepts.
<li>"Metaphorically smell" is not an official word, but a modified word.
<li>To be able to use other verb indicators than the standard, you have to use the underlying concept
("nose" instead of "smell-(to)", "existence,being_(2)" instead of "be,am,are,is,exist-(to)").
<li>The indicator is attached to the first non-modifier character in a word
("metaphor" and "combine_marker" are modifiers).
<li>The plural indicator has moved to the left for "feet", since it is not a symmetric character.
<li>The indicator has moved 20px up for "pineapples", since the pineapple is an extra high character.
<li>"bird" and "mouth" (in "songbirds"), and "make-believe_man" and "group-of" (in "Tarzan") are kerned (moved 10px closer).
<li>The spacing between words are full-width, but before punctuation it is half-width space. Between characters it is quarter-width space (except when characters are kerned).
<li>If you resize the window, the sentence word-wraps.
<li>Everything is in SVG!
</ul>
<td>
<textarea id="textinput" cols="80" rows="20">
Harry Potter :: bliss-name boy,lad lightning
would have smelled :: metaphor nose indicator_(past_conditional)
some rats :: rat,rodent,gnawer,gnawing_animal indicator_(plural)
, :: comma
if :: if
they :: they,them,themselves-(indefinite)
hadn't :: not,negative,no,don't,doesn't
been :: existence,being_(2) indicator_(past_passive)
songbirds :: songbird,finch,thrush indicator_(plural)
, :: comma
pineapples :: pineapple indicator_(plural)
, :: comma
flamingoes :: combine_marker goose_(bird) indicator_(plural) snake combine_marker
or :: or
feet :: foot indicator_(plural)
. :: period,point,full_stop,decimal_point
Tarzan :: Tarzan
= :: same,equal,equality
make-believe_man :: make-believe_man
jungle :: tropical_rain_forest,jungle
is a :: same,equal,equality
make-believe_man :: make-believe_man
grove :: grove
equator :: equator
= :: same,equal,equality
man :: man,male
imagination :: fantasy,phantasy,imagination,illusion
many :: group_of,much_of,many_of,quantity_of
tree :: tree
equator :: equator
! :: exclamation_mark
</textarea>
<input type="submit" value="Submit" onclick="redraw()">
<p><b>Note:</b>
Separate text words and Blisswords with double-colon (::), and separate sentences with an empty line.
</tr></table>
</body>
</html>