test.html

<style>
    body {
        max-width: 80rem;
        padding: 0 1rem;
        margin: 1rem auto 0;
        background-color: #000;
        color: #fff;
        font-family: sans-serif;
    }
</style>
<h1>Hello, {{ guest }}</h1>
<p>My name: {{ name.first }} {{ name.last }}</p>
<p>This is a test {{ what.this.is }}</p>
<h2>If Tests</h2>
<ul>
    <li>{{ if name }}Pass{{ end }} - simple</li>
    <li>{{ if !name }}Fail{{ else }}Pass{{ end }} - negated</li>
    <li>{{ if does_not_exist }}Fail{{ else }}Pass{{ end }} - null is falsy</li>
    <li>{{ if "" }}Fail{{ else }}Pass{{ end }} - empty string is falsy</li>
    <li>{{ if name.first == "Punit" }}Pass{{ else }}Fail{{ end }} - comparison</li>
    <li>{{ if name.last == "Haaalait" }}Fail{{ else }}Pass{{ end }} - comparison false</li>
    <li>{{ if name.last != "Halait" }}Fail{{ else }}Pass{{ end }} - comparison not equals</li>
    <li>{{ if name.last != "Halait" }}Fail{{ else }}{{ if name.first }}Pass{{ else }}Fail{{ end }}{{ end }} - nested if</li>
    <li>{{ if does_not_exist || name }}Pass{{ end }} - or</li>
    <li>{{ if name && name.first == "Punit" }}Pass{{ end }} - and</li>
    <li>{{ if does_not_exist || name.first == "Not Punit" }}Fail{{ else }}Pass{{ end }} - or false</li>
    <li>{{ if does_not_exist && name.first == "Not Punit" }}Fail{{ else }}Pass{{ end }} - and false</li>
</ul>
<h2>For Tests</h2>
<div>
    Countries:
    <ul>
        {{ for country in countries }}
        <li>{{ country }}</li>
        {{ end }}
    </ul>
</div>
<div>
    The languages:
    <ul>
        {{ for language in languages }}
        <li>{{ language.name }}</li>
        {{ end }}
    </ul>
</div>
<div>
    Nested for loop:
    <ul>
        {{ for language in languages }}
            {{ for country in countries }}
                <li>Outer: {{ language.name }} </li>
                <li>Inner: {{ country }}</li>
            {{ end }}
        {{ end }}
    </ul>
</div>
<div>
    If in for:
    <ul>
        {{ for language in languages }}
            <li>{{ if language.name == "Rust" }}Is Rust{{ else }}Is not Rust {{ end }}</li>
        {{ end }}
    </ul>
</div>
<div>
    Nested array:
    <ul>
        {{ for item in nested.array }}
            <li>{{ item }}</li>
        {{ end }}
    </ul>
</div>