1 | <h1>@sutton-signwriting/signmaker</h1>
|
2 | <p><a href="https://gitter.im/sutton-signwriting/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge"><img src="https://badges.gitter.im/Join%20Chat.svg" alt="Gitter"></a>
|
3 | <a href="https://www.npmjs.com/package/@sutton-signwriting/signmaker"><img src="https://img.shields.io/npm/v/@sutton-signwriting/signmaker" alt="version"></a>
|
4 | <a href="https://npm-stat.com/charts.html?package=@sutton-signwriting/signmaker&from=2021-12-16"><img src="https://img.shields.io/npm/dm/@sutton-signwriting/signmaker" alt="npm downloads"></a></p>
|
5 | <hr>
|
6 | <img alt="SignMaker Artwork" src="./signmaker.png">
|
7 | <p>@sutton-signwriting/signmaker is an online editor that can be <a href="https://www.sutton-signwriting.io/signmaker/" target="_parent">accessed directly</a>, <a href="https://www.sutton-signwriting.io/signmaker/demo.html" target="_parent">embedded in an iFrame</a>, and <a href="https://github.com/sutton-signwriting/signmaker/archive/refs/heads/main.zip" target="_parent">downloaded</a>. It uses both Formal SignWriting in ASCII (FSW) and SignWriting in Unicode (SWU) character sets, along with the associated style string. See <a href="https://tools.ietf.org/id/draft-slevinski-formal-signwriting-08.html" target="_parent">draft-slevinski-formal-signwriting</a> for detailed specification.</p>
|
8 | <h2>v1.1.0</h2>
|
9 | <blockquote>
|
10 | <p>Author: <a href="https://SteveSlevinski.me" target="_parent">https://SteveSlevinski.me</a><br>
|
11 | Channel: <a href="https://www.youtube.com/channel/UCXu4AXlG0rXFtk_5SzumDow" target="_parent">https://www.youtube.com/channel/UCXu4AXlG0rXFtk_5SzumDow</a><br>
|
12 | Support: <a href="https://www.patreon.com/signwriting" target="_parent">https://www.patreon.com/signwriting</a></p>
|
13 | </blockquote>
|
14 | <hr>
|
15 | <h2>Useful links</h2>
|
16 | <ul>
|
17 | <li>Public Editor: <a href="https://www.sutton-signwriting.io/signmaker/" target="_parent">https://www.sutton-signwriting.io/signmaker/</a></li>
|
18 | <li>Public Demo: <a href="https://www.sutton-signwriting.io/signmaker/demo.html" target="_parent">https://www.sutton-signwriting.io/signmaker/demo.html</a></li>
|
19 | <li>Source: <a href="https://github.com/sutton-signwriting/signmaker" target="_parent">https://github.com/sutton-signwriting/signmaker</a></li>
|
20 | <li>Download: <a href="https://github.com/sutton-signwriting/signmaker/archive/refs/heads/main.zip" target="_parent">https://github.com/sutton-signwriting/signmaker/archive/refs/heads/main.zip</a></li>
|
21 | <li>Issue Tracker: <a href="https://github.com/sutton-signwriting/signmaker/issues" target="_parent">https://github.com/sutton-signwriting/signmaker/issues</a></li>
|
22 | <li>Online Discussion: <a href="https://gitter.im/sutton-signwriting/community" target="_parent">https://gitter.im/sutton-signwriting/community</a></li>
|
23 | </ul>
|
24 | <hr>
|
25 | <h2>URL Parameters</h2>
|
26 | <p>SignMaker supports eight keys for URL query parameters</p>
|
27 | <ul>
|
28 | <li>ui - language code for user interface</li>
|
29 | <li>alphabet - sign language code for symbol palette hierarchy</li>
|
30 | <li>fsw - the sign value in Formal SignWriting in ASCII (FSW)</li>
|
31 | <li>swu - the sign value in SignWriting in Unicode (SWU)</li>
|
32 | <li>styling - the style string for image creation</li>
|
33 | <li>grid - grid detail of 0,1,2</li>
|
34 | <li>skin - alternate displays such as "inverse" and "colorful"</li>
|
35 | <li>tab - the value for the tab to display</li>
|
36 | </ul>
|
37 | <p>Example: https://www.sutton-signwriting.io/signmaker/#?ui=ase&fsw=AS10011.1.019S2e704S2e748M525x535S2e748483x510S10011501x466S2e704510x500S10019476x475&skin=colorful<br>
|
38 | Top Half of Demo: https://www.sutton-signwriting.io/signmaker/demo.html</p>
|
39 | <hr>
|
40 | <h2>iFrame Messaging</h2>
|
41 | <ol>
|
42 | <li>embed SignMaker in an iFrame</li>
|
43 | <li>send message to the iFrame using postMessage</li>
|
44 | <li>receive message from the iFrame with an event listener for message</li>
|
45 | </ol>
|
46 | <p>Bottom Half of Demo: https://www.sutton-signwriting.io/signmaker/demo.html#?fsw=AS10011.1.019S2e704S2e748M525x535S2e748483x510S10011501x466S2e704510x500S10019476x475&skin=colorful</p>
|
47 | <hr>
|
48 | <h2>License</h2>
|
49 | <p>MIT</p>
|
50 | <hr>
|
51 | <h2>SignWriting General Interest</h2>
|
52 | <ul>
|
53 | <li>SignWriting Website: https://signwriting.org/</li>
|
54 | <li>Wikipedia page: https://en.wikipedia.org/wiki/SignWriting</li>
|
55 | <li>Email Discussion: https://www.signwriting.org/forums/swlist/</li>
|
56 | <li>Facebook Group: https://www.facebook.com/groups/SuttonSignWriting/</li>
|
57 | </ul>
|