<?xml version="1.0" encoding="UTF-8"?>
<template name="Starting soon" category="Titles" description="Full-screen holding slate with a live countdown." fullscreen="true" anim="fade" animMs="700">
  <field id="title" label="Title" default="Starting soon"/>
  <field id="subtitle" label="Subtitle" default="Grab a drink — we go live in a moment"/>
  <field id="minutes" label="Countdown (minutes, empty = none)" type="number" default="5" min="0" max="600" step="0.5"/>
  <field id="accent" label="Gradient colour" type="color" default="#7c3aed"/>
  <field id="accent2" label="Gradient start" type="color" default="#0b0d10"/>

  <rect x="0" y="0" w="1920" h="1080" fill="linear(135,{accent2},{accent})"/>
  <rect x="0" y="0" w="1920" h="1080" fill="rgba(0,0,0,0.25)"/>
  <text x="960" y="420" align="center" valign="middle" size="120" weight="800" color="#ffffff" shadow="24,rgba(0,0,0,0.45),4" maxWidth="1650">{title}</text>
  <rect x="870" y="500" w="180" h="6" fill="#ffffff"/>
  <text x="960" y="566" align="center" valign="middle" size="44" weight="500" color="rgba(255,255,255,0.88)" maxWidth="1500" if="subtitle">{subtitle}</text>
  <clock x="960" y="720" align="center" valign="middle" size="96" weight="700" font="mono" color="#ffffff" mode="countdown" minutes="{minutes}" if="minutes"/>
</template>
