HTML


<html>
    <head>
        <title>Click node: {{ .Name }}</title>
        <link rel="stylesheet" href="static/styles.css">
        <script src="static/script.js"></script>
    </head>

    <body class="bodyHeading">
        <h1>Click node: {{ .Name  }}</h1>

        <h2>Current click counts:<h2>
        <ul class="no-bullets">
        {{ range $position:= .Position }}
        <li class= "table" class="position-label"  id="position-label-{{ $position }}">{{ $position }}: 0</li>
        {{ end }}
        </ul>

        <h2>Help us get more mouse clicks:<h2>
        {{ range $position := .Position }}
        <div class="position-button position-button-{{ $position}}"
            onclick="colorClicked('{{ $position }}')">{{ $position}}</div>
        {{ end }}
    </body>

</html>