<html>
<body>
This is an example of HTML text, that is processed by MulleScion.<p>
If you wrap the {{ @"{% %}" }} and {{ @"{# #}" }} within HTML comments, it should
be possible to edit the template with a regular HTML editor.

<!--
{# next up is a multi-lined script, embedded to hide it from Browser 
   just in case. This is a comment ;) #}
{%
  # this is an inline comment, available in multi-line commands

   set title=@"Example 1";
   date=[NSDate date];

 # title and date have now been set

 %}
-->

{# When creating output, don't surround {{ }} with HTML comments. #}
<h4>{{ title }}</h4>
It's {{ date }} now.
<p>

<!-- 
{% set title=@"Example 2" %} 
-->
<h4>{{ title }}</h4>

In this example we peruse the contents of the property list.
<p>
<!--
{# each define must be enclosed in it's own {% %} tags #}
{% define sortedByName = [self sortedArrayUsingDescriptors:@( [NSSortDescriptor sortDescriptorWithKey:@"name"
ascending:NO])] %}
{%
   # Liga is an array from the property list, which we presort and then walk
   # through it

   # since we are inside html comments, we can not output the data from here
   # it will just end up as HTML comment text (see for yourself in the web inspector)

   for item in Liga . sortedByName
      {{ @"HTML Comment: \"" }}{{ item.name }}{{ @"\" from the data source" }}

      # with log we can place output into stderr, which is shown in the blue
      # screen
      log @( @"debug", item.name, item.clubs.name)

 %}
{# print the values outside #}
 -->
{{ @"Got \"" }}{{ item.name }}{{ @"\" from the data source" }}<br>
<!--
{% endfor %}
-->
</body>
</html>