Twipler

Html templates

A Twipler theme defines an HTML template which contains key fields and actionable items. For example, each tweet will have the persons name, image and name to name a few fields.

A ‘tweet’ template may look like

<div class="tweet">
	<img src="#-field personImageUrl-#" alt="#-field personName-#" />
	<h3>#-field personName-#</h3>
	<p>#-field tweetMessage-#</p>
	<a href="#-action delete(tweetId)-#">delete this tweet</a>

</div>

In this example #-field something-# is replaced by the value of the field. For example #-field personName-# is replaced with "@IanQuigley".

#-action something-# provides a URL including a query string with the delete action. For example this could become, "www.twipler.com/action.do?act=deletetweet,tweetid=4323".

A ‘tweet feed’ template may look like;

<h2>You have #-field count(tweetfeed)-# tweets</h2>
#-group source="tweetfeed"-#
		#-include tweet-template.html-#
#-group end-#

User theme settings

Currently unspecified, but twipler should allow theme developers to define and reference user appearance settings. Users will have control of such things as background colour, or line spacing, layout options etc.

Each page will reference the theme’s CSS, followed by overrides provided by the user settings CSS. A user may opt to have complete control of their own theme-user.css file.