Input Template

&font setup\group&[comment]code by Alteras [font=&header font\text\Cormorant SC&]font[/font][font=&body font\text\Raleway&]font[/font][/comment][border=unset; padding: 0; width: 100%; height: auto; position: relative; --font-1: '&header font (must be same as above)\text\Cormorant SC&'; --font-2: '&body font (must be same as above)\text\Raleway&';&\end&;&overall layout setup\group& background-image: &background image\text\linear-gradient(to bottom,#191d1e, #3b3b3b)&; background-color: &background color\text\darkgrey&; padding: 90px 0; font-size: initial; --slides: &number of slides\number\4\1\10&.5; --slide-size: &height of each slide\text\30px&; --accent-1: &primary color\text\#5e66bd&; --secondary-color: &secondary color (text) \ text\white&; --text-bg:&text background color\text\rgba(0,0,0,0.7)&; --slide-clip-path: polygon(0px 0px, calc(100% - (1em + 15px)) 0, calc(100% - 15px) 100%, calc(100% - 10px) 100%, calc(100% - (1em + 10px)) 0, calc(100% - (1em)) 0, 100% 100%, 0px 100%); --slide-max-height: calc(550px - var(--slide-size) * var(--slides))][border=unset; padding: 0; width: auto; max-width: 1200px; height: auto; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: center; align-items: center;][border=unset; padding: 0; 
width: clamp(300px, 100%, 800px); 
height: auto; display: flex; flex-flow: row wrap;
min-height: 600px;
position: relative;]&character image (uses position absolute to adjust the position of the character)\group&[border=unset; padding: 0;
position: absolute; top: &top\text\-10%&; left: &left\text\-10%&; right: &right\text\0&; bottom: &bottom\text\-10%&; min-width: 500px; font-size: 0; background-image: url('&image url\text\https://i.imgur.com/1Dmdk2R.png&'); background-size: auto 100%; background-position: left; background-repeat: no-repeat; z-index: 1;][/border][border=unset; padding: 0; width: &min width for character space\text\210px&; height: &min height (mobile) for character space\text\175px&][/border]&\end&&\end&&content\group&[border=unset; padding: 0;
height: auto; min-height: 600px; min-width: 200px; flex: 1; z-index: 2; position: relative; display: flex; flex-flow: column nowrap; box-sizing: border-box; padding-left: 5px; padding-right: 5px;][border=unset; padding: 0; width: 100%; box-sizing: border-box; height: auto; display: flex; flex-flow: column nowrap; font-size: 2.5em; color: var(--accent-1); line-height: 1; font-family: var(--font-1); filter: drop-shadow(0 .5px 5px black) drop-shadow(0 .5px 5px black);]&title\text\Character Name&[border=unset; padding: 0; width: 60%; min-width: 310px; height: .1em; background-color: var(--accent-1); clip-path: polygon(0 0,  calc(100% - 5px) 0, 100% 100%, 0 100%)][/border][/border][border=unset; padding: 0; width: 100%; height: 560px; flex: 1; box-sizing: border-box; position: relative; visibility: hidden; display: flex; flex-flow: column nowrap; font-size: 0;][accordion=100%]
&slide\group\repeat&{slide=[border=unset; padding: 0; background-color: var(--accent-1); width: auto; height: auto; padding: 1px 5px; line-height: .9; font-size: 1.5rem; font-weight: normal; font-variant: normal; font-family: var(--font-1); color: var(--secondary-color); clip-path: var(--slide-clip-path); margin: -7px; margin-top: -1px; visibility: visible;]&Header\text\Identity&[/border]}[border=unset; padding: 0; width: auto; height: 100%; max-height: var(--slide-max-height); position: relative; font-size: initial; line-height: 1.3; font-family: var(--font-2); color: var(--secondary-color); background-color: var(--text-bg);outline: 1px solid transparent; padding: 10px; margin: -7px; margin-top: -1px; visibility: visible;overflow: hidden;][border=unset; padding: 0; width: 100%; height: 100%; max-height:  var(--slide-max-height); padding-right: 200px;box-sizing: content-box;overflow-x: hidden;overflow-y: scroll;]&content\content&&optional table\group&[border=unset; padding: 0; width: 100%; height: auto; display: flex; flex-flow: row wrap; text-transform: uppercase; max-width: 450px; margin: 0 auto;]&row\group\repeat&[border=unset; padding: 0; width: auto; flex: 1; min-width: 200px]&left info\text\left info&[/border][border=unset; padding: 0; width: auto; flex: 1; min-width: 200px; text-align: right]&right info\text\right info&[/border]&\end&[/border]&\end&
[/border][/border]{/slide}
&\end&&slide\group\repeat&
{slide=[border=unset; padding: 0; background-color: var(--accent-1); width: auto; height: auto; padding: 1px 5px; line-height: .9; font-size: 1.5rem; font-weight: normal; font-variant: normal; font-family: var(--font-1); color: var(--secondary-color); margin: -7px; margin-top: -1px; visibility: visible; clip-path: var(--slide-clip-path);]&Header\text\Personal Info&[/border]}[border=unset; padding: 0; width: auto; height: 100%; max-height:  var(--slide-max-height); position: relative; font-size: initial; line-height: 1.3; font-family: var(--font-2); color: var(--secondary-color); background-color: var(--text-bg);outline: 1px solid transparent; padding: 10px; margin: -7px; margin-top: -1px; visibility: visible; overflow: hidden;][border=unset; padding: 0; width: 100%; height: 100%; max-height:  var(--slide-max-height); padding-right: 200px;box-sizing: content-box;overflow-x: hidden;overflow-y: scroll;]&content\content&
[/border][/border]{/slide}
&\end&&slide\group\repeat&
{slide=[border=unset; padding: 0; background-color: var(--accent-1); width: auto; height: auto; padding: 1px 5px; line-height: .9; font-size: 1.5rem; font-weight: normal; font-variant: normal; font-family: var(--font-1); color: var(--secondary-color); margin: -7px; margin-top: -1px; visibility: visible; clip-path: var(--slide-clip-path);]&Header\text\Equipment & Abilities&[/border]}[border=unset; padding: 0; width: auto; height: 100%; max-height:  var(--slide-max-height); position: relative; font-size: initial; line-height: 1.3; font-family: var(--font-2); color: var(--secondary-color); background-color: var(--text-bg);outline: 1px solid transparent; padding: 10px; margin: -7px; margin-top: -1px; visibility: visible;overflow: hidden;][border=unset; padding: 0; width: 100%; height: 100%; max-height:  var(--slide-max-height); padding-right: 200px;box-sizing: content-box;overflow-x: hidden;overflow-y: scroll;]&content\content&[/border][/border]{/slide}
&\end&&slide\group\repeat&
{slide=[border=unset; padding: 0; background-color: var(--accent-1); width: auto; height: auto; padding: 1px 5px; line-height: .9; font-size: 1.5rem; font-weight: normal; font-variant: normal; font-family: var(--font-1); color: var(--secondary-color); margin: -7px; margin-top: -1px; visibility: visible; clip-path: var(--slide-clip-path);]&Header\text\Accessories&[/border]}[border=unset; padding: 0; width: auto; height: 100%; max-height:  var(--slide-max-height); position: relative; font-size: initial; line-height: 1.3; font-family: var(--font-2); color: var(--secondary-color); background-color: var(--text-bg);outline: 1px solid transparent; padding: 10px; margin: -7px; margin-top: -1px; visibility: visible;overflow: hidden;][border=unset; padding: 0; width: 100%; height: 100%; max-height:  var(--slide-max-height); padding-right: 200px;box-sizing: content-box;overflow-x: hidden;overflow-y: scroll;]&content\content&[/border][/border]{/slide}&\end&
[/accordion][/border][/border][/border][/border][/border]&\end&

Debug Mode

[
  "",
  {
    "type": "group",
    "description": "font setup",
    "markerStart": {
      "type": "group",
      "description": "font setup",
      "original": "&font setup\\group&",
      "repeat": false,
      "indices": [
        0,
        17
      ]
    },
    "repeat": false,
    "originalChildren": [
      "[comment]code by Alteras [font=",
      {
        "type": "text",
        "description": "header font",
        "marker": {
          "type": "text",
          "description": "header font",
          "defaultValue": "Cormorant SC",
          "original": "&header font\\text\\Cormorant SC&",
          "indices": [
            49,
            79
          ]
        },
        "value": "Cormorant SC"
      },
      "]font[/font][font=",
      {
        "type": "text",
        "description": "body font",
        "marker": {
          "type": "text",
          "description": "body font",
          "defaultValue": "Raleway",
          "original": "&body font\\text\\Raleway&",
          "indices": [
            98,
            121
          ]
        },
        "value": "Raleway"
      },
      "]font[/font][/comment][border=unset; padding: 0; width: 100%; height: auto; position: relative; --font-1: '",
      {
        "type": "text",
        "description": "header font (must be same as above)",
        "marker": {
          "type": "text",
          "description": "header font (must be same as above)",
          "defaultValue": "Cormorant SC",
          "original": "&header font (must be same as above)\\text\\Cormorant SC&",
          "indices": [
            229,
            283
          ]
        },
        "value": "Cormorant SC"
      },
      "'; --font-2: '",
      {
        "type": "text",
        "description": "body font (must be same as above)",
        "marker": {
          "type": "text",
          "description": "body font (must be same as above)",
          "defaultValue": "Raleway",
          "original": "&body font (must be same as above)\\text\\Raleway&",
          "indices": [
            298,
            345
          ]
        },
        "value": "Raleway"
      },
      "';"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "",
      "original": "&\\end&",
      "indices": [
        348,
        353
      ]
    }
  },
  ";",
  {
    "type": "group",
    "description": "overall layout setup",
    "markerStart": {
      "type": "group",
      "description": "overall layout setup",
      "original": "&overall layout setup\\group&",
      "repeat": false,
      "indices": [
        355,
        382
      ]
    },
    "repeat": false,
    "originalChildren": [
      " background-image: ",
      {
        "type": "text",
        "description": "background image",
        "marker": {
          "type": "text",
          "description": "background image",
          "defaultValue": "linear-gradient(to bottom,#191d1e, #3b3b3b)",
          "original": "&background image\\text\\linear-gradient(to bottom,#191d1e, #3b3b3b)&",
          "indices": [
            402,
            468
          ]
        },
        "value": "linear-gradient(to bottom,#191d1e, #3b3b3b)"
      },
      "; background-color: ",
      {
        "type": "text",
        "description": "background color",
        "marker": {
          "type": "text",
          "description": "background color",
          "defaultValue": "darkgrey",
          "original": "&background color\\text\\darkgrey&",
          "indices": [
            489,
            520
          ]
        },
        "value": "darkgrey"
      },
      "; padding: 90px 0; font-size: initial; --slides: ",
      {
        "type": "number",
        "description": "number of slides",
        "marker": {
          "type": "number",
          "description": "number of slides",
          "defaultValue": 4,
          "min": 1,
          "max": 10,
          "original": "&number of slides\\number\\4\\1\\10&",
          "indices": [
            570,
            601
          ]
        },
        "value": 4
      },
      ".5; --slide-size: ",
      {
        "type": "text",
        "description": "height of each slide",
        "marker": {
          "type": "text",
          "description": "height of each slide",
          "defaultValue": "30px",
          "original": "&height of each slide\\text\\30px&",
          "indices": [
            620,
            651
          ]
        },
        "value": "30px"
      },
      "; --accent-1: ",
      {
        "type": "text",
        "description": "primary color",
        "marker": {
          "type": "text",
          "description": "primary color",
          "defaultValue": "#5e66bd",
          "original": "&primary color\\text\\#5e66bd&",
          "indices": [
            666,
            693
          ]
        },
        "value": "#5e66bd"
      },
      "; --secondary-color: ",
      {
        "type": "text",
        "description": "secondary color (text)",
        "marker": {
          "type": "text",
          "description": "secondary color (text)",
          "defaultValue": "white",
          "original": "&secondary color (text) \\ text\\white&",
          "indices": [
            715,
            751
          ]
        },
        "value": "white"
      },
      "; --text-bg:",
      {
        "type": "text",
        "description": "text background color",
        "marker": {
          "type": "text",
          "description": "text background color",
          "defaultValue": "rgba(0,0,0,0.7)",
          "original": "&text background color\\text\\rgba(0,0,0,0.7)&",
          "indices": [
            764,
            807
          ]
        },
        "value": "rgba(0,0,0,0.7)"
      },
      "; --slide-clip-path: polygon(0px 0px, calc(100% - (1em + 15px)) 0, calc(100% - 15px) 100%, calc(100% - 10px) 100%, calc(100% - (1em + 10px)) 0, calc(100% - (1em)) 0, 100% 100%, 0px 100%); --slide-max-height: calc(550px - var(--slide-size) * var(--slides))][border=unset; padding: 0; width: auto; max-width: 1200px; height: auto; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: center; align-items: center;][border=unset; padding: 0; \r\nwidth: clamp(300px, 100%, 800px); \r\nheight: auto; display: flex; flex-flow: row wrap;\r\nmin-height: 600px;\r\nposition: relative;]",
      {
        "type": "group",
        "description": "character image (uses position absolute to adjust the position of the character)",
        "markerStart": {
          "type": "group",
          "description": "character image (uses position absolute to adjust the position of the character)",
          "original": "&character image (uses position absolute to adjust the position of the character)\\group&",
          "repeat": false,
          "indices": [
            1391,
            1478
          ]
        },
        "repeat": false,
        "originalChildren": [
          "[border=unset; padding: 0;\r\nposition: absolute; top: ",
          {
            "type": "text",
            "description": "top",
            "marker": {
              "type": "text",
              "description": "top",
              "defaultValue": "-10%",
              "original": "&top\\text\\-10%&",
              "indices": [
                1532,
                1546
              ]
            },
            "value": "-10%"
          },
          "; left: ",
          {
            "type": "text",
            "description": "left",
            "marker": {
              "type": "text",
              "description": "left",
              "defaultValue": "-10%",
              "original": "&left\\text\\-10%&",
              "indices": [
                1555,
                1570
              ]
            },
            "value": "-10%"
          },
          "; right: ",
          {
            "type": "text",
            "description": "right",
            "marker": {
              "type": "text",
              "description": "right",
              "defaultValue": "0",
              "original": "&right\\text\\0&",
              "indices": [
                1580,
                1593
              ]
            },
            "value": "0"
          },
          "; bottom: ",
          {
            "type": "text",
            "description": "bottom",
            "marker": {
              "type": "text",
              "description": "bottom",
              "defaultValue": "-10%",
              "original": "&bottom\\text\\-10%&",
              "indices": [
                1604,
                1621
              ]
            },
            "value": "-10%"
          },
          "; min-width: 500px; font-size: 0; background-image: url('",
          {
            "type": "text",
            "description": "image url",
            "marker": {
              "type": "text",
              "description": "image url",
              "defaultValue": "https://i.imgur.com/1Dmdk2R.png",
              "original": "&image url\\text\\https://i.imgur.com/1Dmdk2R.png&",
              "indices": [
                1679,
                1726
              ]
            },
            "value": "https://i.imgur.com/1Dmdk2R.png"
          },
          "'); background-size: auto 100%; background-position: left; background-repeat: no-repeat; z-index: 1;][/border][border=unset; padding: 0; width: ",
          {
            "type": "text",
            "description": "min width for character space",
            "marker": {
              "type": "text",
              "description": "min width for character space",
              "defaultValue": "210px",
              "original": "&min width for character space\\text\\210px&",
              "indices": [
                1871,
                1912
              ]
            },
            "value": "210px"
          },
          "; height: ",
          {
            "type": "text",
            "description": "min height (mobile) for character space",
            "marker": {
              "type": "text",
              "description": "min height (mobile) for character space",
              "defaultValue": "175px",
              "original": "&min height (mobile) for character space\\text\\175px&",
              "indices": [
                1923,
                1974
              ]
            },
            "value": "175px"
          },
          "][/border]"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "",
          "original": "&\\end&",
          "indices": [
            1985,
            1990
          ]
        }
      },
      ""
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "",
      "original": "&\\end&",
      "indices": [
        1991,
        1996
      ]
    }
  },
  "",
  {
    "type": "group",
    "description": "content",
    "markerStart": {
      "type": "group",
      "description": "content",
      "original": "&content\\group&",
      "repeat": false,
      "indices": [
        1997,
        2011
      ]
    },
    "repeat": false,
    "originalChildren": [
      "[border=unset; padding: 0;\r\nheight: auto; min-height: 600px; min-width: 200px; flex: 1; z-index: 2; position: relative; display: flex; flex-flow: column nowrap; box-sizing: border-box; padding-left: 5px; padding-right: 5px;][border=unset; padding: 0; width: 100%; box-sizing: border-box; height: auto; display: flex; flex-flow: column nowrap; font-size: 2.5em; color: var(--accent-1); line-height: 1; font-family: var(--font-1); filter: drop-shadow(0 .5px 5px black) drop-shadow(0 .5px 5px black);]",
      {
        "type": "text",
        "description": "title",
        "marker": {
          "type": "text",
          "description": "title",
          "defaultValue": "Character Name",
          "original": "&title\\text\\Character Name&",
          "indices": [
            2510,
            2536
          ]
        },
        "value": "Character Name"
      },
      "[border=unset; padding: 0; width: 60%; min-width: 310px; height: .1em; background-color: var(--accent-1); clip-path: polygon(0 0,  calc(100% - 5px) 0, 100% 100%, 0 100%)][/border][/border][border=unset; padding: 0; width: 100%; height: 560px; flex: 1; box-sizing: border-box; position: relative; visibility: hidden; display: flex; flex-flow: column nowrap; font-size: 0;][accordion=100%]\r\n",
      {
        "type": "group",
        "description": "slide",
        "markerStart": {
          "type": "group",
          "description": "slide",
          "original": "&slide\\group\\repeat&",
          "repeat": true,
          "indices": [
            2926,
            2945
          ]
        },
        "repeat": true,
        "originalChildren": [
          "{slide=[border=unset; padding: 0; background-color: var(--accent-1); width: auto; height: auto; padding: 1px 5px; line-height: .9; font-size: 1.5rem; font-weight: normal; font-variant: normal; font-family: var(--font-1); color: var(--secondary-color); clip-path: var(--slide-clip-path); margin: -7px; margin-top: -1px; visibility: visible;]",
          {
            "type": "text",
            "description": "Header",
            "marker": {
              "type": "text",
              "description": "Header",
              "defaultValue": "Identity",
              "original": "&Header\\text\\Identity&",
              "indices": [
                3286,
                3307
              ]
            },
            "value": "Identity"
          },
          "[/border]}[border=unset; padding: 0; width: auto; height: 100%; max-height: var(--slide-max-height); position: relative; font-size: initial; line-height: 1.3; font-family: var(--font-2); color: var(--secondary-color); background-color: var(--text-bg);outline: 1px solid transparent; padding: 10px; margin: -7px; margin-top: -1px; visibility: visible;overflow: hidden;][border=unset; padding: 0; width: 100%; height: 100%; max-height:  var(--slide-max-height); padding-right: 200px;box-sizing: content-box;overflow-x: hidden;overflow-y: scroll;]",
          {
            "type": "content",
            "description": "content",
            "marker": {
              "type": "content",
              "description": "content",
              "original": "&content\\content&",
              "indices": [
                3852,
                3868
              ]
            }
          },
          "",
          {
            "type": "group",
            "description": "optional table",
            "markerStart": {
              "type": "group",
              "description": "optional table",
              "original": "&optional table\\group&",
              "repeat": false,
              "indices": [
                3869,
                3890
              ]
            },
            "repeat": false,
            "originalChildren": [
              "[border=unset; padding: 0; width: 100%; height: auto; display: flex; flex-flow: row wrap; text-transform: uppercase; max-width: 450px; margin: 0 auto;]",
              {
                "type": "group",
                "description": "row",
                "markerStart": {
                  "type": "group",
                  "description": "row",
                  "original": "&row\\group\\repeat&",
                  "repeat": true,
                  "indices": [
                    4042,
                    4059
                  ]
                },
                "repeat": true,
                "originalChildren": [
                  "[border=unset; padding: 0; width: auto; flex: 1; min-width: 200px]",
                  {
                    "type": "text",
                    "description": "left info",
                    "marker": {
                      "type": "text",
                      "description": "left info",
                      "defaultValue": "left info",
                      "original": "&left info\\text\\left info&",
                      "indices": [
                        4126,
                        4151
                      ]
                    },
                    "value": "left info"
                  },
                  "[/border][border=unset; padding: 0; width: auto; flex: 1; min-width: 200px; text-align: right]",
                  {
                    "type": "text",
                    "description": "right info",
                    "marker": {
                      "type": "text",
                      "description": "right info",
                      "defaultValue": "right info",
                      "original": "&right info\\text\\right info&",
                      "indices": [
                        4246,
                        4273
                      ]
                    },
                    "value": "right info"
                  },
                  "[/border]"
                ],
                "children": [],
                "markerEnd": {
                  "type": "end",
                  "description": "",
                  "original": "&\\end&",
                  "indices": [
                    4283,
                    4288
                  ]
                }
              },
              "[/border]"
            ],
            "children": [],
            "markerEnd": {
              "type": "end",
              "description": "",
              "original": "&\\end&",
              "indices": [
                4298,
                4303
              ]
            }
          },
          "\r\n[/border][/border]{/slide}\r\n"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "",
          "original": "&\\end&",
          "indices": [
            4334,
            4339
          ]
        }
      },
      "",
      {
        "type": "group",
        "description": "slide",
        "markerStart": {
          "type": "group",
          "description": "slide",
          "original": "&slide\\group\\repeat&",
          "repeat": true,
          "indices": [
            4340,
            4359
          ]
        },
        "repeat": true,
        "originalChildren": [
          "\r\n{slide=[border=unset; padding: 0; background-color: var(--accent-1); width: auto; height: auto; padding: 1px 5px; line-height: .9; font-size: 1.5rem; font-weight: normal; font-variant: normal; font-family: var(--font-1); color: var(--secondary-color); margin: -7px; margin-top: -1px; visibility: visible; clip-path: var(--slide-clip-path);]",
          {
            "type": "text",
            "description": "Header",
            "marker": {
              "type": "text",
              "description": "Header",
              "defaultValue": "Personal Info",
              "original": "&Header\\text\\Personal Info&",
              "indices": [
                4702,
                4728
              ]
            },
            "value": "Personal Info"
          },
          "[/border]}[border=unset; padding: 0; width: auto; height: 100%; max-height:  var(--slide-max-height); position: relative; font-size: initial; line-height: 1.3; font-family: var(--font-2); color: var(--secondary-color); background-color: var(--text-bg);outline: 1px solid transparent; padding: 10px; margin: -7px; margin-top: -1px; visibility: visible; overflow: hidden;][border=unset; padding: 0; width: 100%; height: 100%; max-height:  var(--slide-max-height); padding-right: 200px;box-sizing: content-box;overflow-x: hidden;overflow-y: scroll;]",
          {
            "type": "content",
            "description": "content",
            "marker": {
              "type": "content",
              "description": "content",
              "original": "&content\\content&",
              "indices": [
                5275,
                5291
              ]
            }
          },
          "\r\n[/border][/border]{/slide}\r\n"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "",
          "original": "&\\end&",
          "indices": [
            5322,
            5327
          ]
        }
      },
      "",
      {
        "type": "group",
        "description": "slide",
        "markerStart": {
          "type": "group",
          "description": "slide",
          "original": "&slide\\group\\repeat&",
          "repeat": true,
          "indices": [
            5328,
            5347
          ]
        },
        "repeat": true,
        "originalChildren": [
          "\r\n{slide=[border=unset; padding: 0; background-color: var(--accent-1); width: auto; height: auto; padding: 1px 5px; line-height: .9; font-size: 1.5rem; font-weight: normal; font-variant: normal; font-family: var(--font-1); color: var(--secondary-color); margin: -7px; margin-top: -1px; visibility: visible; clip-path: var(--slide-clip-path);]",
          {
            "type": "text",
            "description": "Header",
            "marker": {
              "type": "text",
              "description": "Header",
              "defaultValue": "Equipment",
              "original": "&Header\\text\\Equipment &",
              "indices": [
                5690,
                5713
              ]
            },
            "value": "Equipment"
          },
          " Abilities&[/border]}[border=unset; padding: 0; width: auto; height: 100%; max-height:  var(--slide-max-height); position: relative; font-size: initial; line-height: 1.3; font-family: var(--font-2); color: var(--secondary-color); background-color: var(--text-bg);outline: 1px solid transparent; padding: 10px; margin: -7px; margin-top: -1px; visibility: visible;overflow: hidden;][border=unset; padding: 0; width: 100%; height: 100%; max-height:  var(--slide-max-height); padding-right: 200px;box-sizing: content-box;overflow-x: hidden;overflow-y: scroll;]",
          {
            "type": "content",
            "description": "content",
            "marker": {
              "type": "content",
              "description": "content",
              "original": "&content\\content&",
              "indices": [
                6270,
                6286
              ]
            }
          },
          "[/border][/border]{/slide}\r\n"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "",
          "original": "&\\end&",
          "indices": [
            6315,
            6320
          ]
        }
      },
      "",
      {
        "type": "group",
        "description": "slide",
        "markerStart": {
          "type": "group",
          "description": "slide",
          "original": "&slide\\group\\repeat&",
          "repeat": true,
          "indices": [
            6321,
            6340
          ]
        },
        "repeat": true,
        "originalChildren": [
          "\r\n{slide=[border=unset; padding: 0; background-color: var(--accent-1); width: auto; height: auto; padding: 1px 5px; line-height: .9; font-size: 1.5rem; font-weight: normal; font-variant: normal; font-family: var(--font-1); color: var(--secondary-color); margin: -7px; margin-top: -1px; visibility: visible; clip-path: var(--slide-clip-path);]",
          {
            "type": "text",
            "description": "Header",
            "marker": {
              "type": "text",
              "description": "Header",
              "defaultValue": "Accessories",
              "original": "&Header\\text\\Accessories&",
              "indices": [
                6683,
                6707
              ]
            },
            "value": "Accessories"
          },
          "[/border]}[border=unset; padding: 0; width: auto; height: 100%; max-height:  var(--slide-max-height); position: relative; font-size: initial; line-height: 1.3; font-family: var(--font-2); color: var(--secondary-color); background-color: var(--text-bg);outline: 1px solid transparent; padding: 10px; margin: -7px; margin-top: -1px; visibility: visible;overflow: hidden;][border=unset; padding: 0; width: 100%; height: 100%; max-height:  var(--slide-max-height); padding-right: 200px;box-sizing: content-box;overflow-x: hidden;overflow-y: scroll;]",
          {
            "type": "content",
            "description": "content",
            "marker": {
              "type": "content",
              "description": "content",
              "original": "&content\\content&",
              "indices": [
                7253,
                7269
              ]
            }
          },
          "[/border][/border]{/slide}"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "",
          "original": "&\\end&",
          "indices": [
            7296,
            7301
          ]
        }
      },
      "\r\n[/accordion][/border][/border][/border][/border][/border]"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "",
      "original": "&\\end&",
      "indices": [
        7361,
        7366
      ]
    }
  },
  ""
]

[]

Westward Banners Template

By Alteras

font setup

header font

body font

header font (must be same as above)

body font (must be same as above)

overall layout setup

background image

background color

number of slides

Minimum: 1 Maximum: 10

height of each slide

primary color

secondary color (text)

text background color

character image (uses position absolute to adjust the position of the character)

top

left

right

bottom

image url

min width for character space

min height (mobile) for character space

content

title

slide

Header

content

optional table

row

left info

right info

slide

Header

content

slide

Header

content

slide

Header

content

Output