Templatize the grid size

This allows you to easily set the page width to common 12-multiples
like 1200, 1080, and 960. Things that are grid-based will adjust
according without extra effort. Also made some widths follow the
selected grid, like sidebar notes.

This commit also changes "about" footers to use div elements instead
of footer elements. They are already contained in a footer element,
and you're not supposed to put footers in footers.

1 files changed, 17 insertions, 0 deletions

diff --git a/test/mallard/source/index.page b/test/mallard/source/index.page
index 887faf39..1505644f 100644
--- a/test/mallard/source/index.page
+++ b/test/mallard/source/index.page
@@ -24,14 +24,30 @@
   Vestibulum in pretium ligula. Cras dignissim nisl ligula, non semper diam lobortis sit amet.
   Donec cursus sollicitudin velit, at vulputate enim.</p>
 
+<!--
+The stylesheets won't render all of these at once,
+so uncomment whatever you want to test.
+-->
+
   <links type="topic">
     <title>Regular links</title>
   </links>
 
+<!--
+  <links type="topic"
+         xmlns:uix="http://projectmallard.org/experimental/ui/"
+         uix:thumbs="tiles">
+    <title>Thumb tile links</title>
+  </links>
+
   <links type="topic" style="2column">
     <title>Two-column links</title>
   </links>
 
+  <links type="topic" style="grid">
+    <title>Two-column links</title>
+  </links>
+
   <links type="topic" style="linklist">
     <title>Link list</title>
   </links>
@@ -39,5 +55,6 @@
   <links type="topic" style="button">
     <title>Link buttons</title>
   </links>
+-->
 
 </page>