| 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>
|