root
8 years ago
31 changed files with 179 additions and 185 deletions
@ -1,5 +1,2 @@ |
|||
Luc Absil |
|||
Matthieu Michelet |
|||
Clara Husson |
|||
Melchior Garapin |
|||
Benjamin Criton |
|||
|
|||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 60 KiB After Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 6.4 KiB After Width: | Height: | Size: 6.4 KiB |
@ -1,77 +1,62 @@ |
|||
{% extends "layout.html" %} |
|||
{% block content %} |
|||
<br> |
|||
<h2>Toi aussi abuse des pouvoirs du Rézo avec les Metzthernets !</h2> |
|||
<p id="play" style="text-align: center; font-size: 1.5em"> |
|||
<a href="{{url_for('play')}}">Jouer</a> |
|||
</p> |
|||
{% extends "layout.html" %} {% block content %} |
|||
<canvas id="chart"></canvas> |
|||
|
|||
<div id="container" style="min-width: 310px; max-width: 600px; margin: 0 auto"></div> |
|||
<h2>Historique personnel</h2> |
|||
<div class="sep"></div> |
|||
|
|||
{% if bans_hist != [] %} |
|||
<ul id="history"> |
|||
{% for entry in bans_hist %} |
|||
<li class="{{ entry[0] }}" class="events"> |
|||
<span class="normal"> {{ entry[1] }}</span> |
|||
</li> |
|||
{% endfor %} |
|||
</ul> |
|||
{% else %} |
|||
<p> |
|||
Rien pour l'instant |
|||
</p> |
|||
<div class="desc">Toi aussi abuse des pouvoirs du Rézo avec les Metzthernets !</div> |
|||
|
|||
{% endif %} |
|||
<script type="text/javascript"> |
|||
$(function () { |
|||
Highcharts.chart('container', { |
|||
chart: { |
|||
plotBackgroundColor: null, |
|||
plotBorderWidth: 0, |
|||
plotShadow: false |
|||
}, |
|||
title: { |
|||
text: 'État du Rézo', |
|||
align: 'center', |
|||
verticalAlign: 'middle', |
|||
y: 60 |
|||
}, |
|||
tooltip: { |
|||
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' |
|||
}, |
|||
plotOptions: { |
|||
pie: { |
|||
dataLabels: { |
|||
enabled: true, |
|||
distance: -50, |
|||
style: { |
|||
fontWeight: 'bold', |
|||
color: 'white' |
|||
} |
|||
}, |
|||
startAngle: -90, |
|||
endAngle: 90, |
|||
center: ['50%', '75%'] |
|||
}, |
|||
}, |
|||
series: [{ |
|||
type: 'pie', |
|||
name: 'État du Rézo', |
|||
innerSize: '50%', |
|||
data: [ |
|||
{ |
|||
name: 'Tranchés', |
|||
y: {{ stats[0] }}, |
|||
color: '#FF0000', |
|||
},{ |
|||
name: 'Vivants', |
|||
y: {{ stats[1] }}, |
|||
color: '#FFCC00', |
|||
} |
|||
] |
|||
}] |
|||
}); |
|||
}); |
|||
</script> |
|||
<a href="{{url_for('play')}}"> |
|||
<div id="play" class="center"> |
|||
JOUER |
|||
</div> |
|||
</a> |
|||
|
|||
<div class="sep"></div> |
|||
|
|||
<div class="desc title">Historique personnel</div> |
|||
|
|||
{% if bans_hist != [] %} |
|||
<ul id="history"> |
|||
{% for entry in bans_hist %} |
|||
<li class="{{ entry[0] }}" class="events"> |
|||
<span class="normal">{{ entry[1] }}</span> |
|||
</li> |
|||
{% endfor %} |
|||
</ul> |
|||
{% else %} |
|||
<p> |
|||
Rien pour l'instant |
|||
</p> |
|||
{% endif %} |
|||
|
|||
<div class="sep"></div> |
|||
|
|||
<script type="text/javascript"> |
|||
$(function () { |
|||
|
|||
var ctx = document.getElementById("chart").getContext('2d'); |
|||
var data = { |
|||
datasets: [{ |
|||
data: [ {{ stats[0] }}, {{ stats[1] }} ], |
|||
backgroundColor: ['#ffd7d7', '#d7ebff'] |
|||
}], |
|||
labels: ['Tranchés', 'Vivants'] |
|||
}; |
|||
|
|||
var options = { |
|||
cutoutPercentage: 40, |
|||
rotation: -Math.PI, |
|||
circumference: Math.PI, |
|||
legend: { labels: { fontSize: 18 }}, |
|||
tooltips: { bodyFontSize: 18 } |
|||
}; |
|||
|
|||
var chart = new Chart(ctx, { |
|||
type: 'doughnut', |
|||
data: data, |
|||
options: options |
|||
}); |
|||
|
|||
}); |
|||
</script> |
|||
{% endblock %} |
|||
@ -1,38 +1,38 @@ |
|||
<!DOCTYPE html> |
|||
<html> |
|||
<head> |
|||
<title>Rézoroulette Metzthernet</title> |
|||
<meta charset="utf-8"/> |
|||
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" /> |
|||
<script type="text/javascript" src="{{ url_for('static', filename='javascript.js') }}"></script> |
|||
<script type="text/javascript" src="{{ url_for('static', filename='highcharts.js') }}"></script> |
|||
<script type="text/javascript" src="{{ url_for('static', filename='jquery-3.1.1.min.js') }}"></script> |
|||
<link rel="shortcut icon" type="image/x-icon" |
|||
href="{{ url_for('static', filename='favicon.ico') }}" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<div id="body_bis"> |
|||
<a href="/"> |
|||
<div id="banner"> |
|||
</div> |
|||
</a> |
|||
<head> |
|||
<title>Rézoroulette Metzthernet</title> |
|||
<meta charset="utf-8" /> |
|||
<meta name="viewport" content="width=device-width,initial-scale=1"> |
|||
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" /> |
|||
<script type="text/javascript" src="{{ url_for('static', filename='javascript.js') }}"></script> |
|||
<script type="text/javascript" src="{{ url_for('static', filename='Chart.min.js') }}"></script> |
|||
<script type="text/javascript" src="{{ url_for('static', filename='jquery-3.1.1.min.js') }}"></script> |
|||
<link rel="shortcut icon" type="image/x-icon" href="{{ url_for('static', filename='favicon.ico') }}" /> |
|||
</head> |
|||
|
|||
<div id="content_container"> |
|||
<div id="content"> |
|||
{% with messages = get_flashed_messages() %} |
|||
{% if messages %} |
|||
<ul class=flashes> |
|||
{% for message in messages %} |
|||
<li>{{ message }}</li> |
|||
{% endfor %} |
|||
</ul> |
|||
{% endif %} |
|||
{% endwith %} |
|||
{% block content %}{% endblock %} |
|||
<body> |
|||
|
|||
<a href="/"> |
|||
<img id="banner" src="{{ url_for('static', filename='img/banner.svg') }}"> |
|||
</a> |
|||
|
|||
<div id="card"> |
|||
<div id="content" class="center"> |
|||
{% with messages = get_flashed_messages() %} {% if messages %} |
|||
<ul class=flashes> |
|||
{% for message in messages %} |
|||
<li>{{ message }}</li> |
|||
{% endfor %} |
|||
</ul> |
|||
{% endif %} {% endwith %} {% block content %}{% endblock %} |
|||
</div> |
|||
<div id="footer">Contact technique : <a href="mailto:metzthernet@gmail.com">metzthernet@gmail.com</a></div> |
|||
<div id="footer"> |
|||
<a href="mailto:metzthernet@gmail.com">metzthernet@gmail.com</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -0,0 +1 @@ |
|||
This is only a test. |
|||
Loading…
Reference in new issue