<?xml version="1.0" encoding="UTF-8"?>
<template name="Outro &amp; socials" category="Titles" description="End slate with a thank-you and a row of social handles." fullscreen="true" anim="fade" animMs="800">
  <field id="title" label="Title" default="Thanks for watching!"/>
  <field id="subtitle" label="Subtitle" default="Catch the next stream on Friday"/>
  <field id="s1" label="Social 1" default="YouTube /streamstudio"/>
  <field id="s2" label="Social 2" default="Instagram @streamstudio"/>
  <field id="s3" label="Social 3" default="X @streamstudio"/>
  <field id="accent" label="Accent colour" type="color" default="#e11d48"/>

  <rect x="0" y="0" w="1920" h="1080" fill="linear(160,#0b0d10,#15121a)"/>
  <rect x="860" y="372" w="200" h="6" radius="3" fill="{accent}"/>
  <text x="960" y="470" align="center" valign="middle" size="110" weight="900" color="#ffffff" maxWidth="1680">{title}</text>
  <text x="960" y="572" align="center" valign="middle" size="40" weight="500" color="rgba(255,255,255,0.8)" maxWidth="1500" if="subtitle">{subtitle}</text>

  <rect x="360" y="690" h="70" radius="35" fill="rgba(255,255,255,0.08)" fit="s1" pad="28" if="s1"/>
  <text id="s1" x="388" y="690" h="70" valign="middle" size="28" weight="600" color="#ffffff" if="s1">{s1}</text>
  <rect x="800" y="690" h="70" radius="35" fill="rgba(255,255,255,0.08)" fit="s2" pad="28" if="s2"/>
  <text id="s2" x="828" y="690" h="70" valign="middle" size="28" weight="600" color="#ffffff" if="s2">{s2}</text>
  <rect x="1240" y="690" h="70" radius="35" fill="rgba(255,255,255,0.08)" fit="s3" pad="28" if="s3"/>
  <text id="s3" x="1268" y="690" h="70" valign="middle" size="28" weight="600" color="#ffffff" if="s3">{s3}</text>
</template>
