Some nice presentation

This commit is contained in:
2019-03-16 18:45:59 +01:00
parent 2a164d5e72
commit 881bece87b
3 changed files with 142 additions and 16 deletions
+2 -1
View File
@@ -29,7 +29,7 @@
</div>
</div>
</nav>
{% block content %}{% endblock content %}
{% block content %}{% endblock %}
<script>
document.addEventListener('DOMContentLoaded', () => {
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
@@ -45,5 +45,6 @@
}
});
</script>
{% block extrajs %}{% endblock %}
</body>
</html>
+49 -4
View File
@@ -2,10 +2,55 @@
{% block content %}
<section class="section">
<div class="container">
<h1 class="title is-1">Welcome to Pytron</h1>
{% for ia in ias %}
<h5>{{ ia }}</h5>
{% endfor %}
<div class="columns is-centered">
<div class="column is-narrow is-desktop">
<table class="table is-bordered is-striped is-narrow is-hoverable">
<tr>
<th></th>
{% for ia in ias %}
<th class="has-text-centered">{{ ia.name }}</th>
{% endfor %}
<th class="has-text-success has-text-centered">✓</th>
<th class="has-text-danger has-text-centered">✗</th>
</tr>
{% for ia1 in ias %}
<tr>
<th class="has-text-centered">{{ ia1.name }}</th>
{% for ia2 in ias %}
{% if ia1.name == ia2.name %}
<td></td>
{% else %}
{% set key = ia1.name ~ "/" ~ ia2.name %}
{% set value = battles | get(key=key) %}
{% if value > 0.5 %}
<td class="has-text-success">{{ value }}</td>
{% elif value < 0.5 %}
<td class="has-text-danger">{{ value }}</td>
{% else %}
<td>{{ value }}</td>
{% endif %}
{% endif %}
{% endfor %}
<td class="has-text-centered"><strong>{{ ia1.victory_count }}</strong></td>
<td class="has-text-centered"><strong>{{ ia1.defeat_count }}</strong></td>
</tr>
{% endfor %}
</table>
</div>
<div class="column is-narrow">
<table class="table is-bordered is-striped is-narrow is-hoverable">
<tr><th class="has-text-centered">AI</th><th>Score</th></tr>
{% for ia in sorted_ias %}
<tr>
<td class="has-text-centered"><strong>{{ ia.name }}</strong></td>
<td class="has-text-centered">{{ ia.victory_count - ia.defeat_count }}</td>
</tr>
{% endfor %}
</table>
</div>
</div>
</div>
</section>
{% endblock %}