]> git.sesse.net Git - foosball/commitdiff
projects / foosball / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 1371406)
Made the front page a bit more... different.
authorSteinar H. Gunderson <sesse@debian.org>
Sat, 20 Oct 2007 23:54:34 +0000 (01:54 +0200)
committerSteinar H. Gunderson <sesse@debian.org>
Sat, 20 Oct 2007 23:54:34 +0000 (01:54 +0200)
www/foosball.css [new file with mode: 0644] patch | blob
www/index.pl patch | blob | history
www/index.xml patch | blob | history

diff --git a/www/foosball.css b/www/foosball.css
new file mode 100644 (file)
index 0000000..a552baf
--- /dev/null
+++ b/www/foosball.css
@@ -0,0 +1,65 @@
+html {
+       background-color: #ffffff;
+       color: #000000;
+       font-family: arial;
+}
+
+.box {
+       border: 3px solid #2a5580;
+       float: left;
+       margin: 0.5em;
+       padding: 0.5em;
+       text-align: center;
+}
+#addsingle, #assesssingle {
+       width: 17em;
+}
+#adddouble, #assessdouble {
+       width: 20em;
+}
+#singleboard, #assesssingle, #lastgames {
+       clear: left;
+}
+#addsingle th, #assesssingle th, #adddouble th, #assessdouble th {
+       padding-right: 1em;
+}
+h2 {
+       padding-top: 1em;
+}
+.box h2 {
+       margin-top: 0em;
+       padding-top: 0em;
+       margin-bottom: 0.5em;
+       display: block;
+       text-align: center;
+}
+#addsingle table, #adddouble table, #assesssingle table, #assessdouble table {
+       margin-left: auto;
+       margin-right: auto;
+}
+#singleboard table, #doubleboard table, #lastgames table {
+       border-collapse: collapse;
+}
+#singleboard td, #singleboard th, #doubleboard td, #doubleboard th, #lastgames td, #lastgames th {
+       border-right: 2px solid #80632a;
+}
+#singleboard .trend, #doubleboard .trend, #lastgames .rightmost {
+       border-right: none;
+}
+#singleboard tr.even, #doubleboard tr.even, #lastgames tr.even {
+       background-color: #e8d98e;
+}
+#singleboard th, #doubleboard th, #lastgames th, #singleboard td, #doubleboard td, #lastgames td {
+       text-align: center;
+       padding-left: 0.5em;
+       padding-right: 0.5em;
+}
+input {
+       border: 1px solid #285580;
+       background: transparent;
+}
+input[type="button"], input[type="submit"] {
+       border: 2px outset #285580;
+       background: transparent;
+       margin-top: 5px;
+}
diff --git a/www/index.pl b/www/index.pl
index 80c874b36f41e584cf946c2b74d8f4bc29b7ce21..a9f2d43b7d022a7dd133f424b004dc3436afba1d 100755 (executable)
--- a/www/index.pl
+++ b/www/index.pl
@@ -134,8 +134,8 @@ $dbh->disconnect;
 print CGI->header(-type=>'application/xhtml+xml');
 
 my $doc = XML::Template::process_file('index.xml', {
-       '#singletop' => \@single_top,
-       '#doubletop' => \@double_top,
-       '#lastgames' => \@last_games,
+       '#singletop' => XML::Template::alternate('tr/class', \@single_top, 'odd', 'even'),
+       '#doubletop' => XML::Template::alternate('tr/class', \@double_top, 'odd', 'even'),
+       '#lastgames' => XML::Template::alternate('tr/class', \@last_games, 'odd', 'even'),
 });
 print $doc->toString;
diff --git a/www/index.xml b/www/index.xml
index ec452699b717b5cfabdfb35e764fa80187cb044c..fea921234c832de1c47db4d7f9099f0ab0e6d401 100644 (file)
--- a/www/index.xml
+++ b/www/index.xml
@@ -6,181 +6,196 @@
   <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>Foosball!</h1>
+    <h1>...on a clear day, you can play foosball forever</h1>
     
-    <h2>Add a singles result</h2>
+    <div class="box" id="addsingle">
+      <h2>Add a singles result</h2>
 
-    <form method="post" action="add-single-result.pl">
-      <table>
-        <tr>
-         <th>User name 1</th>
-         <td><input name="username1" value="" size="10" /></td>
-       </tr>
-        <tr>
-         <th>User name 2</th>
-         <td><input name="username2" value="" size="10" /></td>
-       </tr>
-       <tr>
-         <th>Score</th>
-         <td>
-           <input name="score1" value="" size="2" /> -
-           <input name="score2" value="" size="2" />
-         </td>
-       </tr>
-       <tr>
-         <td colspan="2"><input type="submit" /></td>
-       </tr>
-      </table>
-    </form>
+      <form method="post" action="add-single-result.pl">
+        <table>
+          <tr>
+            <th>Player 1:</th>
+            <td><input name="username1" value="" size="10" /></td>
+          </tr>
+          <tr>
+            <th>Player 2:</th>
+            <td><input name="username2" value="" size="10" /></td>
+          </tr>
+          <tr>
+            <th>Score:</th>
+            <td>
+              <input name="score1" value="" size="2" /> &#8211; 
+              <input name="score2" value="" size="2" />
+            </td>
+          </tr>
+          <tr>
+            <td colspan="2"><input type="submit" value="Add result" /></td>
+          </tr>
+        </table>
+      </form>
+    </div>
     
-    <h2>Add a doubles result</h2>
+    <div class="box" id="adddouble">
+      <h2>Add a doubles result</h2>
 
-    <form method="post" action="add-double-result.pl">
-      <table>
-        <tr>
-         <th>Team 1 (usernames)</th>
-         <td>
-           <input name="team1_username1" value="" size="10" /> and 
-           <input name="team1_username2" value="" size="10" />
-         </td>
-       </tr>
-        <tr>
-         <th>Team 2 (usernames)</th>
-         <td>
-           <input name="team2_username1" value="" size="10" /> and 
-           <input name="team2_username2" value="" size="10" />
-         </td>
-       </tr>
-       <tr>
-         <th>Score</th>
-         <td>
-           <input name="score1" value="" size="2" /> -
-           <input name="score2" value="" size="2" />
-         </td>
-       </tr>
-       <tr>
-         <td colspan="2"><input type="submit" /></td>
-       </tr>
-      </table>
-    </form>
-
-    <h2>Singles score board</h2>
+      <form method="post" action="add-double-result.pl">
+        <table>
+          <tr>
+            <th>Team 1:</th>
+            <td>
+              <input name="team1_username1" value="" size="10" /> and 
+              <input name="team1_username2" value="" size="10" />
+            </td>
+          </tr>
+          <tr>
+            <th>Team 2:</th>
+            <td>
+              <input name="team2_username1" value="" size="10" /> and 
+              <input name="team2_username2" value="" size="10" />
+            </td>
+          </tr>
+          <tr>
+            <th>Score:</th>
+            <td>
+              <input name="score1" value="" size="2" /> &#8211; 
+              <input name="score2" value="" size="2" />
+            </td>
+          </tr>
+          <tr>
+            <td colspan="2"><input type="submit" value="Add result" /></td>
+          </tr>
+        </table>
+      </form>
+    </div>
+    
+    <div class="box" id="assesssingle">
+      <h2>Assess a singles match</h2>
 
-    <table>
-      <thead>
-        <tr>
-          <th>Username</th>
-         <th>Rating</th>
-         <th>RD</th>
-         <th>Lower bound</th>
-         <th>Since -1d</th>
-       </tr>
-      </thead>
-      <tbody t:id="singletop">
-        <tr>
-         <td><t:username /></td>
-         <td><t:rating /></td>
-         <td><t:rd /></td>
-         <td><t:lowerbound /></td>
-         <td><t:trend /></td>
-       </tr>
-      </tbody>
-    </table>
+      <form method="post" action="assess-single.pl">
+        <table>
+          <tr>
+            <th>User name 1</th>
+            <td><input name="username1" value="" size="10" /></td>
+          </tr>
+          <tr>
+            <th>User name 2</th>
+            <td><input name="username2" value="" size="10" /></td>
+          </tr>
+          <tr>
+            <td colspan="2"><input type="submit" value="Assess" /></td>
+          </tr>
+        </table>
+      </form>
+    </div>
+    
+    <div class="box" id="assessdouble">
+      <h2>Assess a doubles match</h2>
 
-    <h2>Doubles score board</h2>
+      <form method="post" action="assess-double.pl">
+        <table>
+          <tr>
+            <th>Team 1:</th>
+            <td>
+              <input name="team1_username1" value="" size="10" /> and 
+              <input name="team1_username2" value="" size="10" />
+            </td>
+          </tr>
+          <tr>
+            <th>Team 2:</th>
+            <td>
+              <input name="team2_username1" value="" size="10" /> and 
+              <input name="team2_username2" value="" size="10" />
+            </td>
+          </tr>
+          <tr>
+            <td colspan="2"><input type="submit" value="Assess" /></td>
+          </tr>
+        </table>
+      </form>
+    </div>
 
-    <table>
-      <thead>
-        <tr>
-          <th>Username</th>
-         <th>Rating</th>
-         <th>RD</th>
-         <th>Lower bound</th>
-         <th>Since -1d</th>
-       </tr>
-      </thead>
-      <tbody t:id="doubletop">
-        <tr>
-         <td><t:username /></td>
-         <td><t:rating /></td>
-         <td><t:rd /></td>
-         <td><t:lowerbound /></td>
-         <td><t:trend /></td>
-       </tr>
-      </tbody>
-    </table>
+    <div class="box" id="singleboard">
+      <h2>Singles score board</h2>
 
-    <h2>Last ten games</h2>
+      <table>
+        <thead>
+          <tr>
+            <th class="username">Username</th>
+            <th class="rating">Rating</th>
+            <th class="rd">RD</th>
+            <th class="lowerbound">Lower bound</th>
+            <th class="trend">Since -1d</th>
+          </tr>
+        </thead>
+        <tbody t:id="singletop">
+          <tr>
+            <td class="username"><t:username /></td>
+            <td class="rating"><t:rating /></td>
+            <td class="rd"><t:rd /></td>
+            <td class="lowerbound"><t:lowerbound /></td>
+            <td class="trend"><t:trend /></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
 
-    <table>
-      <thead>
-        <tr>
-          <th>Registered</th>
-          <th>Type</th>
-          <th colspan="2">Opponents</th>
-         <th>Score</th>
-         <th colspan="2">Rating diff.</th>
-       </tr>
-      </thead>
-      <tbody t:id="lastgames">
-        <tr>
-         <td><t:gametime /></td>
-         <td><t:type /></td>
-         <td><t:username1 /></td>
-         <td><t:username2 /></td>
-         <td><t:score1 /> &#8211; <t:score2 /></td>
-         <td><t:diff1 /></td>
-         <td><t:diff2 /></td>
-       </tr>
-      </tbody>
-    </table>
-    
-    <h2>Assess a singles match</h2>
+    <div class="box" id="doubleboard">
+      <h2>Doubles score board</h2>
 
-    <form method="post" action="assess-single.pl">
       <table>
-        <tr>
-         <th>User name 1</th>
-         <td><input name="username1" value="" size="10" /></td>
-       </tr>
-        <tr>
-         <th>User name 2</th>
-         <td><input name="username2" value="" size="10" /></td>
-       </tr>
-       <tr>
-         <td colspan="2"><input type="submit" /></td>
-       </tr>
+        <thead>
+          <tr>
+            <th class="username">Username</th>
+            <th class="rating">Rating</th>
+            <th class="rd">RD</th>
+            <th class="lowerbound">Lower bound</th>
+            <th class="trend">Since -1d</th>
+          </tr>
+        </thead>
+        <tbody t:id="doubletop">
+          <tr>
+            <td class="username"><t:username /></td>
+            <td class="rating"><t:rating /></td>
+            <td class="rd"><t:rd /></td>
+            <td class="lowerbound"><t:lowerbound /></td>
+            <td class="trend"><t:trend /></td>
+          </tr>
+        </tbody>
       </table>
-    </form>
-    
-    <h2>Assess a doubles match</h2>
+    </div>
+
+    <div class="box" id="lastgames">
+      <h2>Last ten games</h2>
 
-    <form method="post" action="assess-double.pl">
       <table>
-        <tr>
-         <th>Team 1 (usernames)</th>
-         <td>
-           <input name="team1_username1" value="" size="10" /> and 
-           <input name="team1_username2" value="" size="10" />
-         </td>
-       </tr>
-        <tr>
-         <th>Team 2 (usernames)</th>
-         <td>
-           <input name="team2_username1" value="" size="10" /> and 
-           <input name="team2_username2" value="" size="10" />
-         </td>
-       </tr>
-       <tr>
-         <td colspan="2"><input type="submit" /></td>
-       </tr>
+        <thead>
+          <tr>
+            <th>Registered</th>
+            <th>Type</th>
+            <th colspan="2">Opponents</th>
+            <th>Score</th>
+            <th colspan="2" class="rightmost">Rating diff.</th>
+          </tr>
+        </thead>
+        <tbody t:id="lastgames">
+          <tr>
+            <td><t:gametime /></td>
+            <td><t:type /></td>
+            <td><t:username1 /></td>
+            <td><t:username2 /></td>
+            <td><t:score1 /> &#8211; <t:score2 /></td>
+            <td><t:diff1 /></td>
+            <td class="rightmost"><t:diff2 /></td>
+          </tr>
+        </tbody>
       </table>
-    </form>
-
-    <h2>About the ratings</h2>
+    </div>
+   
+    <h2 style="clear: left;">About the ratings</h2>
 
     <p>The rating system in use is called <em>FoosRank</em>, and is specially 
       designed for this site. It is a Bayesian rating system, inspired by
Unnamed repository; edit this file 'description' to name the repository.