<?xml version="1.0" encoding="UTF-8"?>
<template name="Speaker card" category="Webinar" description="Speaker name, title, company and current topic." anim="slide-up" from="bottom" animMs="520">
  <field id="name" label="Name" default="Priya Nair"/>
  <field id="role" label="Title" default="VP of Engineering"/>
  <field id="company" label="Company" default="Northwind Labs"/>
  <field id="topic" label="Topic" default="Scaling live video to millions"/>
  <field id="accent" label="Accent colour" type="color" default="#2563eb"/>

  <rect x="110" y="784" h="156" radius="16" fill="rgba(12,15,20,0.94)" stroke="rgba(255,255,255,0.08)" strokeWidth="1.5" fit="name,role,company" pad="34" min="560"/>
  <rect x="110" y="784" w="8" h="156" radius="4" fill="{accent}"/>
  <text id="name" x="144" y="810" size="42" weight="800" color="#ffffff" maxWidth="900">{name}</text>
  <text id="role" x="144" y="860" size="26" weight="600" color="{accent}" maxWidth="900" if="role">{role}</text>
  <text id="company" x="144" y="896" size="24" weight="500" color="rgba(255,255,255,0.72)" maxWidth="900" if="company">{company}</text>
  <rect x="110" y="952" h="56" radius="10" fill="{accent}" fit="topic" pad="28" extra="34" if="topic"/>
  <text x="134" y="980" valign="middle" size="20" weight="900" color="rgba(255,255,255,0.8)" uppercase="true" letterSpacing="1" if="topic">NOW</text>
  <text id="topic" x="196" y="952" h="56" valign="middle" size="26" weight="700" color="#ffffff" maxWidth="1500" if="topic">{topic}</text>
</template>
