This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
en:template:start [2017/06/22 10:51] Nicolas Ronvel [Globals] |
en:template:start [2017/06/22 11:02] Nicolas Ronvel [Globals] |
||
---|---|---|---|
Line 66: | Line 66: | ||
The ''globals'' part of a template stores data that is repeated through the template, and that can be put in a single global constant, in order to help maintainability. | The ''globals'' part of a template stores data that is repeated through the template, and that can be put in a single global constant, in order to help maintainability. | ||
- | It could be a color that runs through the template, a code variable, or even part of the canvas : | + | See the [[global]] for an explanation on how to add globals to your template. |
- | + | ||
- | <code javascript> | + | |
- | { | + | |
- | "globals": { | + | |
- | "icon-color": "#ffffff", | + | |
- | "icon-color-old": "#fff5c4", | + | |
- | "text-color-auto": "{{value = tinycolor.mostReadable(card[color1].toHexString(), ['#FFF', '#888', '#000']).toHexString();}}", | + | |
- | "gradient": { | + | |
- | "type": "linear", | + | |
- | "coords": { "x1": 333, "y1": 333.80341, "x2": 402, "y2": 332.55273 }, | + | |
- | "colorStops": [ | + | |
- | { "offset": 1, "color": "$color2.hexa$", "opacity": 1 }, | + | |
- | { "offset": 0.2832, "color": "$color1.hexa$", "opacity": 1 } | + | |
- | ], | + | |
- | "offsetX": -323.59766, | + | |
- | "offsetY": -48.037109 | + | |
- | } | + | |
- | }, | + | |
- | "styles": [ ] | + | |
- | } | + | |
- | </code> | + |