my.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="alternate" type="application/rss+xml" href="static/rss.xml" title="Multiplayer FreeOrion server news" />
<link rel="stylesheet" type="text/css" href="static/style.css" />
<title>Welcome to public multiplayer FreeOrion server!</title>
</head>
<body>
{{> header}}
<div class="content">
<p>Your games:
<ul>
{{#each games as |game|}}
<li class=
{{#if game.status}}
{{#if (eq game.status "started")}}
"game-status-started"
{{else}}
"game-status-finished"
{{/if}}
{{else}}
"game-status-prepared"
{{/if}}
><a href="slow-game-{{ game.gameuidenc }}.html">{{ game.gameuid }}</a></li>
{{/each}}
</ul>
</p>
<table>
<caption>Your contacts</caption>
<thead>
<tr>
<th>Protocol</th>
<th>Address</th>
<th>Activity</th>
<th>Created</th>
<th>Deleted</th>
</tr>
</thead>
<tbody>
{{#each contacts as |contact|}}
<tr>
<td>{{ contact.protocol }}</td>
<td>{{ contact.address }}</td>
<td>{{#if contact.is_active}}Yes{{else}}No{{/if}}</td>
<td>{{ contact.create_ts }}</td>
<td>{{#if contact.delete_ts }} {{ contact.delete_ts }} {{/if}}</td>
</tr>
{{/each}}
</tbody>
</table>
<form id="reset-game-form" action="reset-game-pwd.do" method="post">
<fieldset>
<legend>Enter data to set new game password:</legend>
<div>
<label for="password">Password:</label>
<input name="password" id="password" type="password" placeholder="Password" required autofocus />
</div>
<div>
<label for="password_copy">Password:</label>
<input name="password_copy" id="password_copy" type="password" placeholder="Copy password" required autofocus />
</div>
<input name="csrf" type="hidden" value="{{ csrf }}">
<input name="submit" type="submit" value="Reset password">
</fieldset>
</form>
</div>
{{> footer}}
</body>
</html>