anchor.diff:  doctype html
   html(lang="en", xmlns="http://www.w3.org/1999/xhtml")
     head
  -    title Site Schemes &in; Site Design</title>
  +    title Site Schemes &in; Site Design
       meta(charset="utf-8")
  -    link(rel="stylesheet" href="../../styles/chharvey.css")
  +    link(rel="stylesheet", href="../../styles/chharvey.css")
       style.
         body {
           color: #000;
  
positive.code:           with a Lunarized Light foreground, but does not use
            syntax highlighting. (If it did, it would probably use Lunarized Accents.)
          p.
            Credit is due to <a rel="external" href="http://ethanschoonover.com/solarized">Ethan Schoonover
            (&copy; <time>2011</time>)</a> for developing the Solarized Scheme.
          p.
            Inspired by his work, I developed the Lunarized Scheme in an attempt to cool the Solarized Light
            background colors. I liked the idea of using a Light theme but I didn&rsquo;t want a yellowish
            tint. In the Lunarized Scheme, the bases are inverses of the Solarized Bases while the accents
            are complements of the Solarized Accents<sup><a class="Rf" id="rf-color" rel="this" href="#fn-color">1</a></sup>.
            Then there&rsquo;s the added bonus of its name being based off of the Moon, which is an
            integral part of <cite>Portal</cite> gameplay.
          footer
            ul.c-ListFootnotes
              li
                p.
                  <sup><a class="Fn" id="fn-color" rel="this" href="#rf-color">1</a></sup>
                  The <dfn>inverse</dfn> of a color is that color with a hue rotation of 180&deg;, while
                  the <dfn>complement</dfn> of a color is the difference between that color and white.
                pre.
                  inverse(@color)    : spin(@color, 180);
                  complement(@color) : rgb( 255 - red(@color), 255 - green(@color), 255 - blue(@color) );
          section
            h3 <cite>Solarized</cite> Color Scheme
            dl.o-FlexContainer
              dt.o-Box.ColorTitle(class="!w:1o2 !xo:0 !bc:s03").h-darkbg Solarized Base03
              dd.o-Box.ColorDescr(class="!w:1o2 !xo:1 !bc:s03").h-darkbg
  
negative.code:             dt.o-Box.ColorTitle(class="!w:1o2 !xo:4 !bc:sr") Solarized Red
              dd.o-Box.ColorDescr(class="!w:1o2 !xo:5 !bc:sr")
                ul
                  li programming control (#[code if], #[code for], #[code switch], #[code return])
                  li other control (#[code public], #[code private], #[code static])
              dt.o-Box.ColorTitle(class="!w:1o2 !xo:4 !bc:sc") Solarized Cyan
              dd.o-Box.ColorDescr(class="!w:1o2 !xo:5 !bc:sc")
                ul
                  li HTML attribute values
                  li CSS property values
                  li strings (except in CSS#[sup: a.Rf#rf-cssstring(rel="this", href="#fn-cssstring") 2])
              dt.o-Box.ColorTitle(class="!w:1o2 !xo:5 !bc:so") Solarized Orange
              dd.o-Box.ColorDescr(class="!w:1o2 !xo:6 !bc:so")
                ul
                  li delimiters and operators (#[code +], #[code ==], #[code .], #[code new], #[code typeof])
              dt.o-Box.ColorTitle(class="!w:1o2 !xo:5 !bc:sb") Solarized Blue
              dd.o-Box.ColorDescr(class="!w:1o2 !xo:6 !bc:sb")
                ul
  