In the following screenshot, you see the HTML page that was rendered from
the template.

In Mojito applications, the controller is responsible for passing data to
the template. From the below code snippet taken from controller.server.js,
you see the index function creating a data object and passing it to the
done method. The done method called on ac, the
ActionContext object, sends the
data object to the template index.hb.html.

In the index template of this code example, the properties of the data
object are placed in Handlebars expressions that are evaluated by Mojito when
the template is rendered. In Handlebars templates, the property names in double
braces, such as {{type}}, are expressions.

The double braces with a pound are used for lists or conditional
expression, such as {{#show}...{{/show}. Handlebars also has a built-in
conditional structure that allow you to form the same conditional expression
in the following way: {{#ifshow}}...{{/if}}

You also use double braces with a pound to access properties within an object,
which is how the hours property of the time object is accessed here.