]> git.sesse.net Git - foosball/commitdiff
"Fix" the assessment look too.
authorSteinar H. Gunderson <sesse@debian.org>
Sun, 21 Oct 2007 00:03:21 +0000 (02:03 +0200)
committerSteinar H. Gunderson <sesse@debian.org>
Sun, 21 Oct 2007 00:03:21 +0000 (02:03 +0200)
www/assess-double.pl
www/assess-double.xml
www/assess-single.pl
www/assess.xml
www/foosball.css

index bc600694a2b9efe7963fd269b4cb8bed12ff9dc0..1b28fc57dda2218e7242601be1fc250fd1c16dc4 100755 (executable)
@@ -79,7 +79,7 @@ my $doc = XML::Template::process_file('assess-double.xml', {
        '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;
index 9f4473801133fe28084df398d585e4e1f539acc4..838c16c044575ba928ec4bb5a68d7cf1f255f534 100644 (file)
@@ -6,6 +6,7 @@
   <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>        
 
index e9ffee198e27a1157d5e9713db79e2e32614a349..4a7d5a0fe0456860846e29554f1b41dbc9f88021 100755 (executable)
@@ -61,7 +61,7 @@ my $doc = XML::Template::process_file('assess.xml', {
        '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;
index f6a4a3428991b099626a79f22c50f856661c9219..1fd8f0114948b186ca0c0b2ad73983e7498f26a6 100644 (file)
@@ -6,51 +6,56 @@
   <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>        
 
index a552baffec361bef12553eb22010fd740fbba523..cd11692092175ebdd2f3ecb70c2bcc4b4d1a9752 100644 (file)
@@ -37,19 +37,22 @@ h2 {
        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;