Differences

This shows you the differences between two versions of the page.

--- en:template:start [2017/06/22 10:46]
Nicolas Ronvel [Template's Overview]
+++ en:template:start [2017/06/22 10:51]
Nicolas Ronvel [Globals]
@@ Line 62: / Line 62: @@
 See the [[styles|Styles]] section for a more complete description of a Style.
+===== Globals =====
+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 :
+<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>

Geckos Documentation