Input Template

[border=unset; padding: 0; position: relative;
/** edit your character image, size, and position here. if you don't know how to change the size and position, you can ask for help */
& Character Metadata \ group&
--chara-img: url('& Character Image Url \ text &'); --chara-size: auto 100%; --chara-pos: center;
--chosen-element: var(& Chosen Element \ select \ --fire \ --earth \ --wind \ --water &); /** choose between --fire --earth --wind --water*/

--fire: var(--fire-b), var(--earth-a), var(--wind-a), var(--water-a); --earth: var(--fire-a), var(--earth-b), var(--wind-a), var(--water-a); --wind: var(--fire-a), var(--earth-a), var(--wind-b), var(--water-a); --water: var(--fire-a), var(--earth-a), var(--wind-a), var(--water-b); --default: var(--fire-a), var(--earth-a), var(--wind-a), var(--water-a); --wind-a: url('https://raw.github.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/26c4cc5ce8201b0fa98283c084d80d6a3b120736/underMaintenance-wind.svg'); --water-a: url('https://raw.github.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/26c4cc5ce8201b0fa98283c084d80d6a3b120736/underMaintenance-water.svg'); --earth-a: url('https://raw.github.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/26c4cc5ce8201b0fa98283c084d80d6a3b120736/underMaintenance-earth.svg'); --fire-a: url('https://raw.github.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/26c4cc5ce8201b0fa98283c084d80d6a3b120736/underMaintenance-fire.svg'); --wind-b: url('https://raw.githubusercontent.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/b2f21989402c7c8084b7fe17c95eadeee4c3d3ff/wind.svg'); --water-b: url('https://raw.githubusercontent.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/b2f21989402c7c8084b7fe17c95eadeee4c3d3ff/water.svg'); --earth-b: url('https://raw.githubusercontent.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/b2f21989402c7c8084b7fe17c95eadeee4c3d3ff/earth.svg'); --fire-b: url('https://raw.githubusercontent.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/b2f21989402c7c8084b7fe17c95eadeee4c3d3ff/fire.svg'); --bg-color: #f5f5f5; --tag-color: #77fcf7; --neon-blue: #75fbf6; --red:#ea3323; --gray: #727272; --text-font: 'IBM Plex Mono'; --subtitle-font: 'Titillium Web'; --holo-effect: drop-shadow(-1px -.5px 0 var(--neon-blue)) drop-shadow(1px 0px 0 var(--red)); --width-padding-math: clamp(15px, 7.5%, 40px); width: 100%; max-width: 1200px; margin: 0 auto; justify-content: center; align-items: stretch; display: flex; flex-flow: row wrap; box-sizing: border-box; padding: 0 calc( 15px - .25vw);][border=unset; padding: 0; position:relative; min-width: 300px; max-width: 100%; height: auto; padding: 20px; border-radius: 12px; box-sizing: border-box; background-color: var(--bg-color); flex-basis: calc(2/5 * 100%); flex: 1; margin: 7.5px; align-self: flex-start;][border=unset; padding: 0; z-index: 10; position: absolute; font-size: 10px; color: black; text-transform: uppercase; width: 100%; top: 3.75em; left: -20px; height: auto; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start;][comment]

Character tags go here

[/comment]& Character Tags \ group \ repeat&[border=unset; padding: 0; display: inline-block; background-color: var(--tag-color); padding: 2px 6px; margin: 2px;][B]& Character Trait \ text&[/B][/border]&end&[comment]

[/comment][/border][border=unset; padding: 0; height: 600px; width: 100%; font-size: 0; border-radius: 10px; pointer-events: none; overflow: hidden; position: relative; background-color: #525252; background-image: var(--chara-img); background-repeat: no-repeat; background-size: var(--chara-size, contain); background-position: var(--chara-pos, center)][border=unset; padding: 0; text-transform: uppercase; position: absolute; writing-mode: vertical-lr; text-orientation: mixed; color: var(--gray); font-size: 10px; right: 10px; bottom: 15px; transform-origin: center; transform: rotate(180deg); pointer-events: auto; /** 
 * Put the Artist credit below if applicable.
 */]& Artist Credit here \ text&[/border][/border][/border]&end&[border=unset; padding: 0; flex: 3; width: auto; position: relative; min-width: 300px; height: auto; margin: 7.5px; display: flex; flex-flow: column nowrap; justify-content: start;][border=unset; padding: 25px 40px; padding: 25px var(--width-padding-math); position: relative; height: auto; width: 100%; box-sizing: border-box; font-family: var(--text-font); font-size: 20px; line-height: 20px; color: black; background-color: var(--bg-color); border-radius: 12px; text-transform: uppercase; text-align: right; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-end; center; background-repeat: no-repeat;][border=unset; padding: 0; transform-origin: center; transform: skew(-8deg); letter-spacing: .01px; filter: var(--holo-effect); margin: 5px 8px; /**
 * Put Character Alias below
 * Character Alias = Mech Name
 */]&Character Basics \ group&[B]&Alias/Mech Name\ text&.[/B][/border][border=unset; padding: 0; font-size: 12px; color: var(--gray); font-family: var(--subtitle-font); margin: 5px 0px; line-height: 1; /**
 * Put Character Name, Age (in Digits) and Pilot Grade (C/B/A) below
 */]&Chara Name\text& (&Age \ number\ \ 16 \90&) / Pilot Grade &Pilot Grade \ select \ C \ B \ A&[/border][/border][border=unset; padding: 0; width: auto; height: auto; min-height: min(500px, 100vh); overflow: hidden; padding: 25px 40px; padding: calc(var(--width-padding-math) * 2 /3 ) var(--width-padding-math); font-family: var(--subtitle-font);][comment]
&end&
In this section, please pitch to us the kind of character you have in mind. Do not make it long as you're meant to sell it to us. We'll be reviewing which characters we think would be interesting to have in the roleplay. Ideally you'll want to discuss mostly personality and only briefly touch on history if it's important to where your character currently is.
&Character Pitch \ group&
[/comment]&In this section, please pitch to us the kind of character you have in mind. Do not make it long as you're meant to sell it to us. We'll be reviewing which characters we think would be interesting to have in the roleplay. Ideally you'll want to discuss mostly personality and only briefly touch on history if it's important to where your character currently is. \ content&

[border=unset; padding: 0; width: 268px; height: 75px; margin: 0px auto; background-image: var(--chosen-element, var(--default)); background-size: auto 65px; background-position: 0 0, 70px 0, 120px 0, 205px 0; background-repeat: no-repeat;][/border][comment]
In this next area, kindly pitch to us what role your character's mech has in a mission setting. Are they a utility master? The person who hits hard and fast? Or maybe they prefer to sit back and take a long but accurate shot. The appearance doesn't matter as much as what specific purpose they fulfill.
[/comment]

&In this next area, kindly pitch to us what role your character's mech has in a mission setting. Are they a utility master? The person who hits hard and fast? Or maybe they prefer to sit back and take a long but accurate shot. The appearance doesn't matter as much as what specific purpose they fulfill. \ content&
[/border][/border][/border][border=unset; display: none][font=Titillium Web]font[/font][font=IBM Plex Mono]font[/font][/border]

Debug Mode

[
  "[border=unset; padding: 0; position: relative;\r\n/** edit your character image, size, and position here. if you don't know how to change the size and position, you can ask for help */\r\n",
  {
    "type": "group",
    "description": "Character Metadata",
    "markerStart": {
      "type": "group",
      "description": "Character Metadata",
      "original": "& Character Metadata \\ group&",
      "repeat": false,
      "indices": [
        184,
        212
      ]
    },
    "repeat": false,
    "originalChildren": [
      "\r\n--chara-img: url('",
      {
        "type": "text",
        "description": "Character Image Url",
        "marker": {
          "type": "text",
          "description": "Character Image Url",
          "defaultValue": "",
          "original": "& Character Image Url \\ text &",
          "indices": [
            233,
            262
          ]
        }
      },
      "'); --chara-size: auto 100%; --chara-pos: center;\r\n--chosen-element: var(",
      {
        "type": "select",
        "description": "Chosen Element",
        "marker": {
          "type": "select",
          "description": "Chosen Element",
          "options": [
            "--fire",
            "--earth",
            "--wind",
            "--water"
          ],
          "original": "& Chosen Element \\ select \\ --fire \\ --earth \\ --wind \\ --water &",
          "indices": [
            336,
            400
          ]
        }
      },
      "); /** choose between --fire --earth --wind --water*/\r\n\r\n--fire: var(--fire-b), var(--earth-a), var(--wind-a), var(--water-a); --earth: var(--fire-a), var(--earth-b), var(--wind-a), var(--water-a); --wind: var(--fire-a), var(--earth-a), var(--wind-b), var(--water-a); --water: var(--fire-a), var(--earth-a), var(--wind-a), var(--water-b); --default: var(--fire-a), var(--earth-a), var(--wind-a), var(--water-a); --wind-a: url('https://raw.github.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/26c4cc5ce8201b0fa98283c084d80d6a3b120736/underMaintenance-wind.svg'); --water-a: url('https://raw.github.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/26c4cc5ce8201b0fa98283c084d80d6a3b120736/underMaintenance-water.svg'); --earth-a: url('https://raw.github.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/26c4cc5ce8201b0fa98283c084d80d6a3b120736/underMaintenance-earth.svg'); --fire-a: url('https://raw.github.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/26c4cc5ce8201b0fa98283c084d80d6a3b120736/underMaintenance-fire.svg'); --wind-b: url('https://raw.githubusercontent.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/b2f21989402c7c8084b7fe17c95eadeee4c3d3ff/wind.svg'); --water-b: url('https://raw.githubusercontent.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/b2f21989402c7c8084b7fe17c95eadeee4c3d3ff/water.svg'); --earth-b: url('https://raw.githubusercontent.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/b2f21989402c7c8084b7fe17c95eadeee4c3d3ff/earth.svg'); --fire-b: url('https://raw.githubusercontent.com/gist/Alteras1/c552b8ef94bdce240b8782c2ab84022d/raw/b2f21989402c7c8084b7fe17c95eadeee4c3d3ff/fire.svg'); --bg-color: #f5f5f5; --tag-color: #77fcf7; --neon-blue: #75fbf6; --red:#ea3323; --gray: #727272; --text-font: 'IBM Plex Mono'; --subtitle-font: 'Titillium Web'; --holo-effect: drop-shadow(-1px -.5px 0 var(--neon-blue)) drop-shadow(1px 0px 0 var(--red)); --width-padding-math: clamp(15px, 7.5%, 40px); width: 100%; max-width: 1200px; margin: 0 auto; justify-content: center; align-items: stretch; display: flex; flex-flow: row wrap; box-sizing: border-box; padding: 0 calc( 15px - .25vw);][border=unset; padding: 0; position:relative; min-width: 300px; max-width: 100%; height: auto; padding: 20px; border-radius: 12px; box-sizing: border-box; background-color: var(--bg-color); flex-basis: calc(2/5 * 100%); flex: 1; margin: 7.5px; align-self: flex-start;][border=unset; padding: 0; z-index: 10; position: absolute; font-size: 10px; color: black; text-transform: uppercase; width: 100%; top: 3.75em; left: -20px; height: auto; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start;][comment]\r\n\r\nCharacter tags go here\r\n\r\n[/comment]",
      {
        "type": "group",
        "description": "Character Tags",
        "markerStart": {
          "type": "group",
          "description": "Character Tags",
          "original": "& Character Tags \\ group \\ repeat&",
          "repeat": true,
          "indices": [
            3140,
            3173
          ]
        },
        "repeat": true,
        "originalChildren": [
          "[border=unset; padding: 0; display: inline-block; background-color: var(--tag-color); padding: 2px 6px; margin: 2px;][B]",
          {
            "type": "text",
            "description": "Character Trait",
            "marker": {
              "type": "text",
              "description": "Character Trait",
              "defaultValue": "",
              "original": "& Character Trait \\ text&",
              "indices": [
                3294,
                3318
              ]
            }
          },
          "[/B][/border]"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "end",
          "original": "&end&",
          "indices": [
            3332,
            3336
          ]
        }
      },
      "[comment]\r\n\r\n[/comment][/border][border=unset; padding: 0; height: 600px; width: 100%; font-size: 0; border-radius: 10px; pointer-events: none; overflow: hidden; position: relative; background-color: #525252; background-image: var(--chara-img); background-repeat: no-repeat; background-size: var(--chara-size, contain); background-position: var(--chara-pos, center)][border=unset; padding: 0; text-transform: uppercase; position: absolute; writing-mode: vertical-lr; text-orientation: mixed; color: var(--gray); font-size: 10px; right: 10px; bottom: 15px; transform-origin: center; transform: rotate(180deg); pointer-events: auto; /** \r\n * Put the Artist credit below if applicable.\r\n */]",
      {
        "type": "text",
        "description": "Artist Credit here",
        "marker": {
          "type": "text",
          "description": "Artist Credit here",
          "defaultValue": "",
          "original": "& Artist Credit here \\ text&",
          "indices": [
            4025,
            4052
          ]
        }
      },
      "[/border][/border][/border]"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "end",
      "original": "&end&",
      "indices": [
        4080,
        4084
      ]
    }
  },
  "[border=unset; padding: 0; flex: 3; width: auto; position: relative; min-width: 300px; height: auto; margin: 7.5px; display: flex; flex-flow: column nowrap; justify-content: start;][border=unset; padding: 25px 40px; padding: 25px var(--width-padding-math); position: relative; height: auto; width: 100%; box-sizing: border-box; font-family: var(--text-font); font-size: 20px; line-height: 20px; color: black; background-color: var(--bg-color); border-radius: 12px; text-transform: uppercase; text-align: right; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-end; center; background-repeat: no-repeat;][border=unset; padding: 0; transform-origin: center; transform: skew(-8deg); letter-spacing: .01px; filter: var(--holo-effect); margin: 5px 8px; /**\r\n * Put Character Alias below\r\n * Character Alias = Mech Name\r\n */]",
  {
    "type": "group",
    "description": "Character Basics",
    "markerStart": {
      "type": "group",
      "description": "Character Basics",
      "original": "&Character Basics \\ group&",
      "repeat": false,
      "indices": [
        4938,
        4963
      ]
    },
    "repeat": false,
    "originalChildren": [
      "[B]",
      {
        "type": "text",
        "description": "Alias/Mech Name",
        "marker": {
          "type": "text",
          "description": "Alias/Mech Name",
          "defaultValue": "",
          "original": "&Alias/Mech Name\\ text&",
          "indices": [
            4967,
            4989
          ]
        }
      },
      ".[/B][/border][border=unset; padding: 0; font-size: 12px; color: var(--gray); font-family: var(--subtitle-font); margin: 5px 0px; line-height: 1; /**\r\n * Put Character Name, Age (in Digits) and Pilot Grade (C/B/A) below\r\n */]",
      {
        "type": "text",
        "description": "Chara Name",
        "marker": {
          "type": "text",
          "description": "Chara Name",
          "defaultValue": "",
          "original": "&Chara Name\\text&",
          "indices": [
            5215,
            5231
          ]
        }
      },
      " (",
      {
        "type": "number",
        "description": "Age",
        "marker": {
          "type": "number",
          "description": "Age",
          "defaultValue": 0,
          "min": 16,
          "max": 90,
          "original": "&Age \\ number\\ \\ 16 \\90&",
          "indices": [
            5234,
            5257
          ]
        }
      },
      ") / Pilot Grade ",
      {
        "type": "select",
        "description": "Pilot Grade",
        "marker": {
          "type": "select",
          "description": "Pilot Grade",
          "options": [
            "C",
            "B",
            "A"
          ],
          "original": "&Pilot Grade \\ select \\ C \\ B \\ A&",
          "indices": [
            5274,
            5307
          ]
        }
      },
      "[/border][/border][border=unset; padding: 0; width: auto; height: auto; min-height: min(500px, 100vh); overflow: hidden; padding: 25px 40px; padding: calc(var(--width-padding-math) * 2 /3 ) var(--width-padding-math); font-family: var(--subtitle-font);][comment]\r\n"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "end",
      "original": "&end&",
      "indices": [
        5571,
        5575
      ]
    }
  },
  "\r\nIn this section, please pitch to us the kind of character you have in mind. Do not make it long as you're meant to sell it to us. We'll be reviewing which characters we think would be interesting to have in the roleplay. Ideally you'll want to discuss mostly personality and only briefly touch on history if it's important to where your character currently is.\r\n",
  {
    "type": "group",
    "description": "Character Pitch",
    "markerStart": {
      "type": "group",
      "description": "Character Pitch",
      "original": "&Character Pitch \\ group&",
      "repeat": false,
      "indices": [
        5940,
        5964
      ]
    },
    "repeat": false,
    "originalChildren": [
      "\r\n[/comment]",
      {
        "type": "content",
        "description": "In this section, please pitch to us the kind of character you have in mind. Do not make it long as you're meant to sell it to us. We'll be reviewing which characters we think would be interesting to have in the roleplay. Ideally you'll want to discuss mostly personality and only briefly touch on history if it's important to where your character currently is.",
        "marker": {
          "type": "content",
          "description": "In this section, please pitch to us the kind of character you have in mind. Do not make it long as you're meant to sell it to us. We'll be reviewing which characters we think would be interesting to have in the roleplay. Ideally you'll want to discuss mostly personality and only briefly touch on history if it's important to where your character currently is.",
          "original": "&In this section, please pitch to us the kind of character you have in mind. Do not make it long as you're meant to sell it to us. We'll be reviewing which characters we think would be interesting to have in the roleplay. Ideally you'll want to discuss mostly personality and only briefly touch on history if it's important to where your character currently is. \\ content&",
          "indices": [
            5977,
            6348
          ]
        }
      },
      "\r\n\r\n[border=unset; padding: 0; width: 268px; height: 75px; margin: 0px auto; background-image: var(--chosen-element, var(--default)); background-size: auto 65px; background-position: 0 0, 70px 0, 120px 0, 205px 0; background-repeat: no-repeat;][/border][comment]\r\nIn this next area, kindly pitch to us what role your character's mech has in a mission setting. Are they a utility master? The person who hits hard and fast? Or maybe they prefer to sit back and take a long but accurate shot. The appearance doesn't matter as much as what specific purpose they fulfill.\r\n[/comment]\r\n\r\n",
      {
        "type": "content",
        "description": "In this next area, kindly pitch to us what role your character's mech has in a mission setting. Are they a utility master? The person who hits hard and fast? Or maybe they prefer to sit back and take a long but accurate shot. The appearance doesn't matter as much as what specific purpose they fulfill.",
        "marker": {
          "type": "content",
          "description": "In this next area, kindly pitch to us what role your character's mech has in a mission setting. Are they a utility master? The person who hits hard and fast? Or maybe they prefer to sit back and take a long but accurate shot. The appearance doesn't matter as much as what specific purpose they fulfill.",
          "original": "&In this next area, kindly pitch to us what role your character's mech has in a mission setting. Are they a utility master? The person who hits hard and fast? Or maybe they prefer to sit back and take a long but accurate shot. The appearance doesn't matter as much as what specific purpose they fulfill. \\ content&",
          "indices": [
            6931,
            7244
          ]
        }
      },
      "\r\n[/border][/border][/border][border=unset; display: none][font=Titillium Web]font[/font][font=IBM Plex Mono]font[/font][/border]"
    ],
    "children": []
  }
]

[
  {
    "type": "MissingEnd",
    "marker": {
      "type": "group",
      "description": "Character Pitch",
      "original": "&Character Pitch \\ group&",
      "repeat": false,
      "indices": [
        5940,
        5964
      ]
    }
  }
]

undermaintenance.template 1.0

By glucoseguardian

Character Metadata

Character Image Url

Chosen Element

--fire

--earth

--wind

--water

Character Tags

Character Trait

Artist Credit here

Character Basics

Alias/Mech Name

Chara Name

Age

Minimum: 16 Maximum: 90

Pilot Grade

Character Pitch

In this section, please pitch to us the kind of character you have in mind. Do not make it long as you're meant to sell it to us. We'll be reviewing which characters we think would be interesting to have in the roleplay. Ideally you'll want to discuss mostly personality and only briefly touch on history if it's important to where your character currently is.

In this next area, kindly pitch to us what role your character's mech has in a mission setting. Are they a utility master? The person who hits hard and fast? Or maybe they prefer to sit back and take a long but accurate shot. The appearance doesn't matter as much as what specific purpose they fulfill.

Output