put some layout on chat stats page
This commit is contained in:
parent
887ab861a8
commit
720bce3a85
4 changed files with 127 additions and 20274 deletions
|
@ -1,11 +1,71 @@
|
|||
<html>
|
||||
<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>
|
||||
</head>
|
||||
<body>
|
||||
Statistiques du <a href="https://coa.crapaud-fou.org">chat</a> (aussi connu sous le nom de mare aux crapauds) :
|
||||
<!doctype html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<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>
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
</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>
|
|
@ -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
Loading…
Reference in a new issue