TiddlyWiki5/editions/tw5.com/tiddlers/demonstrations/CustomStoryTiddlerTemplateDemo.tid/Template.tid

title: $:/_tw5.com/CustomStoryTiddlerTemplateDemo/Template
code-body: yes

\define list-item-styles()
transform: translate($(left)$%,$(top)$%) scale(0.3) rotate($(angle)$deg);
\end

<div class="tc-custom-tiddler-template">
	<div class="tc-custom-tiddler-template-inner">
		<div style="text-align: right;">
			{{||$:/core/ui/Buttons/more-tiddler-actions}} {{||$:/core/ui/Buttons/edit}} {{||$:/core/ui/Buttons/close}}
		</div>
		<$transclude mode="block"/>
	</div>
	<div class="tc-custom-tiddler-template-list">
		<$let numItems={{{ [subfilter{!!filter}count[]] }}} angleIncrement={{{ [[45]divide<numItems>] }}} posIncrement={{{ [[90]divide<numItems>] }}}>
			<$list filter={{!!filter}} counter="counter">
				<$let  angle={{{ [<counter>subtract[1]multiply<angleIncrement>subtract[22.5]] }}} left={{{ [<counter>subtract[1]multiply<posIncrement>subtract[45]] }}} top={{{ 0 }}}>
					<div class="tc-custom-tiddler-template-list-item" style=<<list-item-styles>>>
						{{||$:/core/ui/ViewTemplate}}
					</div>
				</$let>
			</$list>
		</$let>
	</div>
</div>