Input Template

&font setup\group&[comment]code by Alteras [font=&header font\text\Unica One&]font[/font][font=&body font\text\Raleway&]font[/font][/comment][border=unset; padding: 0; width: 100%; height: auto; position: relative; --header-font: '&header font (must be same as above)\text\Unica One&'; --body-font: '&body font (must be same as above)\text\Raleway&'&\end&;&overall layout setup\group& background-image: &background image\text\radial-gradient(rgb(238,238,238), rgb(183,183,183))&; padding: 80px 0; font-size: initial; --slides: &number of slides\number\4\1\10&.5; --slide-size: &height of each slide\text\30px&; --primary-color: &primary color\text\#a84945&; --secondary-color: &secondary color (text) \ text\white&; --text-bg:&text background color\text\rgba(0,0,0,0.7)&][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;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\0&; right: &right\text\-10%&; bottom: &bottom\text\-10%&; min-width: 500px; font-size: 0; background-image: url('&image url\text\https://i.imgur.com/bkcHHtG.png&'); background-size: auto 100%; background-position: right; background-repeat: no-repeat; z-index: 1;][/border]&\end&[border=unset; padding: 0;
height: 80%; min-height: 600px; width: &width of the content\text\80%&; z-index: 2; position: relative; display: flex; flex-flow: column nowrap; padding-right: &min right side padding of content\text\30px&; padding-left: 10px; box-sizing: border-box;]&\end&&content\group&[border=unset; padding: 0; width: 100%; box-sizing: border-box; height: auto; display: flex; flex-flow: column nowrap; align-items: flex-end; font-size: 2.5em; color: var(--primary-color); line-height: 0.9; font-family: var(--header-font); text-align: right;]&title\text\Character Name&[border=unset; padding: 0; width: 60%; min-width: 200px; height: .1em; background-color: var(--primary-color); clip-path: polygon(5px 0, 100% 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(--primary-color); width: auto; height: auto; padding: 1px 5px; line-height: .9; text-align: right; font-size: 1.5rem; font-weight: normal; font-variant: normal; font-family: var(--header-font); color: var(--secondary-color); clip-path: polygon(1em 0, calc(1em + 10px) 0, 10px 100%, 15px 100%, calc(1em + 15px) 0, 100% 0, 100% 100%, 0 100%); margin: -7px; margin-top: -1px; visibility: visible;]&Header\text\Essential Info&[/border]}[border=unset; padding: 0; width: auto; height: 100%; max-height: calc(560px - var(--slide-size) * var(--slides)); position: relative; font-size: initial; line-height: 1.3; font-family: var(--body-font); 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: calc(560px - var(--slide-size) * var(--slides)); overflow: scroll; padding-right: 200px;box-sizing: content-box]&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&&content\content&[/border][/border]{/slide}
&\end&&slide\group\repeat&
{slide=[border=unset; padding: 0; background-color: var(--primary-color); width: auto; height: auto; padding: 1px 5px; line-height: .9; text-align: right; font-size: 1.5rem; font-weight: normal; font-variant: normal; font-family: var(--header-font); color: var(--secondary-color); clip-path: polygon(1em 0, calc(1em + 10px) 0, 10px 100%, 15px 100%, calc(1em + 15px) 0, 100% 0, 100% 100%, 0 100%); margin: -7px; margin-top: -1px; visibility: visible;]&Header\text\Personal Info&[/border]}[border=unset; padding: 0; width: auto; height: 100%; max-height: calc(560px - var(--slide-size) * var(--slides)); position: relative; font-size: initial; line-height: 1.3; font-family: var(--body-font); 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: calc(560px - var(--slide-size) * var(--slides)); overflow: scroll; padding-right: 200px;box-sizing: content-box]&content\content&
[/border][/border]{/slide}
&\end&&slide\group\repeat&
{slide=[border=unset; padding: 0; background-color: var(--primary-color); width: auto; height: auto; padding: 1px 5px; line-height: .9; text-align: right; font-size: 1.5rem; font-weight: normal; font-variant: normal; font-family: var(--header-font); color: var(--secondary-color); clip-path: polygon(1em 0, calc(1em + 10px) 0, 10px 100%, 15px 100%, calc(1em + 15px) 0, 100% 0, 100% 100%, 0 100%); margin: -7px; margin-top: -1px; visibility: visible;]&Header\text\Equipment & Abilities&[/border]}[border=unset; padding: 0; width: auto; height: 100%; max-height: calc(560px - var(--slide-size) * var(--slides)); position: relative; font-size: initial; line-height: 1.3; font-family: var(--body-font); 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: calc(560px - var(--slide-size) * var(--slides)); overflow: scroll; padding-right: 200px;box-sizing: content-box]&content\content&&optional subheader-list\group\repeat&[b][fa]far fa-caret-right fa-fw[/fa]&subheader\text\Subheader&[/b]
&list item\group\repeat&[u]&list item name\text\item name&[/u] — &list content\content&&\end&
&\end&
[/border][/border]{/slide}
&\end&&slide\group\repeat&
{slide=[border=unset; padding: 0; background-color: var(--primary-color); width: auto; height: auto; padding: 1px 5px; line-height: .9; text-align: right; font-size: 1.5rem; font-weight: normal; font-variant: normal; font-family: var(--header-font); color: var(--secondary-color); clip-path: polygon(1em 0, calc(1em + 10px) 0, 10px 100%, 15px 100%, calc(1em + 15px) 0, 100% 0, 100% 100%, 0 100%); margin: -7px; margin-top: -1px; visibility: visible;]&Header\text\Extraneous&[/border]}[border=unset; padding: 0; width: auto; height: 100%; max-height: calc(560px - var(--slide-size) * var(--slides)); position: relative; font-size: initial; line-height: 1.3; font-family: var(--body-font); 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: calc(560px - var(--slide-size) * var(--slides)); overflow: scroll; padding-right: 200px;box-sizing: content-box]&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": "Unica One",
          "original": "&header font\\text\\Unica One&",
          "indices": [
            49,
            76
          ]
        },
        "value": "Unica One"
      },
      "]font[/font][font=",
      {
        "type": "text",
        "description": "body font",
        "marker": {
          "type": "text",
          "description": "body font",
          "defaultValue": "Raleway",
          "original": "&body font\\text\\Raleway&",
          "indices": [
            95,
            118
          ]
        },
        "value": "Raleway"
      },
      "]font[/font][/comment][border=unset; padding: 0; width: 100%; height: auto; position: relative; --header-font: '",
      {
        "type": "text",
        "description": "header font (must be same as above)",
        "marker": {
          "type": "text",
          "description": "header font (must be same as above)",
          "defaultValue": "Unica One",
          "original": "&header font (must be same as above)\\text\\Unica One&",
          "indices": [
            231,
            282
          ]
        },
        "value": "Unica One"
      },
      "'; --body-font: '",
      {
        "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": [
            300,
            347
          ]
        },
        "value": "Raleway"
      },
      "'"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "",
      "original": "&\\end&",
      "indices": [
        349,
        354
      ]
    }
  },
  ";",
  {
    "type": "group",
    "description": "overall layout setup",
    "markerStart": {
      "type": "group",
      "description": "overall layout setup",
      "original": "&overall layout setup\\group&",
      "repeat": false,
      "indices": [
        356,
        383
      ]
    },
    "repeat": false,
    "originalChildren": [
      " background-image: ",
      {
        "type": "text",
        "description": "background image",
        "marker": {
          "type": "text",
          "description": "background image",
          "defaultValue": "radial-gradient(rgb(238,238,238), rgb(183,183,183))",
          "original": "&background image\\text\\radial-gradient(rgb(238,238,238), rgb(183,183,183))&",
          "indices": [
            403,
            477
          ]
        },
        "value": "radial-gradient(rgb(238,238,238), rgb(183,183,183))"
      },
      "; padding: 80px 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": [
            527,
            558
          ]
        },
        "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": [
            577,
            608
          ]
        },
        "value": "30px"
      },
      "; --primary-color: ",
      {
        "type": "text",
        "description": "primary color",
        "marker": {
          "type": "text",
          "description": "primary color",
          "defaultValue": "#a84945",
          "original": "&primary color\\text\\#a84945&",
          "indices": [
            628,
            655
          ]
        },
        "value": "#a84945"
      },
      "; --secondary-color: ",
      {
        "type": "text",
        "description": "secondary color (text)",
        "marker": {
          "type": "text",
          "description": "secondary color (text)",
          "defaultValue": "white",
          "original": "&secondary color (text) \\ text\\white&",
          "indices": [
            677,
            713
          ]
        },
        "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": [
            726,
            769
          ]
        },
        "value": "rgba(0,0,0,0.7)"
      },
      "][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); height: auto;min-height: 600px;position: 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": [
            1056,
            1143
          ]
        },
        "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": [
                1197,
                1211
              ]
            },
            "value": "-10%"
          },
          "; left: ",
          {
            "type": "text",
            "description": "left",
            "marker": {
              "type": "text",
              "description": "left",
              "defaultValue": "0",
              "original": "&left\\text\\0&",
              "indices": [
                1220,
                1232
              ]
            },
            "value": "0"
          },
          "; right: ",
          {
            "type": "text",
            "description": "right",
            "marker": {
              "type": "text",
              "description": "right",
              "defaultValue": "-10%",
              "original": "&right\\text\\-10%&",
              "indices": [
                1242,
                1258
              ]
            },
            "value": "-10%"
          },
          "; bottom: ",
          {
            "type": "text",
            "description": "bottom",
            "marker": {
              "type": "text",
              "description": "bottom",
              "defaultValue": "-10%",
              "original": "&bottom\\text\\-10%&",
              "indices": [
                1269,
                1286
              ]
            },
            "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/bkcHHtG.png",
              "original": "&image url\\text\\https://i.imgur.com/bkcHHtG.png&",
              "indices": [
                1344,
                1391
              ]
            },
            "value": "https://i.imgur.com/bkcHHtG.png"
          },
          "'); background-size: auto 100%; background-position: right; background-repeat: no-repeat; z-index: 1;][/border]"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "",
          "original": "&\\end&",
          "indices": [
            1503,
            1508
          ]
        }
      },
      "[border=unset; padding: 0;\r\nheight: 80%; min-height: 600px; width: ",
      {
        "type": "text",
        "description": "width of the content",
        "marker": {
          "type": "text",
          "description": "width of the content",
          "defaultValue": "80%",
          "original": "&width of the content\\text\\80%&",
          "indices": [
            1576,
            1606
          ]
        },
        "value": "80%"
      },
      "; z-index: 2; position: relative; display: flex; flex-flow: column nowrap; padding-right: ",
      {
        "type": "text",
        "description": "min right side padding of content",
        "marker": {
          "type": "text",
          "description": "min right side padding of content",
          "defaultValue": "30px",
          "original": "&min right side padding of content\\text\\30px&",
          "indices": [
            1697,
            1741
          ]
        },
        "value": "30px"
      },
      "; padding-left: 10px; box-sizing: border-box;]"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "",
      "original": "&\\end&",
      "indices": [
        1788,
        1793
      ]
    }
  },
  "",
  {
    "type": "group",
    "description": "content",
    "markerStart": {
      "type": "group",
      "description": "content",
      "original": "&content\\group&",
      "repeat": false,
      "indices": [
        1794,
        1808
      ]
    },
    "repeat": false,
    "originalChildren": [
      "[border=unset; padding: 0; width: 100%; box-sizing: border-box; height: auto; display: flex; flex-flow: column nowrap; align-items: flex-end; font-size: 2.5em; color: var(--primary-color); line-height: 0.9; font-family: var(--header-font); text-align: right;]",
      {
        "type": "text",
        "description": "title",
        "marker": {
          "type": "text",
          "description": "title",
          "defaultValue": "Character Name",
          "original": "&title\\text\\Character Name&",
          "indices": [
            2068,
            2094
          ]
        },
        "value": "Character Name"
      },
      "[border=unset; padding: 0; width: 60%; min-width: 200px; height: .1em; background-color: var(--primary-color); clip-path: polygon(5px 0, 100% 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%]",
      {
        "type": "group",
        "description": "slide",
        "markerStart": {
          "type": "group",
          "description": "slide",
          "original": "&slide\\group\\repeat&",
          "repeat": true,
          "indices": [
            2476,
            2495
          ]
        },
        "repeat": true,
        "originalChildren": [
          "\r\n{slide=[border=unset; padding: 0; background-color: var(--primary-color); width: auto; height: auto; padding: 1px 5px; line-height: .9; text-align: right; font-size: 1.5rem; font-weight: normal; font-variant: normal; font-family: var(--header-font); color: var(--secondary-color); clip-path: polygon(1em 0, calc(1em + 10px) 0, 10px 100%, 15px 100%, calc(1em + 15px) 0, 100% 0, 100% 100%, 0 100%); margin: -7px; margin-top: -1px; visibility: visible;]",
          {
            "type": "text",
            "description": "Header",
            "marker": {
              "type": "text",
              "description": "Header",
              "defaultValue": "Essential Info",
              "original": "&Header\\text\\Essential Info&",
              "indices": [
                2948,
                2975
              ]
            },
            "value": "Essential Info"
          },
          "[/border]}[border=unset; padding: 0; width: auto; height: 100%; max-height: calc(560px - var(--slide-size) * var(--slides)); position: relative; font-size: initial; line-height: 1.3; font-family: var(--body-font); 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: calc(560px - var(--slide-size) * var(--slides)); overflow: scroll; padding-right: 200px;box-sizing: content-box]",
          {
            "type": "group",
            "description": "optional table",
            "markerStart": {
              "type": "group",
              "description": "optional table",
              "original": "&optional table\\group&",
              "repeat": false,
              "indices": [
                3549,
                3570
              ]
            },
            "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": [
                    3722,
                    3739
                  ]
                },
                "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": [
                        3806,
                        3831
                      ]
                    },
                    "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": [
                        3926,
                        3953
                      ]
                    },
                    "value": "right info"
                  },
                  "[/border]"
                ],
                "children": [],
                "markerEnd": {
                  "type": "end",
                  "description": "",
                  "original": "&\\end&",
                  "indices": [
                    3963,
                    3968
                  ]
                }
              },
              "[/border]"
            ],
            "children": [],
            "markerEnd": {
              "type": "end",
              "description": "",
              "original": "&\\end&",
              "indices": [
                3978,
                3983
              ]
            }
          },
          "",
          {
            "type": "content",
            "description": "content",
            "marker": {
              "type": "content",
              "description": "content",
              "original": "&content\\content&",
              "indices": [
                3984,
                4000
              ]
            }
          },
          "[/border][/border]{/slide}\r\n"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "",
          "original": "&\\end&",
          "indices": [
            4029,
            4034
          ]
        }
      },
      "",
      {
        "type": "group",
        "description": "slide",
        "markerStart": {
          "type": "group",
          "description": "slide",
          "original": "&slide\\group\\repeat&",
          "repeat": true,
          "indices": [
            4035,
            4054
          ]
        },
        "repeat": true,
        "originalChildren": [
          "\r\n{slide=[border=unset; padding: 0; background-color: var(--primary-color); width: auto; height: auto; padding: 1px 5px; line-height: .9; text-align: right; font-size: 1.5rem; font-weight: normal; font-variant: normal; font-family: var(--header-font); color: var(--secondary-color); clip-path: polygon(1em 0, calc(1em + 10px) 0, 10px 100%, 15px 100%, calc(1em + 15px) 0, 100% 0, 100% 100%, 0 100%); margin: -7px; margin-top: -1px; visibility: visible;]",
          {
            "type": "text",
            "description": "Header",
            "marker": {
              "type": "text",
              "description": "Header",
              "defaultValue": "Personal Info",
              "original": "&Header\\text\\Personal Info&",
              "indices": [
                4507,
                4533
              ]
            },
            "value": "Personal Info"
          },
          "[/border]}[border=unset; padding: 0; width: auto; height: 100%; max-height: calc(560px - var(--slide-size) * var(--slides)); position: relative; font-size: initial; line-height: 1.3; font-family: var(--body-font); 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: calc(560px - var(--slide-size) * var(--slides)); overflow: scroll; padding-right: 200px;box-sizing: content-box]",
          {
            "type": "content",
            "description": "content",
            "marker": {
              "type": "content",
              "description": "content",
              "original": "&content\\content&",
              "indices": [
                5108,
                5124
              ]
            }
          },
          "\r\n[/border][/border]{/slide}\r\n"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "",
          "original": "&\\end&",
          "indices": [
            5155,
            5160
          ]
        }
      },
      "",
      {
        "type": "group",
        "description": "slide",
        "markerStart": {
          "type": "group",
          "description": "slide",
          "original": "&slide\\group\\repeat&",
          "repeat": true,
          "indices": [
            5161,
            5180
          ]
        },
        "repeat": true,
        "originalChildren": [
          "\r\n{slide=[border=unset; padding: 0; background-color: var(--primary-color); width: auto; height: auto; padding: 1px 5px; line-height: .9; text-align: right; font-size: 1.5rem; font-weight: normal; font-variant: normal; font-family: var(--header-font); color: var(--secondary-color); clip-path: polygon(1em 0, calc(1em + 10px) 0, 10px 100%, 15px 100%, calc(1em + 15px) 0, 100% 0, 100% 100%, 0 100%); margin: -7px; margin-top: -1px; visibility: visible;]",
          {
            "type": "text",
            "description": "Header",
            "marker": {
              "type": "text",
              "description": "Header",
              "defaultValue": "Equipment",
              "original": "&Header\\text\\Equipment &",
              "indices": [
                5633,
                5656
              ]
            },
            "value": "Equipment"
          },
          " Abilities&[/border]}[border=unset; padding: 0; width: auto; height: 100%; max-height: calc(560px - var(--slide-size) * var(--slides)); position: relative; font-size: initial; line-height: 1.3; font-family: var(--body-font); 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: calc(560px - var(--slide-size) * var(--slides)); overflow: scroll; padding-right: 200px;box-sizing: content-box]",
          {
            "type": "content",
            "description": "content",
            "marker": {
              "type": "content",
              "description": "content",
              "original": "&content\\content&",
              "indices": [
                6241,
                6257
              ]
            }
          },
          "",
          {
            "type": "group",
            "description": "optional subheader-list",
            "markerStart": {
              "type": "group",
              "description": "optional subheader-list",
              "original": "&optional subheader-list\\group\\repeat&",
              "repeat": true,
              "indices": [
                6258,
                6295
              ]
            },
            "repeat": true,
            "originalChildren": [
              "[b][fa]far fa-caret-right fa-fw[/fa]",
              {
                "type": "text",
                "description": "subheader",
                "marker": {
                  "type": "text",
                  "description": "subheader",
                  "defaultValue": "Subheader",
                  "original": "&subheader\\text\\Subheader&",
                  "indices": [
                    6332,
                    6357
                  ]
                },
                "value": "Subheader"
              },
              "[/b]\r\n",
              {
                "type": "group",
                "description": "list item",
                "markerStart": {
                  "type": "group",
                  "description": "list item",
                  "original": "&list item\\group\\repeat&",
                  "repeat": true,
                  "indices": [
                    6364,
                    6387
                  ]
                },
                "repeat": true,
                "originalChildren": [
                  "[u]",
                  {
                    "type": "text",
                    "description": "list item name",
                    "marker": {
                      "type": "text",
                      "description": "list item name",
                      "defaultValue": "item name",
                      "original": "&list item name\\text\\item name&",
                      "indices": [
                        6391,
                        6421
                      ]
                    },
                    "value": "item name"
                  },
                  "[/u] — ",
                  {
                    "type": "content",
                    "description": "list content",
                    "marker": {
                      "type": "content",
                      "description": "list content",
                      "original": "&list content\\content&",
                      "indices": [
                        6429,
                        6450
                      ]
                    }
                  },
                  ""
                ],
                "children": [],
                "markerEnd": {
                  "type": "end",
                  "description": "",
                  "original": "&\\end&",
                  "indices": [
                    6451,
                    6456
                  ]
                }
              },
              "\r\n"
            ],
            "children": [],
            "markerEnd": {
              "type": "end",
              "description": "",
              "original": "&\\end&",
              "indices": [
                6459,
                6464
              ]
            }
          },
          "\r\n[/border][/border]{/slide}\r\n"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "",
          "original": "&\\end&",
          "indices": [
            6495,
            6500
          ]
        }
      },
      "",
      {
        "type": "group",
        "description": "slide",
        "markerStart": {
          "type": "group",
          "description": "slide",
          "original": "&slide\\group\\repeat&",
          "repeat": true,
          "indices": [
            6501,
            6520
          ]
        },
        "repeat": true,
        "originalChildren": [
          "\r\n{slide=[border=unset; padding: 0; background-color: var(--primary-color); width: auto; height: auto; padding: 1px 5px; line-height: .9; text-align: right; font-size: 1.5rem; font-weight: normal; font-variant: normal; font-family: var(--header-font); color: var(--secondary-color); clip-path: polygon(1em 0, calc(1em + 10px) 0, 10px 100%, 15px 100%, calc(1em + 15px) 0, 100% 0, 100% 100%, 0 100%); margin: -7px; margin-top: -1px; visibility: visible;]",
          {
            "type": "text",
            "description": "Header",
            "marker": {
              "type": "text",
              "description": "Header",
              "defaultValue": "Extraneous",
              "original": "&Header\\text\\Extraneous&",
              "indices": [
                6973,
                6996
              ]
            },
            "value": "Extraneous"
          },
          "[/border]}[border=unset; padding: 0; width: auto; height: 100%; max-height: calc(560px - var(--slide-size) * var(--slides)); position: relative; font-size: initial; line-height: 1.3; font-family: var(--body-font); 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: calc(560px - var(--slide-size) * var(--slides)); overflow: scroll; padding-right: 200px;box-sizing: content-box]",
          {
            "type": "content",
            "description": "content",
            "marker": {
              "type": "content",
              "description": "content",
              "original": "&content\\content&",
              "indices": [
                7570,
                7586
              ]
            }
          },
          "\r\n[/border][/border]{/slide}"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "",
          "original": "&\\end&",
          "indices": [
            7615,
            7620
          ]
        }
      },
      "\r\n[/accordion][/border][/border][/border][/border][/border]"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "",
      "original": "&\\end&",
      "indices": [
        7680,
        7685
      ]
    }
  },
  ""
]

[]

Eastward 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

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

width of the content

min right side padding of content

content

title

slide

Header

optional table

row

left info

right info

content

slide

Header

content

slide

Header

content

optional subheader-list

subheader

list item

list item name

list content

slide

Header

content

Output