site: docs: we are wild and crazy party people

Colour to reduce wall-of-text, better use of space.

[ci skip]

site/docs.md

@@ -1,17 +1,44 @@
 # hledger docs
 
 <style>
-h2 { font-size:x-large; margin-top:0.5em; }
+h2 { font-size:x-large; margin-top:.5em; }
-h3 { font-size:large; margin-bottom:0.2em; }
+h3 { font-size:large; margin-bottom:.2em; }
 tr { border-top:thin solid #bbb; border-bottom:thin solid #bbb; vertical-align:top; }
 td:nth-child(1) { padding-right:1em; white-space:nowrap; }
+.col-sm-3, .col-sm-4 {
+  padding:0;
+}
+.contentbox {
+  padding:.1em .5em;
+  margin:0 .5em .5em 0;
+  border-radius:1em;
+}
+#introduction {
+  background-color:#ffd;
+}
+#help {
+  background-color:#fdd;
+}
+#reference {
+  background-color:#eef;
+  text-align:left;
+}
+#reference .subcontent {
+  margin-left:1em;
+}
+#wiki {
+  background-color:#efe;
+  text-align:center;
+}
+#wiki .subcontent {
+}
 </style>
 
 <div class="container">
 <div class="row">
-
 <div class="col-sm-3">
 
+<div id=introduction class=contentbox>
 ## Introduction
 
 ### What is hledger?
@@ -28,10 +55,9 @@ Using plain text data formats and version control for robust, transparent accoun
 
 Tracking your use of valuable commodities, such as money or time, for increased awareness and effectiveness.\
 **[Selected accounting links](http://github.com/simonmichael/hledger/wiki/more-docs)**
+</div>
 
-\
+<div id=help class=contentbox>
-
-
 ## Help/Feedback
 
 |
@@ -39,17 +65,18 @@ Tracking your use of valuable commodities, such as money or time, for increased
 | IRC:              | [#hledger](http://irc.hledger.org) on Freenode <!-- [chat log](http://ircbrowse.net/browse/hledger); --> <!-- see also [#ledger](http://webchat.freenode.net?channels=ledger&randomnick=1) --> <!-- *Quick help and background chat.* --> <!-- *If you don't get an answer promptly, you can type `sm` to alert me, or leave the window open and check back later.* -->
 | Twitter:          | [#hledger](https://twitter.com/search?q=%23hledger&src=typd&f=realtime), [#plaintextaccounting](https://twitter.com/search?q=%23plaintextaccounting&src=typd&f=realtime) <!-- <a href="https://twitter.com/ledgertips">@LedgerTips</a> --> <!-- *Social!* -->
 | Reddit:           | [/r/plaintextaccounting](https://www.reddit.com/r/plaintextaccounting/)
-| Mail list:        | [list.hledger.org](http://list.hledger.org), [hledger@googlegroups.com](mailto:hledger@googlegroups.com) <!-- *Slightly less quick, more eyeballs.* -->
+| Mail list:     | [list.hledger.org](http://list.hledger.org), [hledger@googlegroups.com](mailto:hledger@googlegroups.com) <!-- *Slightly less quick, more eyeballs.* -->
-| Issue<br>tracker:    | [bugs.hledger.org](http://bugs.hledger.org)&nbsp;(bugs), [issues.hledger.org](http://issues.hledger.org)&nbsp;(all) <!-- *Always check here.* --> <!-- *Bug reports are welcome.* -->
+| Issue<br>tracker: | [bugs.hledger.org](http://bugs.hledger.org)&nbsp;(bugs), [issues.hledger.org](http://issues.hledger.org)&nbsp;(all) <!-- *Always check here.* --> <!-- *Bug reports are welcome.* -->
-| Sensitive<br>issues: | [simon@joyful.com](mailto:simon@joyful.com)
+| Other:            | [simon@joyful.com](mailto:simon@joyful.com)
 <!-- | hledger-web demo&nbsp;&nbsp; | [demo.hledger.org](http://demo.hledger.org) -->
 <!-- | hledger-web on Sandstorm&nbsp;&nbsp; | [hledger-web app](https://apps.sandstorm.io/app/8x12h6p0x0nrzk73hfq6zh2jxtgyzzcty7qsatkg7jfg2mzw5n90), [issues](https://github.com/simonmichael/hledger/issues?utf8=✓&q=label%3A%22platform%3A%20sandstorm%22%20) -->
 <!-- | hledger-api demo        | <\!-- [demo.hledger.org/api](http://demo.hledger.org/api/swagger.json), -\-> [in swagger editor](http://editor.swagger.io/#/?import=demo.hledger.org/api/swagger.json&no-proxy) -->
+</div> <!-- column -->
 
 </div>
-
 <div class="col-sm-3">
 
+<div id=reference class=contentbox>
 ## Reference
 
 **[Release notes](release-notes.html)**\
@@ -59,7 +86,7 @@ What's new in each hledger version.
 The main hledger manuals combined on one page for easy searching.
 Includes:
 
-<div style="margin-left:1em;">
+<div class=subcontent>
 [hledger](hledger.html)\
 the command-line UI
 
@@ -84,17 +111,18 @@ a file format for precise time logging
 [timedot format](timedot.html)\
 a file format for human-friendly approximate time logging
 </div>
-
 </div>
 
-<div class="col-sm-3">
+</div> <!-- column -->
+<div class="col-sm-4">
 
+<div id=wiki class=contentbox>
 ## Wiki/Cookbook
 
 **[hledger wiki](https://github.com/simonmichael/hledger/wiki)**\
 How-tos, tutorials & tips, including:
 
-<div style="margin-left:0em;">
+<div class=subcontent>
 <!-- WIKICONTENT -->
 ### Getting started
 
@@ -144,8 +172,8 @@ How-tos, tutorials & tips, including:
 [Beancount's docs](http://furius.ca/beancount/doc/index)
 <!-- ENDWIKICONTENT -->
 </div>
-
 </div>
 
+</div> <!-- column -->
 </div> <!-- row -->
 </div> <!-- container -->