From f3fa52599f59c09e25fd5a7129504aecbf610d46 Mon Sep 17 00:00:00 2001
From: Arun Persaud <arun@nubati.net>
Date: Mon, 26 May 2008 14:42:45 -0700
Subject: LAYOUT: floating tables on the statistics page

less text, captions are real captions not in paragraphs anymore, etc.
not sure about the floating arrangments, but still better than before

Signed-off-by: Arun Persaud <arun@nubati.net>
---
 css/standard004.css | 478 ---------------------------------------------------
 css/standard005.css | 487 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 include/output.php  |   7 +-
 include/stats.php   |  58 ++-----
 4 files changed, 509 insertions(+), 521 deletions(-)
 delete mode 100644 css/standard004.css
 create mode 100644 css/standard005.css

diff --git a/css/standard004.css b/css/standard004.css
deleted file mode 100644
index a568441..0000000
--- a/css/standard004.css
+++ /dev/null
@@ -1,478 +0,0 @@
-/* reset CSS (taken from blueprint and modified a bit) */
-
-html, body, div, span,
-h1, h2, h3, h4, h5, h6, p,
-a,img,  dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, tbody, tfoot, thead, tr, th, td {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  vertical-align: baseline;
-}
-table { border-collapse: separate; border-spacing: 0; }
-caption, th, td { text-align: left; font-weight: normal; }
-table, td, th { vertical-align: middle; }
-
-/*  end reset */
-
-h1, h2, h3, h4, h5, h6, p {margin: 2px; padding: 1px;}
-
-.header {
-  background-color: white;
-  text-align:       center;
-  height:           4em;
-  border-bottom:    3px solid gray;
-}
-
-.lastlogin {
-  position:absolute;
-  font-size:smaller;
-  top:0;
-  left:0;
-}
-
-.main {
-  min-height: 40em;
-}
-
-.footer {
-  margin:0;
-  margin-top:0.3em;
-  padding:0;
-  border-top: 2px solid #444;
-  font-size:smaller;
-  clear:both;
-}
-.footer .right { float:right; }
-.footer .left  { float:left; }
-
-.status {
-  position:absolute;
-  right:1em;
-  top:0.1em;
-  font-size: smaller;
-}
-
-.joingame,.sickness,.poverty,.total,.message {
- position: absolute;
- background-color: #fff;
- width: 20%;
- top:19em;
- left:40%;
- right:40%;
- text-align: center;
- z-index:22
-}
-
-
-.total .re {
- position: absolute;
- left: -4em;
- top:8em;
- background-color: #fff;
- z-index:15;
-}
-.total .contra {
- position: absolute;
- right: -4em;
- top:8em;
- background-color: #fff;
- z-index:15;
-}
-
-.rules {
-  margin-top:24em;
-}
-
-
-.card {
-  position:absolute;
-  z-index:20;
-  top:18em;
-  left:28em;
-  text-align:center;
-  background-color:white;
-  border:2px solid gray;
-}
-.card img { width:8em; }
-
-/* display the table and the names */
-div.table {
-  position:absolute;
-  width:100%;
-  height:35em;
-  margin:0;
-  left:0;
-  padding:0;
-/*  border: 3px solid blue; */
-  top: 8.2em;
-  text-align:center;
-}
-
-div.table img.table {
-  position:absolute;
-  width:25%;
-  top:20%;
-  height:22em;
-  left:37.5%;
-  z-indexk:9;
-  display: block;
-  margin:0;
-  padding:0;
-}
-div.table div {
-  /*background-color:green;*/
-  position:absolute;
-  width:12.5%;
-  text-align:center;
-  z-index:20;
-}
-div.table div img{
-  /*background-color:green;*/
-  width:20%;
-}
-
-div.table div.table0 {
-  top:45%;
-  right:62.5%;
-}
-div.table div.table1 {
-  top:5%;
-  left:43.75%;
-}
-div.table div.table2 {
-  top:45%;
-  left:62.5%;
-}
-div.table div.table3 {
-  bottom:5%;
-  left: 43.75%;
-}
-
-ul.tricks {
-  position:relative;
-  list-style:none;
-  margin:3px;
-  padding:0;
-  padding-bottom:3px;
-  text-align:center;
-  border-bottom:1px solid #444;
-}
-ul.tricks a { text-decoration:none; color:#000;}
-ul.tricks li {
-  /*background-color:blue;*/
-  margin:0.1em;
-  padding:0.2em 0.5em;
-  display:inline;
-}
-ul.tricks li.old {  background-color:#fff; }
-ul.tricks li:hover {  background-color: #bbb;}
-ul.tricks li.nohighlight:hover {  background-color: #fff;}
-
-ul.tricks li div.trick {
-  position:absolute;
-  width:100%;
-  height:35em;
-  top:1.2em;
-  left: 0;
-  margin:0;
-  padding:0;
-/*  border: 2px solid red;*/
-  display:block;
-}
-ul.tricks li div.trick {
-  display:none;
-}
-
-ul.tricks li div.trick img.arrow {
-  position:absolute;
-  margin:0;
-  padding:0;
-/*  border: 5px solid blue;*/
-  text-align:center;
-  width:16%;
-  height:16em;
-  left:42%;
-  right:42%;
-  top:11em;
-  z-index:8;
-}
-
-hr {clear:both;}
-
-/*ul.tricks li:hover div.table{ display:block; }*/
-
-ul.tricks li div div.card0 img,ul.tricks li div div.card0 .score, .vorbehalt0 {
-  position:absolute;
-  margin:0;
-  padding:0;
-  /*border: 1px solid red;*/
-  top: 45%;
-  left:37.5%;
-  right:56.5%;
-  width:6%;
-  z-index:30;
-}
-ul.tricks li div div.card0 span.comment{
-  position:absolute;
-  margin:0;
-  padding:0;
-  /*border: 1px solid red;*/
-  top: 5%;
-  right:66.5%;
-  left:17.5%;
-  width:16%;
-}
-ul.tricks li div div.card1 img,ul.tricks li div div.card1 .score, .vorbehalt1 {
-  position:absolute;
-  margin:0;
-  padding:0;
-  /*border: 1px solid red;*/
-  top: 25%;
-  left:47%;
-  right:47%;
-  width:6%;
-  text-align:center;
-  z-index:30;
-}
-ul.tricks li div div.card1 span.comment{
-  position:absolute;
-  margin:0;
-  padding:0;
-  /*border: 1px solid red;*/
-  top: 5%;
-  left:66.5%;
-  right:17.5%;
-  width:16%;
-  text-align:center;
-}
-ul.tricks li div div.card2 img,ul.tricks li div div.card2 .score, .vorbehalt2{
-  position:absolute;
-  margin:0;
-  padding:0;
-  /*border: 1px solid red;*/
-  top: 45%;
-  right:37.5%;
-  left:56x.5%;
-  width:6%;
-  z-index:30;
-}
-ul.tricks li div div.card2 span.comment{
-  position:absolute;
-  margin:0;
-  padding:0;
-  /*border: 1px solid red;*/
-  top: 85%;
-  left:66.5%;
-  right:17.5%;
-  width:16%;
-  text-align:center;
-}
-ul.tricks li div div.card3 img,ul.tricks li div div.card3 .score, .vorbehalt3{
-  position:absolute;
-  margin:0;
-  padding:0;
-  /*border: 1px solid red;*/
-  bottom: 15%;
-  left:47%;
-  right:47%;
-  width:6%;
-  text-align:center;
-  z-index:30;
-}
-ul.tricks li div div.card3 span.comment{
-  position:absolute;
-  margin:0;
-  padding:0;
-  /*border: 1px solid red;*/
-  top: 85%;
-  right:66.5%;
-  left:17.5%;
-  width:16%;
-}
-
-span.comment{
- border: 3px solid green;
-}
-
-ul.tricks li div div span.comment span{
-  display:block;
-  text-align:left;
-  border-top:1px solid green;
-}
-
-.mycards {
-  margin:0;
-  margin-top:34.5em;
-  padding:0;
-  border:1px solid red;
-  background-color:yellow;
-}
-
-.mycards img {
-  height:6em;
-}
-
-.exchange {
-  clear:both;
-  margin:0;
-  padding:0;
-  border:1px solid red;
-  background-color:yellow;
-}
-
-.exchange img {
-  height:6em;
-}
-
-.line{
-  clear:both;
-  border-top:2px solid gray;
-  margin:0;
-  padding:0;
-}
-
-.session {
-  border-bottom:1px solid black;
-  text-align:center;
-}
-
-.gameinfo, .useroptions {
-  position:absolute;
-  top:10em;
-  right:0em;
-  margin:1em;
-  margin-top:0em;
-  margin-right:0em;
-
-  width:12em;
-
-  border-top:    2px solid gray;
-  border-left:   2px solid gray;
-  border-bottom: 2px solid gray;
-
-  padding:0.3em;
-
-  background-color: #eee;
-}
-
-.usermenu {
-  position:absolute;
-  top:10em;
-  left:0;
-  margin:1em;
-  margin-top:0em;
-  margin-left:0em;
-
-  width: 12em;
-
-  border-top:    2px solid gray;
-  border-right:  2px solid gray;
-  border-bottom: 2px solid gray;
-
-  padding:0.3em;
-
-  background-color: #eee;
-}
-
-.notes {
-  position:absolute;
-  top:27em;
-  left:0;
-  margin:1em;
-  margin-top:0em;
-  margin-left:0em;
-
-  width: 12em;
-
-  border-top:    2px solid gray;
-  border-right:  2px solid gray;
-  border-bottom: 2px solid gray;
-
-  padding:0.3em;
-
-  background-color: #efefef;
-
-  height:10em;
-  overflow: auto;
-}
-
-.user { margin-left:25%;margin-right:25%; }
-
-.over {
-  text-align:center;
-  margin-bottom:0.1em;
-}
-
-.submitbutton {
-  border:0;
-  background-color: #efe;
-}
-
-.submitbutton:hover {
-  background-color:#afa;
-}
-
-
-.cardinput {
-  display:inline;
-  position:relative;
-  border: 1px solid black;
-}
-
-.cardinput img {
-  width: 4em;
-}
-
-.cardinput:hover{
-  background-color:red;
-}
-
-div span img.button {
-  width: 2em;
-}
-
-.gamestatuspre {
-   padding: 0 0.3em;
-
-    background-color: #fd8901;
-}
-.gamestatusover {
-   padding:0 0.3em;
-  background-color: #f82c20 ;
-}
-.gamestatusplay {
-  padding:0 0.3em;
-  background-color: #15de26;
-}
-
-.scoretable{
-  height:10em;
-  overflow: auto;
-}
-table.score {
-  width:10em;
-  border-collapse:collapse;
-}
-
-.bigger {
-  font-size:larger;
-}
-
-table.stats { margin: 0.5em 1em; 
-  border: solid 0.2em #aeaeae;
-  -moz-border-radius: 0.5em ;
-}
-table.stats tr.odd  { background-color:#aeaeae; }
-table.stats tr.even { background-color:#eaeaea; }
-table.stats td, table.stats th { 
-  margin-left:  0.2em;
-  margin-right: 0.2em;
-  padding-left:  0.2em;
-  padding-right: 0.2em;
-  border-right: solid 0.1em black;
-}
-table.stats  tr td:last-child, table.stats  tr th:last-child { border-right: solid 0 black; }
-
-table.stats th { border-bottom: solid 0.2em black }
\ No newline at end of file
diff --git a/css/standard005.css b/css/standard005.css
new file mode 100644
index 0000000..24ffb30
--- /dev/null
+++ b/css/standard005.css
@@ -0,0 +1,487 @@
+/* reset CSS (taken from blueprint and modified a bit) */
+
+html, body, div, span,
+h1, h2, h3, h4, h5, h6, p,
+a,img,  dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, tbody, tfoot, thead, tr, th, td {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  vertical-align: baseline;
+}
+table { border-collapse: separate; border-spacing: 0; }
+caption, th, td { text-align: left; font-weight: normal; }
+table, td, th { vertical-align: middle; }
+
+/*  end reset */
+
+h1, h2, h3, h4, h5, h6, p {margin: 2px; padding: 1px;}
+
+.header {
+  background-color: white;
+  text-align:       center;
+  height:           4em;
+  border-bottom:    3px solid gray;
+}
+
+.lastlogin {
+  position:absolute;
+  font-size:smaller;
+  top:0;
+  left:0;
+}
+
+.main {
+  min-height: 40em;
+}
+
+.footer {
+  margin:0;
+  margin-top:0.3em;
+  padding:0;
+  border-top: 2px solid #444;
+  font-size:smaller;
+  clear:both;
+}
+.footer .right { float:right; }
+.footer .left  { float:left; }
+
+.status {
+  position:absolute;
+  right:1em;
+  top:0.1em;
+  font-size: smaller;
+}
+
+.joingame,.sickness,.poverty,.total,.message {
+ position: absolute;
+ background-color: #fff;
+ width: 20%;
+ top:19em;
+ left:40%;
+ right:40%;
+ text-align: center;
+ z-index:22
+}
+
+
+.total .re {
+ position: absolute;
+ left: -4em;
+ top:8em;
+ background-color: #fff;
+ z-index:15;
+}
+.total .contra {
+ position: absolute;
+ right: -4em;
+ top:8em;
+ background-color: #fff;
+ z-index:15;
+}
+
+.rules {
+  margin-top:24em;
+}
+
+
+.card {
+  position:absolute;
+  z-index:20;
+  top:18em;
+  left:28em;
+  text-align:center;
+  background-color:white;
+  border:2px solid gray;
+}
+.card img { width:8em; }
+
+/* display the table and the names */
+div.table {
+  position:absolute;
+  width:100%;
+  height:35em;
+  margin:0;
+  left:0;
+  padding:0;
+/*  border: 3px solid blue; */
+  top: 8.2em;
+  text-align:center;
+}
+
+div.table img.table {
+  position:absolute;
+  width:25%;
+  top:20%;
+  height:22em;
+  left:37.5%;
+  z-indexk:9;
+  display: block;
+  margin:0;
+  padding:0;
+}
+div.table div {
+  /*background-color:green;*/
+  position:absolute;
+  width:12.5%;
+  text-align:center;
+  z-index:20;
+}
+div.table div img{
+  /*background-color:green;*/
+  width:20%;
+}
+
+div.table div.table0 {
+  top:45%;
+  right:62.5%;
+}
+div.table div.table1 {
+  top:5%;
+  left:43.75%;
+}
+div.table div.table2 {
+  top:45%;
+  left:62.5%;
+}
+div.table div.table3 {
+  bottom:5%;
+  left: 43.75%;
+}
+
+ul.tricks {
+  position:relative;
+  list-style:none;
+  margin:3px;
+  padding:0;
+  padding-bottom:3px;
+  text-align:center;
+  border-bottom:1px solid #444;
+}
+ul.tricks a { text-decoration:none; color:#000;}
+ul.tricks li {
+  /*background-color:blue;*/
+  margin:0.1em;
+  padding:0.2em 0.5em;
+  display:inline;
+}
+ul.tricks li.old {  background-color:#fff; }
+ul.tricks li:hover {  background-color: #bbb;}
+ul.tricks li.nohighlight:hover {  background-color: #fff;}
+
+ul.tricks li div.trick {
+  position:absolute;
+  width:100%;
+  height:35em;
+  top:1.2em;
+  left: 0;
+  margin:0;
+  padding:0;
+/*  border: 2px solid red;*/
+  display:block;
+}
+ul.tricks li div.trick {
+  display:none;
+}
+
+ul.tricks li div.trick img.arrow {
+  position:absolute;
+  margin:0;
+  padding:0;
+/*  border: 5px solid blue;*/
+  text-align:center;
+  width:16%;
+  height:16em;
+  left:42%;
+  right:42%;
+  top:11em;
+  z-index:8;
+}
+
+hr {clear:both;}
+
+/*ul.tricks li:hover div.table{ display:block; }*/
+
+ul.tricks li div div.card0 img,ul.tricks li div div.card0 .score, .vorbehalt0 {
+  position:absolute;
+  margin:0;
+  padding:0;
+  /*border: 1px solid red;*/
+  top: 45%;
+  left:37.5%;
+  right:56.5%;
+  width:6%;
+  z-index:30;
+}
+ul.tricks li div div.card0 span.comment{
+  position:absolute;
+  margin:0;
+  padding:0;
+  /*border: 1px solid red;*/
+  top: 5%;
+  right:66.5%;
+  left:17.5%;
+  width:16%;
+}
+ul.tricks li div div.card1 img,ul.tricks li div div.card1 .score, .vorbehalt1 {
+  position:absolute;
+  margin:0;
+  padding:0;
+  /*border: 1px solid red;*/
+  top: 25%;
+  left:47%;
+  right:47%;
+  width:6%;
+  text-align:center;
+  z-index:30;
+}
+ul.tricks li div div.card1 span.comment{
+  position:absolute;
+  margin:0;
+  padding:0;
+  /*border: 1px solid red;*/
+  top: 5%;
+  left:66.5%;
+  right:17.5%;
+  width:16%;
+  text-align:center;
+}
+ul.tricks li div div.card2 img,ul.tricks li div div.card2 .score, .vorbehalt2{
+  position:absolute;
+  margin:0;
+  padding:0;
+  /*border: 1px solid red;*/
+  top: 45%;
+  right:37.5%;
+  left:56x.5%;
+  width:6%;
+  z-index:30;
+}
+ul.tricks li div div.card2 span.comment{
+  position:absolute;
+  margin:0;
+  padding:0;
+  /*border: 1px solid red;*/
+  top: 85%;
+  left:66.5%;
+  right:17.5%;
+  width:16%;
+  text-align:center;
+}
+ul.tricks li div div.card3 img,ul.tricks li div div.card3 .score, .vorbehalt3{
+  position:absolute;
+  margin:0;
+  padding:0;
+  /*border: 1px solid red;*/
+  bottom: 15%;
+  left:47%;
+  right:47%;
+  width:6%;
+  text-align:center;
+  z-index:30;
+}
+ul.tricks li div div.card3 span.comment{
+  position:absolute;
+  margin:0;
+  padding:0;
+  /*border: 1px solid red;*/
+  top: 85%;
+  right:66.5%;
+  left:17.5%;
+  width:16%;
+}
+
+span.comment{
+ border: 3px solid green;
+}
+
+ul.tricks li div div span.comment span{
+  display:block;
+  text-align:left;
+  border-top:1px solid green;
+}
+
+.mycards {
+  margin:0;
+  margin-top:34.5em;
+  padding:0;
+  border:1px solid red;
+  background-color:yellow;
+}
+
+.mycards img {
+  height:6em;
+}
+
+.exchange {
+  clear:both;
+  margin:0;
+  padding:0;
+  border:1px solid red;
+  background-color:yellow;
+}
+
+.exchange img {
+  height:6em;
+}
+
+.line{
+  clear:both;
+  border-top:2px solid gray;
+  margin:0;
+  padding:0;
+}
+
+.session {
+  border-bottom:1px solid black;
+  text-align:center;
+}
+
+.gameinfo, .useroptions {
+  position:absolute;
+  top:10em;
+  right:0em;
+  margin:1em;
+  margin-top:0em;
+  margin-right:0em;
+
+  width:12em;
+
+  border-top:    2px solid gray;
+  border-left:   2px solid gray;
+  border-bottom: 2px solid gray;
+
+  padding:0.3em;
+
+  background-color: #eee;
+}
+
+.usermenu {
+  position:absolute;
+  top:10em;
+  left:0;
+  margin:1em;
+  margin-top:0em;
+  margin-left:0em;
+
+  width: 12em;
+
+  border-top:    2px solid gray;
+  border-right:  2px solid gray;
+  border-bottom: 2px solid gray;
+
+  padding:0.3em;
+
+  background-color: #eee;
+}
+
+.notes {
+  position:absolute;
+  top:27em;
+  left:0;
+  margin:1em;
+  margin-top:0em;
+  margin-left:0em;
+
+  width: 12em;
+
+  border-top:    2px solid gray;
+  border-right:  2px solid gray;
+  border-bottom: 2px solid gray;
+
+  padding:0.3em;
+
+  background-color: #efefef;
+
+  height:10em;
+  overflow: auto;
+}
+
+.user { margin-left:25%;margin-right:25%; }
+.wide { margin-left:5%;margin-right:5%; }
+
+.over {
+  text-align:center;
+  margin-bottom:0.1em;
+}
+
+.submitbutton {
+  border:0;
+  background-color: #efe;
+}
+
+.submitbutton:hover {
+  background-color:#afa;
+}
+
+
+.cardinput {
+  display:inline;
+  position:relative;
+  border: 1px solid black;
+}
+
+.cardinput img {
+  width: 4em;
+}
+
+.cardinput:hover{
+  background-color:red;
+}
+
+div span img.button {
+  width: 2em;
+}
+
+.gamestatuspre {
+   padding: 0 0.3em;
+
+    background-color: #fd8901;
+}
+.gamestatusover {
+   padding:0 0.3em;
+  background-color: #f82c20 ;
+}
+.gamestatusplay {
+  padding:0 0.3em;
+  background-color: #15de26;
+}
+
+.scoretable{
+  height:10em;
+  overflow: auto;
+}
+table.score {
+  width:10em;
+  border-collapse:collapse;
+}
+
+.bigger {
+  font-size:larger;
+}
+
+caption { 
+  text-align: center;
+  margin: 0.5em;
+  padding: 0.5em;
+  padding-bottom: 0em;
+  margin-bottom: 0;
+ }
+table.stats { margin: 0.5em 1em; 
+  border: solid 0.2em #aeaeae;
+  -moz-border-radius: 0.5em ;
+  float: left;
+}
+table.stats tr.odd  { background-color:#aeaeae; }
+table.stats tr.even { background-color:#eaeaea; }
+table.stats td, table.stats th { 
+  margin-left:  0.2em;
+  margin-right: 0.2em;
+  padding-left:  0.2em;
+  padding-right: 0.2em;
+  border-right: solid 0.1em black;
+}
+table.stats  tr td:last-child, table.stats  tr th:last-child { border-right: solid 0 black; }
+
+table.stats th { border-bottom: solid 0.2em black }
\ No newline at end of file
diff --git a/include/output.php b/include/output.php
index 3eb8130..a0b9df3 100644
--- a/include/output.php
+++ b/include/output.php
@@ -96,7 +96,7 @@ function output_form_for_new_game($names)
 <?php
 }
 
-function output_table($data,$class="")
+function output_table($data,$caption="",$class="")
 {
   if($class!="")
     $HTML  = "\n<table class=\"$class\">\n";
@@ -105,6 +105,9 @@ function output_table($data,$class="")
  
   $i=0;
   
+  if($caption!="")
+    $HTML .= "  <caption> $caption </caption>\n";
+
   foreach($data as $record)
     {
       if(!$i)
@@ -270,7 +273,7 @@ function output_header()
      <title>e-Doko</title>
      <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
      <link rel="shortcut icon" type="image/x-icon" href="pics/edoko-favicon.png" />
-     <link rel="stylesheet" type="text/css" href="css/standard004.css" />
+     <link rel="stylesheet" type="text/css" href="css/standard005.css" />
      <script type="text/javascript">
        var current=0;
        function hl(num) {
diff --git a/include/stats.php b/include/stats.php
index c1b81ab..1f4bca9 100644
--- a/include/stats.php
+++ b/include/stats.php
@@ -21,7 +21,7 @@ DB_update_user_timestamp($myid);
 display_user_menu();
 
 /* start statistics*/
-echo "<div class=\"user\">\n";
+echo "<div class=\"user wide\">\n";
 
 /* always: if player logged in: add link to cards  */
 
@@ -74,25 +74,21 @@ if($r)
 
 
 /* number of solos */
-echo "<p>These kind of games have been played this often: <br />";
 $result = DB_query_array_all("SELECT type,COUNT(*) as c from Game".
 			     " WHERE status='gameover'".
 			     " GROUP BY type".
 			     " ORDER BY c DESC");
 array_unshift($result,array("Type","Frequency"));
-echo output_table($result,"stats");
-echo " </p>\n";
+echo output_table($result,"Game types","stats");
 
 /* break up solos in types */
-echo "<p>These kind of solos have been played this often: <br />";
 $result = DB_query_array_all("SELECT solo,COUNT(*) as c from Game".
 			     " WHERE status='gameover'".
 			     " AND type='solo'".
 			     " GROUP BY solo".
 			     " ORDER BY c DESC");
 array_unshift($result,array("Type","Frequency"));
-echo output_table($result,"stats");
-echo "</p>\n";
+echo output_table($result,"Kind of solos","stats");
 
 /*
  2 top user mit maximaler quote an solo (min 10 games)
@@ -106,19 +102,15 @@ echo "</p>\n";
  select id,type,solo,status from game where id in (select id from game where randomnumbers in (select randomnumbers from game where id=27));
  
 */
-echo "<p>Most extra points (doko, fox, karlchen) in a single game:<br />\n";
 $result = DB_query_array_all("SELECT fullname,COUNT(*) as c FROM Score".
 			     " LEFT JOIN User ON User.id=winner_id" .
 			     " WHERE score IN ('fox','doko','karlchen')".
 			     " GROUP BY game_id,fullname".
 			     " ORDER BY c DESC LIMIT 3" );
 array_unshift($result,array("Name","Points"));
-echo output_table($result,"stats");
-echo "</p>\n";
-
+echo output_table($result,"Most extra points in a single game","stats");
 
 /* most reminders */
-echo "<p>These players got the most reminders per game:<br />\n";
 $result = DB_query_array_all("SELECT fullname, COUNT(*)  /" .
 			     "      (SELECT COUNT(*) FROM Hand".
 			     "       WHERE user_id=User.id) as c".
@@ -127,11 +119,9 @@ $result = DB_query_array_all("SELECT fullname, COUNT(*)  /" .
 			     " GROUP BY user_id".
 			     " ORDER BY c DESC LIMIT 5" );
 array_unshift($result,array("Name","Reminders"));
-echo output_table($result,"stats");
-echo "</p>\n";
+echo output_table($result,"Most reminders per game","stats");
 
 /* fox */
-echo "<p>These players caught the most foxes per game:<br />\n";
 $result = DB_query_array_all("SELECT fullname, COUNT(*) /" .
 			     "      (SELECT COUNT(*) FROM Hand".
 			     "       WHERE user_id=User.id) as c".
@@ -141,10 +131,8 @@ $result = DB_query_array_all("SELECT fullname, COUNT(*) /" .
 			     " GROUP BY winner_id".
 			     " ORDER BY c DESC LIMIT 5" );
 array_unshift($result,array("Name","Number of foxes caught"));
-echo output_table($result,"stats");
-echo "</p>\n";
+echo output_table($result,"Most caught foxes","stats");
 
-echo "<p>These players lost their fox most often per game:<br />\n";
 $result = DB_query_array_all("SELECT fullname, COUNT(*) /" .
 			     "      (SELECT COUNT(*) FROM Hand".
 			     "       WHERE user_id=User.id) as c".
@@ -154,10 +142,8 @@ $result = DB_query_array_all("SELECT fullname, COUNT(*) /" .
 			     " GROUP BY looser_id".
 			     " ORDER BY c DESC LIMIT 5" );
 array_unshift($result,array("Name","Number of foxes lost"));
-echo output_table($result,"stats");
-echo "</p>\n";
+echo output_table($result,"Lost foxes (most)","stats");
 
-echo "<p>These players lost their fox least often per game:<br />\n";
 $result = DB_query_array_all("SELECT fullname, COUNT(*) /" .
 			     "      (SELECT COUNT(*) FROM Hand".
 			     "       WHERE user_id=User.id) as c".
@@ -167,11 +153,9 @@ $result = DB_query_array_all("SELECT fullname, COUNT(*) /" .
 			     " GROUP BY looser_id".
 			     " ORDER BY c ASC LIMIT 5" );
 array_unshift($result,array("Name","Number of foxes lost"));
-echo output_table($result,"stats");
-echo "</p>\n";
+echo output_table($result,"Lost foxes (least)","stats");
 
 /* which position wins the most tricks  */
-echo "<p>Which positions at the table make the most tricks:<br />\n";
 $result = DB_query_array_all("SELECT CASE winner ".
 			     "   WHEN 1 THEN 'left' ".
 			     "   WHEN 2 THEN 'top' ".
@@ -181,24 +165,19 @@ $result = DB_query_array_all("SELECT CASE winner ".
 			     " GROUP BY winner ".
 			     " HAVING LENGTH(winner)>0  ".
 			     " ORDER BY winner ASC " );
-
 array_unshift($result,array("Position","Number of tricks"));
-echo output_table($result,"stats");
-echo "</p>\n";
+echo output_table($result,"Tricks at the table","stats");
 
 /* most games */
-echo "<p>Most games played on the server:<br />\n";
 $result = DB_query_array_all("SELECT fullname, COUNT(*) as c  " .
-		   " FROM Hand".
-		   " LEFT JOIN User ON User.id=user_id".
-		   " GROUP BY user_id".
-		   " ORDER BY c DESC LIMIT 7" );
+			     " FROM Hand".
+			     " LEFT JOIN User ON User.id=user_id".
+			     " GROUP BY user_id".
+			     " ORDER BY c DESC LIMIT 7" );
 array_unshift($result,array("Name","Number of games"));
-echo output_table($result,"stats");
-echo "</p>\n";
+echo output_table($result,"Most games","stats");
 
 /* most active games */
-echo "<p>These players are involved in this many active games:<br />\n";
 $result = DB_query_array_all("SELECT fullname, COUNT(*) as c  " .
 		   " FROM Hand".
 		   " LEFT JOIN User ON User.id=user_id".
@@ -207,9 +186,7 @@ $result = DB_query_array_all("SELECT fullname, COUNT(*) as c  " .
 		   " GROUP BY user_id".
 		   " ORDER BY c DESC LIMIT 7" );
 array_unshift($result,array("Name","Number of active games"));
-echo output_table($result,"stats");
-echo "</p>\n";
-
+echo output_table($result,"Active games","stats");
 
 /*
  does the party win more often if they start
@@ -224,11 +201,10 @@ echo "</p>\n";
  echo $r[1]." (".$r[0].") <br />\n";
  echo " games</p>\n";
 */
-echo "<p>Points/game (you need at least 10 games to be in this statistic): <br />\n";
 $result = generate_global_score_table();
 array_unshift($result,array("Name","Average score per game"));
-echo output_table($result,"stats");
-echo "</p>\n";
+echo output_table($result,"Points per game","stats");
+
 /*
  how often is the last trick a non-trump trick
 */
-- 
cgit v1.2.3-18-g5258