anchor.diff:          section
             h2#basic-html-tags Basic HTML Tags
             p.offset-anchor#a
  -            | Click #[a(href="#a") here] to go to another website.
  -            |  #[a.link(href="#a") Or this link]
  -            |  #[a.btn.btn-sm.btn-primary(href="#a") Or this button]
  +            | Click #[a(href='#a') here] to go to another website.
  +            |  #[a.link(href='#a') Or this link]
  +            |  #[a.btn.btn-sm.btn-primary(href='#a') Or this button]
   
             h3#lists Lists
             ul
  
positive.code:           p The #[code code] tag wraps blocks of #[code code].
            p The #[code kbd] tag instructs users to open new tabs with #[kbd #[kbd Ctrl] + #[kbd T]]
            p The #[code pre] tag wraps the following preformatted block of JavaScript:
            pre document.print("Hello World!");
            pre.c-code-block: code
              <span>&lt;!doctype html&gt;</span>
              <span>&lt;<span style="color:#b58900;">html</span>&gt;&lt;<span style="color:#b58900;">head</span>&gt;</span>
              <span>&lt;/<span style="color:#b58900;">head</span>&gt;&lt;<span style="color:#b58900;">body</span>&gt;</span>
              <span>&lt;/<span style="color:#b58900;">body</span>&gt;&lt;/<span style="color:#b58900;">html</span>&gt;</span>
            pre.c-cmd-block git clone git@github.com:ryanvfung/html.git
          section
            h2#other-w3c-elements Other W3C Elements
            h3#svg SVG Demo
            p: svg(width="200px" height="230px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink")
              g
                //- circle/(cx="100" cy="100" r="100" fill="#000")
                //- circle/(cx="100" cy="100" r="95" fill="#ff0")
                //- circle/(cx=" 60" cy=" 60" r="10" fill="#000")
                //- circle/(cx="140" cy=" 60" r="10" fill="#000")
                //- ellipse/(cx="100"cy="110" rx="40" ry="20" fill="#fcf" stroke="#000" stroke-width="0.5")
                //- circle/(cx="080" cy="110" r=" 6" fill="#000")
                //- circle/(cx="120" cy="110" r=" 6" fill="#000")
                <circle cx="100" cy="100" r="100" fill="#000" />
                <circle cx="100" cy="100" r="95" fill="#ff0" />
                <circle cx="060" cy="60" r="10" fill="#000" />
                <circle cx="140" cy="60" r="10" fill="#000" />
                <ellipse cx="100" cy="110" rx="40" ry="20" fill="#fcf" stroke="#000" stroke-width="0.5" />
                <circle cx="080" cy="110" r="6" fill="#000" />
                <circle cx="120" cy="110" r="6" fill="#000" />
              g
                //- path/#smile(stroke="black" stroke-width="5" fill="none" d="M 50,147 s 50,50 100,0")
                <path id="smile" stroke="black" stroke-width="5" fill="none" d="M 50,147 s 50,50 100,0" />
              defs
                //- path/#top(d="M 0,100 s 200,-200 200,200")
                //- path/#textend(d="M 150,205 L 150,223")
                <path id="top" d="M 0,100 s 200,-200 200,200" />
                <path id="textend" d="M 150,205 L 150,223" />
              g
                text: textPath(xlink:href="#smile" startOffset="50%" text-anchor="middle"): tspan(dy="-5") M.o.u.s.t.a.c.h.e
                text(x="100" y="220" rotate="10" text-anchor="middle")
                  | <tspan font-weight="bold" fill="#f60">Ryan</tspan><tspan fill="#ccc">&#39;s Smiley</tspan><tspan fill="transparent">:D</tspan>
                text(fill="#000")
                  textPath(xlink:href="#textend" fill="#ccc")
                    | <tspan dy="-2" dx="3">:</tspan><tspan dy="2">D</tspan>
  
            h3#mathml MathML Demo
            h4 Quadratic Equation
            p The solution to the equation:
              math(xmlns="http://www.w3.org/1998/Math/MathML" alttext="ax&sup2;+bx+c=0"): mstyle(displaystyle="true")
                mi a
                | #[msup: #[mi x] #[mn 2]]
                | #[mo +] #[mi b] #[mo +] #[mi c] #[mo =] #[mn 0]
              | is given by the equation:
              math(xmlns="http://www.w3.org/1998/Math/MathML" alttext="x=(-b&plusmn;&radic;[b&sup2; -4ac]) / (2a)"): mstyle(displaystyle="true")
                | #[mi x] #[mo =]
                mfrac
                  mrow
                    | #[mo(form="prefix") -] #[mi b] #[mo &plusmn;]
                    msqrt
                      | #[msup: #[mi b] #[mn 2]]
                      | #[mo -] #[mn 4] #[mi a] #[mi c]
  
negative.code:           table.table.table-striped
              thead
                tr
                  th(scope='col') Table Header 1
                  th(scope='col') Table Header 2
                  th(scope='col') Table Header 3
              tbody
                tr
                  td Table Cell
  