give the features their own box in Compilers

source/compilers/index.html

@@ -5,16 +5,14 @@
 <div id="subpage-header">
     [% include camelia %]
 
-    <h2>Perl&nbsp;6 Compilers</h2>
+    <h2>Perl 6 Compilers</h2>
 
-    <p>Perl&nbsp;6 is a language specification, and just like C or C++ there
+    <p>Perl 6 is a language specification, and just like C or C++ there
     are multiple compilers for the language.</p>
 </div>
 
 <div id="col1">
     <h3>Compilers</h3>
-    <p>To see which compilers implement which Perl&nbsp;6 features, please see
-      our <a href="/compilers/features">feature comparison matrix</a>.</p>
     <ul>
         <li>
             <a href="http://rakudo.org/">Rakudo</a> is copyrighted by the Perl
@@ -28,17 +26,17 @@ <h3>Compilers</h3>
         <li>
             <a href="http://github.com/sorear/niecza">Niecza</a> is a compiler
             targetting the Common Language Runtime (.NET and Mono).  Its goal
-            is to explore the static aspects of Perl 6 and the possibilities
+            is to explore the static aspects of Perl 6 and the possibilities
             for compile-time optimization, though this is not yet well realized.
             It is actively developed.
         </li>
 
         <li>
             <a href="/compilers/std-viv">STD</a>
-            is Larry Wall's reference implementation of the Perl&nbsp;6 grammar,
+            is Larry Wall's reference implementation of the Perl 6 grammar,
             parser generator, and some of the semantic verifier. STD is an
             abbreviation of "Standard", as in "Perl6.0.0-STD". It is written in
-            Perl&nbsp;6, transliterated into Perl&nbsp;5 by viv.
+            Perl 6, transliterated into Perl 5 by viv.
             It is also used by
             various phases of several other compilers (mildew, perlito, elf).
         </li>
@@ -51,26 +49,26 @@ <h3>Compilers</h3>
 
         <li>
             <a href="http://www.perlito.org/">Perlito</a>, also known as MiniPerl6,
-            is a subset of Perl&nbsp;6, designed as a light bootstrapping language.
+            is a subset of Perl 6, designed as a light bootstrapping language.
             You can <a href="http://www.perlito.org/js">try it online</a>. It is
             actively developed <a href="http://github.com/fglock/Perlito/">here</a>.
         </li>
 
         <li>
             <a href="http://github.com/masak/yapsi">Yapsi</a> is Yet Another
-            Perl Six Implementation, an implementation of a Perl&nbsp;6
-            compiler-and-runtime in Perl&nbsp;6.  Yapsi issues monthly releases
+            Perl Six Implementation, an implementation of a Perl 6
+            compiler-and-runtime in Perl 6.  Yapsi issues monthly releases
             and is actively developed.
         </li>
 
         <li>
             <a
             href="http://github.com/diakopter/sprixel">Sprixel</a> is a
-            Perl&nbsp;6 compiler targetting the Common Language Runtime (.NET
+            Perl 6 compiler targetting the Common Language Runtime (.NET
             and Mono).  It has a storied history (many total rewrites), but it
             currently intends to implement a small strongly/natively-typed
-            functional-programming subset of Perl&nbsp;6 ("perlesque"), but
-            specifically the flavor of Perl&nbsp;6 used by STD, to facilitate
+            functional-programming subset of Perl 6 ("perlesque"), but
+            specifically the flavor of Perl 6 used by STD, to facilitate
             quick bootstrapping of the official STD grammar and Cursor parser
             engine to the CLR.  It is actively developed.
         </li>
@@ -86,20 +84,32 @@ <h3>Compilers</h3>
 </div>
 
 <div id="col2">
-    <h3>Supplementals</h3>
-    <ul>
-        <li>
-            <a
-            href="http://use.perl.org/~JonathanWorthington/journal/39530">Blizkost</a>
-            is a Perl 5 bridge for Parrot, making Perl 5 code available from
-            Rakudo and other parrot-based compilers.
-        </li>
+    <div class="autosize">
+    <div id="features" class="box">
+	<h3>Feature matrix</h3>
+	<p>To see which compilers implement which Perl 6 features, please see
+	  our <a href="/compilers/features">feature comparison matrix</a>.</p>
+    </div>
+    </div>
 
-        <li>
-            <a
-            href="http://github.com/rakudo/rakudo/tree/master/src/core/">Rakudo's
-            setting library</a>
-        </li>
+    <div class="autosize">
+    <div id="supplementals" class="box">
+	<h3>Supplementals</h3>
+	<ul>
+	    <li>
+		<a
+		href="http://use.perl.org/~JonathanWorthington/journal/39530">Blizkost</a>
+		is a Perl 5 bridge for Parrot, making Perl 5 code available from
+		Rakudo and other parrot-based compilers.
+	    </li>
 
-    </ul>
+	    <li>
+		<a
+		href="http://github.com/rakudo/rakudo/tree/master/src/core/">Rakudo's
+		setting library</a>
+	    </li>
+
+	</ul>
+    </div>
+    </div>
 </div>

source/style.css

@@ -249,6 +249,18 @@ dl#botlist dd {
     height: auto;
 }
 
+#features {
+    background: #80b5ff;
+    border-color: #63a4ff;
+    height: auto;
+}
+
+#supplementals {
+    background: #c0e472;
+    border-color: #8bc313;
+    height: auto;
+}
+
 
 /*
 ** Three-column CSS magic