put some layout on chat stats page

This commit is contained in:
mose 2019-09-03 12:52:24 +08:00
parent 887ab861a8
commit 720bce3a85
4 changed files with 127 additions and 20274 deletions

View file

@ -1,11 +1,71 @@
<html>
<!doctype html>
<html lang="fr">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.js"></script>
<script src="stats.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Crapauds fous: statistiques du chat</title>
<meta name="description" content="Les statistiques d'activité du chat de crapauds fous">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="HandheldFriendly" content="True">
<meta name="twitter:title" content="Crapauds fous: statistiques chat">
<meta name="twitter:domain" content="crapaud-fou.org">
<meta name="twitter:description" content="Les statistiques d'activité du chat de crapauds fous">
<meta property="og:locale" content="fr_FR">
<meta property="og:type" content="article">
<meta property="og:title" content="Crapauds fous: statistiques chat">
<meta property="og:description" content="Les statistiques d'activité du chat de crapauds fous">
<meta property="og:url" content="https://crapaud-fou.org/coa/stats/index.html">
<meta property="og:site_name" content="Les Crapauds Fous">
<meta property="og:image" content="images/crapaud_fou_sourire.jpg">
<link rel="canonical" href="https://crapaud-fou.org/">
<link rel="shortcut icon" href="images/crapovecto_small.svg">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#50ac45">
<meta name="msapplication-TileColor" content="#00a300">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="../../crapaud-fou.css" type="text/css">
</head>
<body>
Statistiques du <a href="https://coa.crapaud-fou.org">chat</a> (aussi connu sous le nom de mare aux crapauds) :
<div class="container-fluid p-0 header">
<div class="container">
<div class="row pt-2 pb-2">
<div class="col-12">
<a href="../../"><img src="../../images/crapovecto_small.svg" height="64" class="float-left" /></a>
<h2 class="card-title mt-3 float-right">Les stats de la <a href="https://coa.crapaud-fou.org">mare des crapauds fous</a></h4>
</div>
</div>
</div>
</div>
<div class="container-fluid entete pt-2 pb-2 mb-3">
<div class="container">
<div class="row">
<div class="col">
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col">
<canvas id="byChannel"></canvas>
<canvas id="byTsunamy"></canvas>
<canvas id="usersByChannel"></canvas>
@ -14,5 +74,57 @@
<canvas id="byTsunamy_daily"></canvas>
<canvas id="usersByChannel_daily"></canvas>
<canvas id="usersGlobal_daily"></canvas>
</div>
</div>
</div>
<div class="container-fluid footer">
<div class="container pt-5 pb-3">
<div class="row">
<div class="col">
<a href="https://degooglisons-internet.org/fr/">Les crapauds fous ne sont pas sur fesse-bouc, ni sur
touiteur.</a><br>
Pour contacter les jardiniers de la mare des crapauds fous:<br>
contact a crapaud-fou.org
</div>
<div class="col-12 col-md-3 text-right">
<div>
<a href="https://gitlab.com/crapaud-fou/portail">Fait avec les doigts</a>
</div>
</div>
</div>
<div class="row pt-4 mt-4 mb-4 notices">
<div class="col copyright pt-1">
Cette page est conçue par mose (design) et Trentry (code)
<br>
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img
alt="Licence Creative Commons" style="border-width:0" src="../../images/cc-by-nc-sa.png"
class="mr-2" /></a><br>
Cette page web est mise à disposition<br>
selon les termes de la <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Licence
Creative Commons by-nc-sa 4.0</a>.<br>
</div>
<div class="col-12 col-md-3 text-right tisseurs">
<a href="https://tisseurs.org"><img src="../../images/tisseurs.png" class="float-right pt-1 ml-1" width="18" />
un site de bas tisseur</a>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"
integrity="sha256-xKeoJ50pzbUGkpQxDYHD7o7hxe0LaOGeguUidbq6vis="
crossorigin="anonymous"></script>
<script src="stats.js"></script>
</body>
</html>

View file

@ -6,6 +6,9 @@
.header img {
margin-right: 1em;
}
.header h2 a {
color: #fff;
}
.entete {
background-color: rgb(33, 36, 32);
color: rgb(240, 233, 233);

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long