Untitled


<head>
  <title>BattleCalc</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
    <div id="container">
        <div id="header">
            <div id="login-box">
                {{loginButtons}}
            </div>
        </div>


        <div id="content-header">
                {{> contentHead}}
            </div>
        <div id="content">


                {{> content}}

        </div>

    </div>
    <div id="edit">
        NAME!
    </div>
</body>

<template name="contentHead">
    <span class="content-head">
        {{contentHead}}
    </span>
    <span class="content-type">
        {{contentType}}
    </span>
</template>
<template name="content">
        {{> global}}
</template>
<template name="global">
    <div class="row">

        {{#each side}}
            <div class="span" + {{this.index}}>
                <div class="row-elem">

                    <div class="side-head">{{this.object.name}}</div>

                    <div class="edit">Edit</div>

                    <div class="row">

                        {{#each this.object.types}}

                            <div class="span" + {{this.index}}>{{this.name}}</div>

                        {{/each}}

                    </div>

                </div>
            </div>
        {{/each}}

        <div class="span99"><p>New side</p></div>

    </div>
</template>