diff options
Diffstat (limited to 'cgi/templates/stats.html')
| -rw-r--r-- | cgi/templates/stats.html | 61 |
1 files changed, 29 insertions, 32 deletions
diff --git a/cgi/templates/stats.html b/cgi/templates/stats.html index 6cfe4f1..b284d7a 100644 --- a/cgi/templates/stats.html +++ b/cgi/templates/stats.html @@ -5,7 +5,7 @@ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style> -body{font-family:arial,sans-serif;background:#090909;color:#fdfdfd;margin:0;text-align:center} +body{font-family:arial,sans-serif;background:#090909 url('/bg3.png');color:#fff;margin:0;text-align:center;text-shadow:1px 1px #000} a,a:visited{color:#fdfdfd;text-decoration:none} a:hover{text-decoration:underline} hr{margin:1em 0} @@ -24,38 +24,40 @@ td a{display:block;padding:10px} .r{text-align:right} .l{text-align:left} .pos{line-height:0em;text-align:center} -.uno{font-size:2em;color:red} -.dos{font-size:1.6em;color:orange} -.tres{font-size:1.3em;color:yellow} +.b1{font-size:2em;color:red} +.b2{font-size:1.6em;color:orange} +.b3{font-size:1.3em;color:yellow} .etc{color:grey} #foot{margin:1em;font-size:.9em} #foot a{color:#999} -@media (max-width:600px){ -.t1{font-size:1.6em} -.t2{font-size:.9em} -h2{font-size:1.2em} -table{font-size:1.1em} -table.desc{font-size:.9em} -th,td{padding:5px} -td a{display:block;padding:5px} -.uno{font-size:1.6em} -.dos{font-size:1.4em} -.tres{font-size:1.2em} -#boards th{font-size:.8em} -.long{word-break:break-all} -#foot{font-size:12px} +@media (max-width:600px){c + .t1{font-size:1.6em} + .t2{font-size:.9em} + h2{font-size:1.2em} + table{font-size:1.1em} + table.desc{font-size:.9em} + th,td{padding:5px} + td a{display:block;padding:5px} + .b1{font-size:1.6em} + .b2{font-size:1.4em} + .b3{font-size:1.2em} + #boards th{font-size:.8em} + .long{word-break:break-all} + #foot{font-size:12px} } </style> </head> <body> <div id="title"> - <div class="t1"><a href="/" style="font-weight:900">Bienvenido a Internet</a> Estadísticas</div> - <div class="t2"> - <span>Última actualización:</span> <span>${timestamp} GMT${tz}</span> - <?py if not regenerated: ?> - <span>(en caché)</span> - <?py #endif ?> - </div> + <div class="t1"> + <a href="/" style="font-weight:900">Bienvenido a Internet</a> Estadísticas + </div> + <div class="t2"> + <span>Última actualización:</span> <span>${timestamp} GMT${tz}</span> + <?py if not regenerated: ?> + <span>(en caché)</span> + <?py #endif ?> + </div> </div> <hr /> @@ -100,12 +102,7 @@ td a{display:block;padding:5px} <?py iter = 1 ?> <?py for dir, board, percent, num in boards_percent: ?> <tr> - <td class="pos"> - <?py if iter == 1: ?><span class="uno">${iter}</span> - <?py elif iter == 2: ?><span class="dos">${iter}</span> - <?py elif iter == 3: ?><span class="tres">${iter}</span> - <?py else: ?>${iter}<?py #endif ?> - </td> + <td class="pos b${iter}">${iter}</td> <td class="l boards"><a href="/${dir}/" target="_blank">${board}</a></td> <td class="r">${num}</td> <td class="r">${percent}%</td> @@ -158,6 +155,6 @@ td a{display:block;padding:5px} <hr /> -<div id="foot">B.a.I. - 2010-2019 · Contacto: <a href="mailto:burocracia@bienvenidoainternet.org">burocracia@bienvenidoainternet.org</a></div> +<div id="foot">B.a.I. - 2010-2021 · Contacto: <a href="mailto:burocracia@bienvenidoainternet.org">burocracia@bienvenidoainternet.org</a></div> </body> </html>
\ No newline at end of file |