Input Template

[nobr][div=/* CODE BY FOREBODHI */ --body: "Open Sans", sans-serif; --fancy: "Orbitron", sans-serif; --mono: "Nanum Gothic Coding", monospace; --accent: #&Accent Hexcode ( do not include # ) \ text&; margin: 20px auto; width: 100%; max-width: 550px; box-sizing: border-box; margin-top: 40px; padding: 10px;]

[comment] START REMOVAL HERE [/comment]
[div=color: var(--accent); width: 100%; text-align: justify; font: 10pt var(--mono); text-transform: uppercase;][fa]far fa-triangle-exclamation[/fa] [b]WARNING![/b] this thread will contain triggering topics such as: [b]&Trigger Warnings \ content&[/b]. read at your own risk.[/div]
[comment] END REMOVAL HERE [/comment]

[comment][font=Open Sans]sans-serif[/font][font=Orbitron]sans-serif[/font][font=Nanum Gothic Coding]monospace[/font][/comment][div=display: flex; gap: 5px; align-items: center!important; margin-top: 0;][div=font: 17pt var(--fancy); text-transform: uppercase; letter-spacing: 1px;]&Title \ text&[/div][div=width: 1px; height: 70px; background: var(--accent); transition-origin: center; position: relative; position: relative; z-index: 3; rotate: 25deg; position: relative; right: -35px;][/div][div=display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; height: 40px; max-height: 40px; flex-grow: 1;][div=grid-area: 1 / 1 / 2 / 2; z-index: 2; background: url(https://images.unsplash.com/photo-1516653980844-c68df1de5249?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D); background-size: 120%; background-position: center; filter: grayscale(1) brightness(0.3); ][/div][div=grid-area: 1 / 1 / 2 / 2; z-index: 2; display: flex; padding: 0 10px; align-items: center; padding-left: 50px; font: 700 7pt var(--mono); text-transform: uppercase; color: white; white-space: pre-wrap; letter-spacing: 2px;]&Subtitle(S) ( 2 lines max )\ content&[/div][/div][/div][div=width: 100%; font: 12pt var(--body); text-align: justify; white-space: pre-wrap; padding-right: 20px; border-right: 1px solid var(--accent); padding-bottom: 20px; border-bottom: 1px solid var(--accent); padding-top: 0; margin-top: 20px; box-sizing: border-box;]&Post Content \ content&[/div]

[div=border-left: 1px solid var(--accent); padding: 20px; padding-right: 0; display: flex; gap: 10px; flex-wrap: wrap; align-items: center;]
[div=overflow: hidden; width: 24px; height: 24px;][USER=115685]@forebodhi[/USER][/div]
[div=padding: 2px 5px; font: 900 9pt var(--mono); text-transform: uppercase; letter-spacing: 1px; color: var(--accent)][fa]far fa-location-crosshairs[/fa] &Location \ text&[/div]
[div=padding: 2px 5px; font: 900 9pt var(--mono); text-transform: uppercase; letter-spacing: 1px; color: var(--accent)][fa]far fa-face-grin-beam[/fa] &Mood \ text&[/div]
[div=padding: 2px 5px; font: 900 9pt var(--mono); text-transform: uppercase; letter-spacing: 1px; color: var(--accent)][fa]far fa-shirt[/fa] [url=&Outfit Link \ text&][color=#BF572A]HERE[/color][/url][/div]
[div=padding: 2px 5px; font: 900 9pt var(--mono); text-transform: uppercase; letter-spacing: 1px; width: 100%; text-align: justify;][fa]far fa-chevron-right[/fa] &Player Links \ content&[/div]
[/div][div=width: 50px; height: 1px; background: var(--accent);][/div][div=font: 6pt var(--mono); text-transform: uppercase; letter-spacing: 1px; opacity: 0.5; padding-top: 10px;]coded by forebodhi[/div][/div][/nobr]

Debug Mode

[
  "[nobr][div=/* CODE BY FOREBODHI */ --body: \"Open Sans\", sans-serif; --fancy: \"Orbitron\", sans-serif; --mono: \"Nanum Gothic Coding\", monospace; --accent: #",
  {
    "type": "text",
    "description": "Accent Hexcode ( do not include # )",
    "marker": {
      "type": "text",
      "description": "Accent Hexcode ( do not include # )",
      "defaultValue": "",
      "original": "&Accent Hexcode ( do not include # ) \\ text&",
      "indices": [
        154,
        197
      ]
    }
  },
  "; margin: 20px auto; width: 100%; max-width: 550px; box-sizing: border-box; margin-top: 40px; padding: 10px;]\r\n\r\n[comment] START REMOVAL HERE [/comment]\r\n[div=color: var(--accent); width: 100%; text-align: justify; font: 10pt var(--mono); text-transform: uppercase;][fa]far fa-triangle-exclamation[/fa] [b]WARNING![/b] this thread will contain triggering topics such as: [b]",
  {
    "type": "content",
    "description": "Trigger Warnings",
    "marker": {
      "type": "content",
      "description": "Trigger Warnings",
      "original": "&Trigger Warnings \\ content&",
      "indices": [
        572,
        599
      ]
    }
  },
  "[/b]. read at your own risk.[/div]\r\n[comment] END REMOVAL HERE [/comment]\r\n\r\n[comment][font=Open Sans]sans-serif[/font][font=Orbitron]sans-serif[/font][font=Nanum Gothic Coding]monospace[/font][/comment][div=display: flex; gap: 5px; align-items: center!important; margin-top: 0;][div=font: 17pt var(--fancy); text-transform: uppercase; letter-spacing: 1px;]",
  {
    "type": "text",
    "description": "Title",
    "marker": {
      "type": "text",
      "description": "Title",
      "defaultValue": "",
      "original": "&Title \\ text&",
      "indices": [
        957,
        970
      ]
    }
  },
  "[/div][div=width: 1px; height: 70px; background: var(--accent); transition-origin: center; position: relative; position: relative; z-index: 3; rotate: 25deg; position: relative; right: -35px;][/div][div=display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; height: 40px; max-height: 40px; flex-grow: 1;][div=grid-area: 1 / 1 / 2 / 2; z-index: 2; background: url(https://images.unsplash.com/photo-1516653980844-c68df1de5249?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D); background-size: 120%; background-position: center; filter: grayscale(1) brightness(0.3); ][/div][div=grid-area: 1 / 1 / 2 / 2; z-index: 2; display: flex; padding: 0 10px; align-items: center; padding-left: 50px; font: 700 7pt var(--mono); text-transform: uppercase; color: white; white-space: pre-wrap; letter-spacing: 2px;]",
  {
    "type": "content",
    "description": "Subtitle(S) ( 2 lines max )",
    "marker": {
      "type": "content",
      "description": "Subtitle(S) ( 2 lines max )",
      "original": "&Subtitle(S) ( 2 lines max )\\ content&",
      "indices": [
        1841,
        1878
      ]
    }
  },
  "[/div][/div][/div][div=width: 100%; font: 12pt var(--body); text-align: justify; white-space: pre-wrap; padding-right: 20px; border-right: 1px solid var(--accent); padding-bottom: 20px; border-bottom: 1px solid var(--accent); padding-top: 0; margin-top: 20px; box-sizing: border-box;]",
  {
    "type": "content",
    "description": "Post Content",
    "marker": {
      "type": "content",
      "description": "Post Content",
      "original": "&Post Content \\ content&",
      "indices": [
        2163,
        2186
      ]
    }
  },
  "[/div]\r\n\r\n[div=border-left: 1px solid var(--accent); padding: 20px; padding-right: 0; display: flex; gap: 10px; flex-wrap: wrap; align-items: center;]\r\n[div=overflow: hidden; width: 24px; height: 24px;][USER=115685]@forebodhi[/USER][/div]\r\n[div=padding: 2px 5px; font: 900 9pt var(--mono); text-transform: uppercase; letter-spacing: 1px; color: var(--accent)][fa]far fa-location-crosshairs[/fa] ",
  {
    "type": "text",
    "description": "Location",
    "marker": {
      "type": "text",
      "description": "Location",
      "defaultValue": "",
      "original": "&Location \\ text&",
      "indices": [
        2582,
        2598
      ]
    }
  },
  "[/div]\r\n[div=padding: 2px 5px; font: 900 9pt var(--mono); text-transform: uppercase; letter-spacing: 1px; color: var(--accent)][fa]far fa-face-grin-beam[/fa] ",
  {
    "type": "text",
    "description": "Mood",
    "marker": {
      "type": "text",
      "description": "Mood",
      "defaultValue": "",
      "original": "&Mood \\ text&",
      "indices": [
        2757,
        2769
      ]
    }
  },
  "[/div]\r\n[div=padding: 2px 5px; font: 900 9pt var(--mono); text-transform: uppercase; letter-spacing: 1px; color: var(--accent)][fa]far fa-shirt[/fa] [url=",
  {
    "type": "text",
    "description": "Outfit Link",
    "marker": {
      "type": "text",
      "description": "Outfit Link",
      "defaultValue": "",
      "original": "&Outfit Link \\ text&",
      "indices": [
        2924,
        2943
      ]
    }
  },
  "][color=#BF572A]HERE[/color][/url][/div]\r\n[div=padding: 2px 5px; font: 900 9pt var(--mono); text-transform: uppercase; letter-spacing: 1px; width: 100%; text-align: justify;][fa]far fa-chevron-right[/fa] ",
  {
    "type": "content",
    "description": "Player Links",
    "marker": {
      "type": "content",
      "description": "Player Links",
      "original": "&Player Links \\ content&",
      "indices": [
        3148,
        3171
      ]
    }
  },
  "[/div]\r\n[/div][div=width: 50px; height: 1px; background: var(--accent);][/div][div=font: 6pt var(--mono); text-transform: uppercase; letter-spacing: 1px; opacity: 0.5; padding-top: 10px;]coded by forebodhi[/div][/div][/nobr]"
]

[]

atreides-imageless

By forebodhi

Accent Hexcode ( do not include # )

Trigger Warnings

Title

Subtitle(S) ( 2 lines max )

Post Content

Location

Mood

Outfit Link

Player Links

Output