1 files changed, 82 insertions, 31 deletions
diff --git a/content_template.pandoc b/content_template.pandoc
index 589eb25..d748c4a 100644
--- a/content_template.pandoc
+++ b/content_template.pandoc
@@ -14,7 +14,8 @@
       margin: auto;
       width: 80%
     }
-    /* colors pulled from my current terminal config */
+    /* colors pulled from my current terminal config.
+       applicable for aha-rendered ANSI text */
     .codebox .black  { color: #2e3436; }
     .codebox .red    { color: #cc0000; }
     .codebox .green  { color: #4e9a06; }
@@ -31,6 +32,52 @@
       /* terminal background */
       background: #171717;
     }
+
+    /* pandoc's default styling colors pre, but we don't need that */
+    .sourceCode { background-color: transparent; }
+    /*
+       DataTypeTok
+       classes, types, etc
+    */
+    .sourceCode .dt { color: #4e9a06; }
+
+    /*
+       KeyWordTok
+       keywords. if, while, except, ...
+    */
+    .sourceCode .kw { color: #c4a000; }
+
+    /* the following five are usually the same color for any language */
+    /* decimal value, base N value, float */
+    .sourceCode .dv, .sourceCode .bn, .sourceCode .fl { color: #cc0000; }
+    /* strings */
+    .sourceCode .st { color: #cc0000; }
+    /* characters */
+    .sourceCode .ch { color: #cc0000; }
+
+    /* comments */
+    .sourceCode .co { color: #3465a4; }
+    /* other - dunno what this is! */
+    .sourceCode .ot { color: #A57800; }
+    /* alert - dunno what this is but it's pretty red. maybe errors? */
+    .sourceCode .al { color: #CB4B16; font-weight: bold; }
+    /* function names - same as other text for now */
+    .sourceCode .fu { }
+    /* region marker - i think ony applicable for c#-like? */
+    .sourceCode .re { }
+    /* error token - how does this differ from alert? */
+    .sourceCode .er { color: #D30102; font-weight: bold; }
+
+    .header {
+      height: 128px;
+      color: #b0b0ff;
+    }
+
+    .button {
+      float: left;
+      width: 256px;
+      color: #00ff00;
+    }
   </style>
 
   $for(css)$
@@ -43,34 +90,38 @@
     $header-includes$
   $endfor$
   </head>
-  <body>
-    $for(include-before)$
-      $include-before$
-    $endfor$
-    $if(title)$
-    <div id="$idprefix$header">
-      <h1 class="title">$title$</h1>
-      $if(subtitle)$
-        <h1 class="subtitle">$subtitle$</h1>
-      $endif$
-      $for(author)$
-        <h2 class="author">$author$</h2>
-      $endfor$
-      $if(date)$
-        <h3 class="date">$date$</h3>
-      $endif$
-    </div>
-    $endif$
-    $if(toc)$
-    <div id="$idprefix$TOC">
-      $toc$
-    </div>
-    $endif$
-    <div class="content">
-    $body$
-    </div>
-    $for(include-after)$
-    $include-after$
-    $endfor$
-  </body>
+<body>
+<div class="header">
+<span class="button">writing index</span>
+<span class="button">main index</span>
+</div>
+$for(include-before)$
+$include-before$
+$endfor$
+$if(title)$
+<div id="$idprefix$header">
+<h1 class="title">$title$</h1>
+$if(subtitle)$
+<h1 class="subtitle">$subtitle$</h1>
+$endif$
+$for(author)$
+<h2 class="author">$author$</h2>
+$endfor$
+$if(date)$
+<h3 class="date">$date$</h3>
+$endif$
+</div>
+$endif$
+$if(toc)$
+<div id="$idprefix$TOC">
+$toc$
+</div>
+$endif$
+<div class="content">
+$body$
+</div>
+$for(include-after)$
+$include-after$
+$endfor$
+</body>
 </html>