Update the feature comparison page to look more like other

pages on the perl6.org site (menubar at top, smaller Camelia, etc.). If anyone disagrees with this updated layout, feel free to revert.
Raku · Jun 24, 2012 · 911978f · 911978f
1 parent f5269a2
commit 911978f
Showing 1 changed file with 20 additions and 3 deletions.
diff --git a/template.html b/template.html
@@ -6,6 +6,7 @@
     <title>Feature comparison of Perl 6 compilers</title>
     <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
     <style type="text/css">
+        @import url("http://perl6.org/style.css");
         .implemented, .implemented a {
             background-color: #3c3;
             color:            white;
@@ -43,16 +44,32 @@
             font-size: 70%;
             position:  absolute; 
         }
+        .footnotes li { margin-bottom:0em; }
         :target {
             background-color: #FFFF66;
         }
     </style>
 
 </head>
 <body>
-    <img src="http://perl6.org/camelia-logo-small.png" alt="Camelia, the Perl 6 bug" align="right">
+    <div id="navigation">
+        <ul>
+          <li id="nav-home"     ><a href="/">Home</a></li>
+          <li id="nav-community"><a href="/community/">Community</a></li>
+          <li id="nav-specs"    ><a href="/specification/">Specification</a></li>
+          <li id="nav-compilers" class="active"><a href="/compilers/">Compilers</a></li>
+          <li id="nav-docs"     ><a href="/documentation/">Documentation</a></li>
+          <li id="nav-fun"      ><a href="/fun/">Fun</a></li>
+          <li id="nav-whatever" ><a href="/whatever/">Whatever</a></li>
+        </ul>
+    </div>
 
-    <h1>Feature comparison of Perl 6 compilers</h1>
+    <div id="subpage-header" style='width:880px'>
+        <img src="http://perl6.org/camelia-logo-small.png" width="140" height="130"
+        alt="Camelia, the Perl 6 bug" />
+
+    <h2>Feature comparison of Perl 6 compilers</h2>
+    </div>
 
     <p><a href="https://github.com/mj41/Perl-6-GD/raw/master/export/Summary%20-%20Compilers%27%20features%20-%20GoodData.png">Summary
         chart</a></p>
@@ -105,7 +122,7 @@ <h2>Features</h2>
     </table>
 
     <h3>Footnotes</h3>
-    <ol>
+    <ol class='footnotes'>
         <%loop footnotes%>
             <li id="footnote_<%var id%>"><%var text%></li>
         <%/loop%>