{
  "pages": {
    "start": [
      {
        "eval": {
          "script": "// Create a string variable that will be bold, italic, with color of 'hotpink' \r\nvar myText = \"My Bold, Italic, hot pink text\".bold().italic().color('hotpink')\r\n\r\n// Add another paragraph to that variable\r\nmyText = myText.p() + \"My Really Big Green Text\".color('#75DF7F').size(1.5)\r\n\r\n// Create another string variable, with styled text in the middle.\r\nvar anotherThing = \"It's easy to put \" + \"styled text\".bold().color('yellow') + \" right in the middle of a string.\";"
        }
      },
      {
        "say": {
          "label": "<p><eval>myText</eval></p>"
        }
      },
      {
        "say": {
          "label": "<p><eval>anotherThing</eval></p>"
        }
      },
      {
        "eval": {
          "script": "var intoTheAbyss = \"Or make these words slowly fade into the abyss...\".fadeOut(\r\n  [165, 218, 255] // Light blue\r\n)\r\n"
        }
      },
      {
        "say": {
          "label": "<p><eval>intoTheAbyss</eval></p>"
        }
      },
      {
        "eval": {
          "script": "var fromTheDepths = \"Or return from the depths.\".fadeIn(\r\n  [214, 181, 255] // light purple RGB\r\n)\r\n"
        }
      },
      {
        "say": {
          "label": "<p><eval>fromTheDepths</eval></p>"
        }
      },
      {
        "eval": {
          "script": "var colorShift = \"Or shift from one color to another.\".colorShift(\r\n  [143, 164, 255], // From light blue RGB\r\n  [255, 143, 220] // To light pink RGB\r\n)\r\n"
        }
      },
      {
        "say": {
          "label": "<p><eval>colorShift</eval></p>"
        }
      },
      {
        "eval": {
          "script": "var wacky = \"Or do wacky things, like make text look like a \" \r\n+ \"red button\".style('color:#feffff;', 'red eosButton Button_root__28K_E')\r\n+ \" that does nothing but look like a button.\""
        }
      },
      {
        "say": {
          "label": "<p><eval>wacky</eval></p>"
        }
      },
      {
        "eval": {
          "script": "var highlight = \"Or highlight portions of text with \" \r\n  + \"green\".style(\"color:#000\", 'green eosButton') + \", \"\r\n  + \"blue\".style(\"color:#000\", 'blue eosButton') + \", \"\r\n  + \"red\".style(null, 'red eosButton') + \", \"\r\n  + \"magenta\".style(null, 'magenta eosButton') + \", \"\r\n  + \"orange\".style(null, 'orange eosButton') + \" or \"\r\n  + \"yellow\".style(\"color:#000\", 'yellow eosButton')\r\n  + \" background colors for whatever reason you may have to do such a thing.\""
        }
      },
      {
        "say": {
          "label": "<p><eval>highlight</eval></p>"
        }
      }
    ]
  },
  "init": "// Add style functions to String\r\n// See: https://milovana.com/forum/viewtopic.php?f=4&t=23792\r\nString.prototype.color=function(t){return'<span style=\"color:'+t+';\">'+this+\"</span>\"},String.prototype.colorShift=function(t,r){var n=\"\";function o(t,r,n){var o=r-t;return Math.floor(t+o*n)}for(var i=0,e=this.length;i<e;i++){var p=i/e,s=o(t[0],r[0],p),u=o(t[1],r[1],p),a=o(t[2],r[2],p);n+=this[i].color(\"rgb(\"+s+\",\"+u+\",\"+a+\")\")}return n},String.prototype.fadeOut=function(t,r){r=r||0;var n=\"\";function o(t,r,n){var o=r-t;return Math.round(1e3*(t+o*n))/1e3}for(var i=0,e=this.length;i<e;i++){var p=o(1,r,i/e);n+=this[i].color(\"rgba(\"+t[0]+\",\"+t[1]+\",\"+t[2]+\",\"+p+\")\")}return n},String.prototype.fadeIn=function(t,r){r=r||1;var n=\"\";function o(t,r,n){var o=r-t;return Math.round(1e3*(t+o*n))/1e3}for(var i=0,e=this.length;i<e;i++){var p=o(0,r,i/e);n+=this[i].color(\"rgba(\"+t[0]+\",\"+t[1]+\",\"+t[2]+\",\"+p+\")\")}return n},String.prototype.size=function(t){return'<span style=\"font-size:'+(isNaN(t)?t:t+\"em\")+';\">'+this+\"</span>\"},String.prototype.spacing=function(t){return'<span style=\"letter-spacing:'+(isNaN(t)?t:t+\"em\")+';\">'+this+\"</span>\"},String.prototype.style=function(t,r){return\"<span\"+(r=r?' class=\"'+r+'\"':\"\")+(t=t?' style=\"'+t+'\"':\"\")+\">\"+this+\"</span>\"},String.prototype.bold=function(){return\"<b>\"+this+\"</b>\"},String.prototype.italic=function(){return\"<i>\"+this+\"</i>\"},String.prototype.underline=function(){return\"<u>\"+this+\"</u>\"},String.prototype.p=function(t){return this+\"</p><p\"+(t=t?' style=\"'+t+'\"':\"\")+\">\"},String.prototype.br=function(){return this+\"<br>\"};\r\n",
  "modules": {},
  "files": {},
  "galleries": {},
  "editor": {
    "recentImages": []
  }
}