'rating2' => int($rating1_2+0.5),
'rating3' => int($rating2_1+0.5),
'rating4' => int($rating2_2+0.5),
- '#results10' => \@results10,
- '#results7' => \@results7,
+ '#results10' => XML::Template::alternate('tr/class', \@results10, 'odd', 'even'),
+ '#results7' => XML::Template::alternate('tr/class', \@results7, 'odd', 'even'),
});
print $doc->toString;
<head>
<title>Foosball!</title>
<link rev="made" href="mailto:sgunderson@bigfoot.com" />
+ <link rel="stylesheet" type="text/css" href="foosball.css" />
<meta name="MSSmartTagsPreventParsing" content="TRUE" />
</head>
<body>
(<t:rating1 />/<t:rating2 />) and
<t:username3 />/<t:username4 /> (<t:rating3 />/<t:rating4 />)</h1>
- <table>
- <thead>
- <tr>
- <th>Score</th>
- <th>Probability</th>
- <th><t:username1 /></th>
- <th><t:username2 /></th>
- <th><t:username3 /></th>
- <th><t:username4 /></th>
- </tr>
- </thead>
- <tbody t:id="results10">
- <tr>
- <td><t:score /></td>
- <td><t:prob /></td>
- <td><t:rdiff1 /></td>
- <td><t:rdiff2 /></td>
- <td><t:rdiff3 /></td>
- <td><t:rdiff4 /></td>
- </tr>
- </tbody>
- </table>
-
- <table>
- <thead>
- <tr>
- <th>Score</th>
- <th>Probability</th>
- <th><t:username1 /></th>
- <th><t:username2 /></th>
- <th><t:username3 /></th>
- <th><t:username4 /></th>
- </tr>
- </thead>
- <tbody t:id="results7">
- <tr>
- <td><t:score /></td>
- <td><t:prob /></td>
- <td><t:rdiff1 /></td>
- <td><t:rdiff2 /></td>
- <td><t:rdiff3 /></td>
- <td><t:rdiff4 /></td>
- </tr>
- </tbody>
- </table>
-
<p>Don't want to click the back button? <a href="/">Here's a link</a>, you
lazy sod.</p>
+
+ <div class="box" id="assessresults">
+ <table>
+ <thead>
+ <tr>
+ <th>Score</th>
+ <th>Probability</th>
+ <th><t:username1 /></th>
+ <th><t:username2 /></th>
+ <th><t:username3 /></th>
+ <th class="rightmost"><t:username4 /></th>
+ </tr>
+ </thead>
+ <tbody t:id="results10">
+ <tr>
+ <td><t:score /></td>
+ <td><t:prob /></td>
+ <td><t:rdiff1 /></td>
+ <td><t:rdiff2 /></td>
+ <td><t:rdiff3 /></td>
+ <td class="rightmost"><t:rdiff4 /></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+ <div class="box" id="assessresults">
+ <table>
+ <thead>
+ <tr>
+ <th>Score</th>
+ <th>Probability</th>
+ <th><t:username1 /></th>
+ <th><t:username2 /></th>
+ <th><t:username3 /></th>
+ <th class="rightmost"><t:username4 /></th>
+ </tr>
+ </thead>
+ <tbody t:id="results7">
+ <tr>
+ <td><t:score /></td>
+ <td><t:prob /></td>
+ <td><t:rdiff1 /></td>
+ <td><t:rdiff2 /></td>
+ <td><t:rdiff3 /></td>
+ <td class="rightmost"><t:rdiff4 /></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
</body>
</html>
'username2' => $username2,
'rating1' => int($rating1+0.5),
'rating2' => int($rating2+0.5),
- '#results10' => \@results10,
- '#results7' => \@results7,
+ '#results10' => XML::Template::alternate('tr/class', \@results10, 'odd', 'even'),
+ '#results7' => XML::Template::alternate('tr/class', \@results7, 'odd', 'even'),
});
print $doc->toString;
<head>
<title>Foosball!</title>
<link rev="made" href="mailto:sgunderson@bigfoot.com" />
+ <link rel="stylesheet" type="text/css" href="foosball.css" />
<meta name="MSSmartTagsPreventParsing" content="TRUE" />
</head>
<body>
<h1>Assessment of singles match between <t:username1 /> (<t:rating1 />) and <t:username2 /> (<t:rating2 />)</h1>
-
- <table>
- <thead>
- <tr>
- <th>Score</th>
- <th>Probability</th>
- <th><t:username1 /></th>
- <th><t:username2 /></th>
- </tr>
- </thead>
- <tbody t:id="results10">
- <tr>
- <td><t:score /></td>
- <td><t:prob /></td>
- <td><t:rdiff1 /></td>
- <td><t:rdiff2 /></td>
- </tr>
- </tbody>
- </table>
-
- <table>
- <thead>
- <tr>
- <th>Score</th>
- <th>Probability</th>
- <th><t:username1 /></th>
- <th><t:username2 /></th>
- </tr>
- </thead>
- <tbody t:id="results7">
- <tr>
- <td><t:score /></td>
- <td><t:prob /></td>
- <td><t:rdiff1 /></td>
- <td><t:rdiff2 /></td>
- </tr>
- </tbody>
- </table>
<p>Don't want to click the back button? <a href="/">Here's a link</a>, you
lazy sod.</p>
+
+ <div class="box" id="assessresults">
+ <table>
+ <thead>
+ <tr>
+ <th>Score</th>
+ <th>Probability</th>
+ <th><t:username1 /></th>
+ <th class="rightmost"><t:username2 /></th>
+ </tr>
+ </thead>
+ <tbody t:id="results10">
+ <tr>
+ <td><t:score /></td>
+ <td><t:prob /></td>
+ <td><t:rdiff1 /></td>
+ <td class="rightmost"><t:rdiff2 /></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+ <div class="box" id="assessresults">
+ <table>
+ <thead>
+ <tr>
+ <th>Score</th>
+ <th>Probability</th>
+ <th><t:username1 /></th>
+ <th class="rightmost"><t:username2 /></th>
+ </tr>
+ </thead>
+ <tbody t:id="results7">
+ <tr>
+ <td><t:score /></td>
+ <td><t:prob /></td>
+ <td><t:rdiff1 /></td>
+ <td class="rightmost"><t:rdiff2 /></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
</body>
</html>
margin-left: auto;
margin-right: auto;
}
-#singleboard table, #doubleboard table, #lastgames table {
+#singleboard table, #doubleboard table, #lastgames table, #assessresults table {
border-collapse: collapse;
}
-#singleboard td, #singleboard th, #doubleboard td, #doubleboard th, #lastgames td, #lastgames th {
+#singleboard td, #doubleboard td, #lastgames td, #assessresults td {
+ padding: 2px;
+}
+#singleboard td, #singleboard th, #doubleboard td, #doubleboard th, #lastgames td, #lastgames th, #assessresults td, #assessresults th {
border-right: 2px solid #80632a;
}
-#singleboard .trend, #doubleboard .trend, #lastgames .rightmost {
+#singleboard .trend, #doubleboard .trend, #lastgames .rightmost, #assessresults .rightmost {
border-right: none;
}
-#singleboard tr.even, #doubleboard tr.even, #lastgames tr.even {
+tr.even {
background-color: #e8d98e;
}
-#singleboard th, #doubleboard th, #lastgames th, #singleboard td, #doubleboard td, #lastgames td {
+#singleboard th, #doubleboard th, #lastgames th, #singleboard td, #doubleboard td, #lastgames td, #assessresults th, #assessresults td {
text-align: center;
padding-left: 0.5em;
padding-right: 0.5em;