<?xml version="1.0" encoding="UTF-8"?>
<template name="Finance ticker" category="News" description="A dark finance-style crawl with a market label and live clock." anim="slide-up" from="bottom" animMs="450">
  <field id="label" label="Label" default="MARKETS"/>
  <field id="text" label="Ticker text" type="multiline" default="AAPL +1.24%   ·   TSLA -0.80%   ·   BTC +3.10%   ·   ETH +2.05%   ·   S&amp;P 500 +0.45%"/>
  <field id="speed" label="Speed (px/s)" type="number" default="150" min="20" max="600" step="10"/>
  <field id="accent" label="Accent colour" type="color" default="#eab308"/>

  <rect x="0" y="1008" w="1920" h="72" fill="#070a0f"/>
  <rect x="0" y="1008" w="1920" h="3" fill="{accent}"/>
  <rect x="0" y="1008" h="72" fill="{accent}" fit="label" pad="26" min="150"/>
  <text id="label" x="26" y="1008" h="72" valign="middle" size="26" weight="900" color="#0b0d10" letterSpacing="1" uppercase="true">{label}</text>
  <clock x="1760" y="1008" w="160" h="72" align="center" valign="middle" size="26" weight="800" font="mono" color="{accent}" mode="time"/>
  <rect x="1752" y="1008" w="2" h="72" fill="rgba(255,255,255,0.15)"/>
  <crawl xAfter="label" gap="40" right="1740" y="1008" h="72" size="28" weight="700" font="mono" color="#ffffff" sepColor="{accent}" speed="{speed}">{text}</crawl>
</template>
