Text Templater
Menu
Home
About
Documentation
GitHub
Toggle theme
Pastebin URL
Get Template
GitHub Gist URL
Get Template
Input Template
[nobr] &font setup \ group& [div=display: none;] [font="&Title font\text\Great Vibes&"]font[/font] [font="&Text font\text\Raleway&"]font[/font] Coded by @Alteras [/div] &\end& &background image setup \ group& [div="width: 100%; height: auto; box-sizing: border-box; container: none / size; aspect-ratio: &background image width (no pixels)\number\2739& / &background image height (no pixels)\number\1174&; min-height: 500px; background-image: url('&background image url\text&'); background-size: cover; background-position: right center; display: flex; flex-flow: wrap; justify-content: space-between; align-items: stretch;"] [div="flex: 1 0 auto; width: max(50cqw, 300px); min-width: 300px; max-width: 600px; height: 100cqh; position: relative; display: flex; flex-flow: column-reverse; justify-content: flex-start; padding: 10px 10px 10px max(10px, calc(3cqi - 10px)); box-sizing: border-box; font-size: 0; visibility: hidden;"][div=" transform: scaleY(-1);"]&\end&&main content\group& [accordion=100%]{slide=[div="display: block; font-family: '&Title font\text\Great Vibes&', cursive; font-weight: 400; font-variant: normal; font-style: normal; font-size: max(3rem, 9cqb); color: &title color \ text \white&; filter: drop-shadow(&title dropshadow color (helps with making it more visible)\text\black& 0px 0px 0.5rem); margin-bottom: -6px; margin-top: -16px; height: 14cqb; width: auto; background: transparent; visibility: visible; transform: scaleY(-1); cursor: pointer;"][fa]&font awesome icon \ text \fa-sharp fa-light fa-triangle fa-flip-vertical fa-sm&[/fa]&Title \ text&[/div]}[div="display: block; position: relative; color: &main content color\text\white&; font-family: '&Text font\text\Raleway&', sans-serif; background-color: &main content background color\text\rgba(0, 0, 0, 0.5)&; font-size: 1rem; height: min(min-content, 80cqb); max-height: 80cqb; padding: 10px; box-sizing: border-box; border-top: 1px solid white; border-bottom: 1px solid white; border-color: &border color of main content \ text\white&;visibility: visible; transform: scaleY(-1);"][div="overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.8) transparent; scrollbar-gutter: stable; height: min-content; max-height: calc(80cqb - 20px); box-sizing: border-box; position: relative; display: block;"][comment] -- Textual content here --[/comment]&Main text content\content&[/div][/div]{/slide} [/accordion][/div] [/div] [div="width: 250px; height: 0px;"][/div] [/div] &\end& [/nobr]
Generate Form Fields
Debug Mode
[ "[nobr]\n", { "type": "group", "description": "font setup", "markerStart": { "type": "group", "description": "font setup", "original": "&font setup \\ group&", "repeat": false, "indices": [ 7, 26 ] }, "repeat": false, "originalChildren": [ "\n[div=display: none;]\n[font=\"", { "type": "text", "description": "Title font", "marker": { "type": "text", "description": "Title font", "defaultValue": "Great Vibes", "original": "&Title font\\text\\Great Vibes&", "indices": [ 56, 84 ] }, "value": "Great Vibes" }, "\"]font[/font]\n[font=\"", { "type": "text", "description": "Text font", "marker": { "type": "text", "description": "Text font", "defaultValue": "Raleway", "original": "&Text font\\text\\Raleway&", "indices": [ 106, 129 ] }, "value": "Raleway" }, "\"]font[/font]\nCoded by @Alteras\n[/div]\n" ], "children": [], "markerEnd": { "type": "end", "description": "", "original": "&\\end&", "indices": [ 169, 174 ] } }, "\n", { "type": "group", "description": "background image setup", "markerStart": { "type": "group", "description": "background image setup", "original": "&background image setup \\ group&", "repeat": false, "indices": [ 176, 207 ] }, "repeat": false, "originalChildren": [ "\n[div=\"width: 100%; height: auto; box-sizing: border-box; container: none / size; aspect-ratio: ", { "type": "number", "description": "background image width (no pixels)", "marker": { "type": "number", "description": "background image width (no pixels)", "defaultValue": 2739, "min": null, "max": null, "original": "&background image width (no pixels)\\number\\2739&", "indices": [ 304, 351 ] }, "value": 2739 }, " / ", { "type": "number", "description": "background image height (no pixels)", "marker": { "type": "number", "description": "background image height (no pixels)", "defaultValue": 1174, "min": null, "max": null, "original": "&background image height (no pixels)\\number\\1174&", "indices": [ 355, 403 ] }, "value": 1174 }, "; min-height: 500px; background-image: url('", { "type": "text", "description": "background image url", "marker": { "type": "text", "description": "background image url", "defaultValue": "", "original": "&background image url\\text&", "indices": [ 448, 474 ] } }, "'); background-size: cover; background-position: right center; display: flex; flex-flow: wrap; justify-content: space-between; align-items: stretch;\"]\n\t[div=\"flex: 1 0 auto; width: max(50cqw, 300px); min-width: 300px; max-width: 600px; height: 100cqh; position: relative; display: flex; flex-flow: column-reverse; justify-content: flex-start; padding: 10px 10px 10px max(10px, calc(3cqi - 10px)); box-sizing: border-box; font-size: 0; visibility: hidden;\"][div=\" transform: scaleY(-1);\"]" ], "children": [], "markerEnd": { "type": "end", "description": "", "original": "&\\end&", "indices": [ 962, 967 ] } }, "", { "type": "group", "description": "main content", "markerStart": { "type": "group", "description": "main content", "original": "&main content\\group&", "repeat": false, "indices": [ 968, 987 ] }, "repeat": false, "originalChildren": [ "\n\t\t[accordion=100%]{slide=[div=\"display: block; font-family: '", { "type": "text", "description": "Title font", "marker": { "type": "text", "description": "Title font", "defaultValue": "Great Vibes", "original": "&Title font\\text\\Great Vibes&", "indices": [ 1050, 1078 ] }, "value": "Great Vibes" }, "', cursive; font-weight: 400; font-variant: normal; font-style: normal; font-size: max(3rem, 9cqb); color: ", { "type": "text", "description": "title color", "marker": { "type": "text", "description": "title color", "defaultValue": "white", "original": "&title color \\ text \\white&", "indices": [ 1186, 1212 ] }, "value": "white" }, "; filter: drop-shadow(", { "type": "text", "description": "title dropshadow color (helps with making it more visible)", "marker": { "type": "text", "description": "title dropshadow color (helps with making it more visible)", "defaultValue": "black", "original": "&title dropshadow color (helps with making it more visible)\\text\\black&", "indices": [ 1235, 1305 ] }, "value": "black" }, " 0px 0px 0.5rem); margin-bottom: -6px; margin-top: -16px; height: 14cqb; width: auto; background: transparent; visibility: visible; transform: scaleY(-1); cursor: pointer;\"][fa]", { "type": "text", "description": "font awesome icon", "marker": { "type": "text", "description": "font awesome icon", "defaultValue": "fa-sharp fa-light fa-triangle fa-flip-vertical fa-sm", "original": "&font awesome icon \\ text \\fa-sharp fa-light fa-triangle fa-flip-vertical fa-sm&", "indices": [ 1483, 1562 ] }, "value": "fa-sharp fa-light fa-triangle fa-flip-vertical fa-sm" }, "[/fa]", { "type": "text", "description": "Title", "marker": { "type": "text", "description": "Title", "defaultValue": "", "original": "&Title \\ text&", "indices": [ 1568, 1581 ] } }, "[/div]}[div=\"display: block; position: relative; color: ", { "type": "text", "description": "main content color", "marker": { "type": "text", "description": "main content color", "defaultValue": "white", "original": "&main content color\\text\\white&", "indices": [ 1638, 1668 ] }, "value": "white" }, "; font-family: '", { "type": "text", "description": "Text font", "marker": { "type": "text", "description": "Text font", "defaultValue": "Raleway", "original": "&Text font\\text\\Raleway&", "indices": [ 1685, 1708 ] }, "value": "Raleway" }, "', sans-serif; background-color: ", { "type": "text", "description": "main content background color", "marker": { "type": "text", "description": "main content background color", "defaultValue": "rgba(0, 0, 0, 0.5)", "original": "&main content background color\\text\\rgba(0, 0, 0, 0.5)&", "indices": [ 1742, 1796 ] }, "value": "rgba(0, 0, 0, 0.5)" }, "; font-size: 1rem; height: min(min-content, 80cqb); max-height: 80cqb; padding: 10px; box-sizing: border-box; border-top: 1px solid white; border-bottom: 1px solid white; border-color: ", { "type": "text", "description": "border color of main content", "marker": { "type": "text", "description": "border color of main content", "defaultValue": "white", "original": "&border color of main content \\ text\\white&", "indices": [ 1982, 2024 ] }, "value": "white" }, ";visibility: visible; transform: scaleY(-1);\"][div=\"overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.8) transparent; scrollbar-gutter: stable; height: min-content; max-height: calc(80cqb - 20px); box-sizing: border-box; position: relative; display: block;\"][comment]\n-- Textual content here \n--[/comment]", { "type": "content", "description": "Main text content", "marker": { "type": "content", "description": "Main text content", "original": "&Main text content\\content&", "indices": [ 2360, 2386 ] } }, "[/div][/div]{/slide}\n[/accordion][/div]\n\t[/div]\n\t[div=\"width: 250px; height: 0px;\"][/div]\n[/div]\n" ], "children": [], "markerEnd": { "type": "end", "description": "", "original": "&\\end&", "indices": [ 2484, 2489 ] } }, "\n[/nobr]" ]
[]
Elixir of Arcadia Template
By Alteras1
font setup
Title font
Text font
background image setup
background image width (no pixels)
background image height (no pixels)
background image url
main content
Title font
title color
title dropshadow color (helps with making it more visible)
font awesome icon
Title
main content color
Text font
main content background color
border color of main content
Main text content
Generate Final Output
Output