DATAVERSES

back to TSUKI

One up



Synapsian Script

This script allows users to insert full Synapsian into their webpages by using a simple notation script for Synapsian.
For example: G,SbAN,SnNN,ScNN,SZNN;G,TWNN,TCNN becomes
.

The notation is as follows:


The example would show as:
.

This JavaScript script turns all Synapscript on the page set to be Synapsified into Synapsian (great sentence Tsuki). You may test it below by typing Synapscript into the text box then pressing the yellow button, in which the output will appear:





This script requires jQuery.

Setup

Extract the zip to some directory in your webserver, then add the following HTML to your webpage's HEAD, assuming you have already added jQuery:
<link rel="stylesheet" type="text/css" href="synapsian.css">
<script src="synapsian.js"></script>
<script>
  $(document).ready(function() {
     synapsify();
  });
</script>


Then, you may begin adding Synapsian to your pages by using the following tag:
<div class="synapsian" data-content="G,SbAN,SnNN,ScNN,SZNN;G,TWNN,TCNN"></div>

Replace the red text with Synscript of your choice and you're good to go!


Download the package (font+css+js)



With thanks to 1336 for helping me with the CSS