79 lines
3.4 KiB
XML
79 lines
3.4 KiB
XML
<layout>
|
|
<theme>
|
|
<var key="border" value="2" />
|
|
<var key="kbd_color" value="#a6da95" />
|
|
<var key="set_color" value="#cad3f5" />
|
|
|
|
<var key="clock0_color" value="#cad3f5" />
|
|
<var key="clock0_size" value="46" />
|
|
<var key="clock0_date_size" value="14" />
|
|
<var key="clock0_dow_size" value="14" />
|
|
<var key="clock_alt1_color" value="#8bd5ca" />
|
|
<var key="clock_alt2_color" value="#b7bdf8" />
|
|
<var key="clock_alt_size" value="24" />
|
|
<var key="clock_alt_tz_size" value="14" />
|
|
</theme>
|
|
|
|
<template name="Device">
|
|
<sprite color="~device_color" width="${size}" height="${size}" src="${src}" />
|
|
</template>
|
|
|
|
<template name="Set">
|
|
<div align_items="center" justify_content="center" flex_wrap="wrap" align_content="center">
|
|
<sprite width="40" height="40" color="~set_color" src="watch/set2.svg" />
|
|
<div position="absolute" margin_top="11" >
|
|
<label text="${name}" size="24" color="#000000" weight="bold" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<elements>
|
|
<div width="400" height="200">
|
|
<rectangle width="100%" height="100%" padding="4" box_sizing="content_box" flex_wrap="wrap" gap="16" color="~bg_color">
|
|
<div width="100%" flex_direction="row">
|
|
<Device src="watch/hmd.svg" size="40" />
|
|
<Device src="watch/controller_l.svg" size="36" />
|
|
<Device src="watch/controller_r.svg" size="36" />
|
|
<Device src="watch/track3.svg" size="40" />
|
|
<Device src="watch/track3.svg" size="40" />
|
|
<Device src="watch/track3.svg" size="40" />
|
|
</div>
|
|
<div flex_direction="row">
|
|
<div id="clock_main" flex_direction="column" padding="4">
|
|
<label text="23:59" id="clock0_time" color="~clock0_color" size="~clock0_size" weight="bold" />
|
|
<label text="22/2/2022" id="clock0_date" color="~clock0_color" size="~clock0_date_size" weight="bold" />
|
|
<div width="100%" padding="2" />
|
|
<label text="Friday" id="clock0_dow" color="~clock0_color" size="~clock0_dow_size" weight="bold" />
|
|
</div>
|
|
<div width="10" height="100%" />
|
|
<div id="clock_alt" flex_direction="column" padding="4">
|
|
<div width="100%" padding="2" />
|
|
<label text="Paris" id="clock1_tz" color="~clock_alt1_color" size="~clock_alt_tz_size" weight="bold" />
|
|
<label text="23:59" id="clock1_time" color="~clock_alt1_color" size="~clock_alt_size" weight="bold" />
|
|
<div width="100%" padding="2" />
|
|
<label text="Chicago" id="clock2_tz" color="~clock_alt2_color" size="~clock_alt_tz_size" weight="bold" />
|
|
<label text="23:59" id="clock2_time" color="~clock_alt2_color" size="~clock_alt_size" weight="bold" />
|
|
</div>
|
|
</div>
|
|
<div width="100%" flex_direction="row">
|
|
<div id="btn_home">
|
|
<sprite color="~set_color" width="40" height="40" src="watch/home.svg" />
|
|
</div>
|
|
<div id="sets" ignore_in_mode="dev">
|
|
<!-- Will populate <Set> tags at runtime -->
|
|
</div>
|
|
<div ignore_in_mode="live">
|
|
<!-- Example sets for testing -->
|
|
<Set name="A" />
|
|
<Set name="B" />
|
|
<Set name="C" />
|
|
</div>
|
|
<div id="btn_edit">
|
|
<sprite color="~set_color" width="40" height="40" src="watch/edit.svg" />
|
|
</div>
|
|
</div>
|
|
</rectangle>
|
|
</div>
|
|
</elements>
|
|
</layout>
|