updated the source specimens with white on dark and new oblique, bold, bold oblique style examples

css/hack.css

@@ -92,6 +92,11 @@
 	font: 11px/12px "Courier New", Courier, mono;
 }
 
+.dark-code{
+    background-color: #2B303B !important;
+    color: #FFF !important;
+}
+
 .size6{ font-size: 6px;}
 .size7{ font-size: 7px;}
 .size8{ font-size: 8px;}

font-specimen.html

@@ -43,7 +43,7 @@
         </div>
 
         <div class="space-above"></div>
-        <h2 class="section-header">Hack Regular Oblique</h2>
+        <h2 class="section-header">Hack Oblique</h2>
         <div class="specimen-oblique size36">
             <p>abcdefghijklmnopqrstuvwxyz 12345</p>
             <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ 67890</p>
@@ -154,7 +154,25 @@
         <div class="space-above"></div>
         <h2 class="section-header">Test Source x Size</h2>
         <h3>8 pixels</h3>
-        <pre class="size8"><code class="specimen-regular">//  The four boxing wizards jump
+        <pre class="size8"><code class="specimen-regular">// <span class="specimen-oblique">Here is a comment in the oblique style</span>
+// <span class="specimen-bold">Here is a comment in the bold style</span>
+// <span class="specimen-boldoblique">Here is a comment in the bold oblique style</span>
+
+//  The four boxing wizards jump
+#include &lt;stdio.h&gt; // &lt;= quickly.
+int main(int argc, char **argv) {
+  long il1[]={1-2/3.4,5+6==7/8};
+  int OxFaced=0xBAD||&quot;[{(CQUINE&quot;;
+  unsigned O0,l1,Z2,S5,G6,B8__XY;
+  printf(&quot;@$Hamburgefo%c`&quot;,&#39;\n&#39;);
+  return ~7&amp;8^9?0:l1|!&quot;j-&gt;k+=*w&quot;;
+}</code></pre>
+
+        <pre class="size8 dark-code"><code class="specimen-regular">// <span class="specimen-oblique">Here is a comment in the oblique style</span>
+// <span class="specimen-bold">Here is a comment in the bold style</span>
+// <span class="specimen-boldoblique">Here is a comment in the bold oblique style</span>
+
+//  The four boxing wizards jump
 #include &lt;stdio.h&gt; // &lt;= quickly.
 int main(int argc, char **argv) {
   long il1[]={1-2/3.4,5+6==7/8};
@@ -164,8 +182,14 @@ int main(int argc, char **argv) {
   return ~7&amp;8^9?0:l1|!&quot;j-&gt;k+=*w&quot;;
 }</code></pre>
 
+
+
         <h3>9 pixels</h3>
-        <pre class="size9"><code class="specimen-regular">//  The four boxing wizards jump
+        <pre class="size9"><code class="specimen-regular">// <span class="specimen-oblique">Here is a comment in the oblique style</span>
+// <span class="specimen-bold">Here is a comment in the bold style</span>
+// <span class="specimen-boldoblique">Here is a comment in the bold oblique style</span>
+
+//  The four boxing wizards jump
 #include &lt;stdio.h&gt; // &lt;= quickly.
 int main(int argc, char **argv) {
   long il1[]={1-2/3.4,5+6==7/8};
@@ -175,8 +199,28 @@ int main(int argc, char **argv) {
   return ~7&amp;8^9?0:l1|!&quot;j-&gt;k+=*w&quot;;
 }</code></pre>
 
+        <pre class="size9 dark-code"><code class="specimen-regular">// <span class="specimen-oblique">Here is a comment in the oblique style</span>
+// <span class="specimen-bold">Here is a comment in the bold style</span>
+// <span class="specimen-boldoblique">Here is a comment in the bold oblique style</span>
+
+//  The four boxing wizards jump
+#include &lt;stdio.h&gt; // &lt;= quickly.
+int main(int argc, char **argv) {
+  long il1[]={1-2/3.4,5+6==7/8};
+  int OxFaced=0xBAD||&quot;[{(CQUINE&quot;;
+  unsigned O0,l1,Z2,S5,G6,B8__XY;
+  printf(&quot;@$Hamburgefo%c`&quot;,&#39;\n&#39;);
+  return ~7&amp;8^9?0:l1|!&quot;j-&gt;k+=*w&quot;;
+}</code></pre>
+
+
+
         <h3>10 pixels</h3>
-        <pre class="size10"><code class="specimen-regular">//  The four boxing wizards jump
+        <pre class="size10"><code class="specimen-regular">// <span class="specimen-oblique">Here is a comment in the oblique style</span>
+// <span class="specimen-bold">Here is a comment in the bold style</span>
+// <span class="specimen-boldoblique">Here is a comment in the bold oblique style</span>
+
+//  The four boxing wizards jump
 #include &lt;stdio.h&gt; // &lt;= quickly.
 int main(int argc, char **argv) {
   long il1[]={1-2/3.4,5+6==7/8};
@@ -186,8 +230,30 @@ int main(int argc, char **argv) {
   return ~7&amp;8^9?0:l1|!&quot;j-&gt;k+=*w&quot;;
 }</code></pre>
 
+        <pre class="size10 dark-code"><code class="specimen-regular">// <span class="specimen-oblique">Here is a comment in the oblique style</span>
+// <span class="specimen-bold">Here is a comment in the bold style</span>
+// <span class="specimen-boldoblique">Here is a comment in the bold oblique style</span>
+
+//  The four boxing wizards jump
+#include &lt;stdio.h&gt; // &lt;= quickly.
+int main(int argc, char **argv) {
+  long il1[]={1-2/3.4,5+6==7/8};
+  int OxFaced=0xBAD||&quot;[{(CQUINE&quot;;
+  unsigned O0,l1,Z2,S5,G6,B8__XY;
+  printf(&quot;@$Hamburgefo%c`&quot;,&#39;\n&#39;);
+  return ~7&amp;8^9?0:l1|!&quot;j-&gt;k+=*w&quot;;
+}</code></pre>
+
+
+
+
+
         <h3>11 pixels</h3>
-        <pre class="size11"><code class="specimen-regular">//  The four boxing wizards jump
+        <pre class="size11"><code class="specimen-regular">// <span class="specimen-oblique">Here is a comment in the oblique style</span>
+// <span class="specimen-bold">Here is a comment in the bold style</span>
+// <span class="specimen-boldoblique">Here is a comment in the bold oblique style</span>
+
+//  The four boxing wizards jump
 #include &lt;stdio.h&gt; // &lt;= quickly.
 int main(int argc, char **argv) {
   long il1[]={1-2/3.4,5+6==7/8};
@@ -197,8 +263,44 @@ int main(int argc, char **argv) {
   return ~7&amp;8^9?0:l1|!&quot;j-&gt;k+=*w&quot;;
 }</code></pre>
 
+        <pre class="size11 dark-code"><code class="specimen-regular">// <span class="specimen-oblique">Here is a comment in the oblique style</span>
+// <span class="specimen-bold">Here is a comment in the bold style</span>
+// <span class="specimen-boldoblique">Here is a comment in the bold oblique style</span>
+
+//  The four boxing wizards jump
+#include &lt;stdio.h&gt; // &lt;= quickly.
+int main(int argc, char **argv) {
+  long il1[]={1-2/3.4,5+6==7/8};
+  int OxFaced=0xBAD||&quot;[{(CQUINE&quot;;
+  unsigned O0,l1,Z2,S5,G6,B8__XY;
+  printf(&quot;@$Hamburgefo%c`&quot;,&#39;\n&#39;);
+  return ~7&amp;8^9?0:l1|!&quot;j-&gt;k+=*w&quot;;
+}</code></pre>
+
+
+
+
+
         <h3>12 pixels</h3>
-        <pre class="size12"><code class="specimen-regular">//  The four boxing wizards jump
+        <pre class="size12"><code class="specimen-regular">// <span class="specimen-oblique">Here is a comment in the oblique style</span>
+// <span class="specimen-bold">Here is a comment in the bold style</span>
+// <span class="specimen-boldoblique">Here is a comment in the bold oblique style</span>
+
+//  The four boxing wizards jump
+#include &lt;stdio.h&gt; // &lt;= quickly.
+int main(int argc, char **argv) {
+  long il1[]={1-2/3.4,5+6==7/8};
+  int OxFaced=0xBAD||&quot;[{(CQUINE&quot;;
+  unsigned O0,l1,Z2,S5,G6,B8__XY;
+  printf(&quot;@$Hamburgefo%c`&quot;,&#39;\n&#39;);
+  return ~7&amp;8^9?0:l1|!&quot;j-&gt;k+=*w&quot;;
+}</code></pre>
+
+        <pre class="size12 dark-code"><code class="specimen-regular">// <span class="specimen-oblique">Here is a comment in the oblique style</span>
+// <span class="specimen-bold">Here is a comment in the bold style</span>
+// <span class="specimen-boldoblique">Here is a comment in the bold oblique style</span>
+
+//  The four boxing wizards jump
 #include &lt;stdio.h&gt; // &lt;= quickly.
 int main(int argc, char **argv) {
   long il1[]={1-2/3.4,5+6==7/8};
@@ -208,8 +310,30 @@ int main(int argc, char **argv) {
   return ~7&amp;8^9?0:l1|!&quot;j-&gt;k+=*w&quot;;
 }</code></pre>
 
+
+
+
+
         <h3>13 pixels</h3>
-        <pre class="size13"><code class="specimen-regular">//  The four boxing wizards jump
+        <pre class="size13"><code class="specimen-regular">// <span class="specimen-oblique">Here is a comment in the oblique style</span>
+// <span class="specimen-bold">Here is a comment in the bold style</span>
+// <span class="specimen-boldoblique">Here is a comment in the bold oblique style</span>
+
+//  The four boxing wizards jump
+#include &lt;stdio.h&gt; // &lt;= quickly.
+int main(int argc, char **argv) {
+  long il1[]={1-2/3.4,5+6==7/8};
+  int OxFaced=0xBAD||&quot;[{(CQUINE&quot;;
+  unsigned O0,l1,Z2,S5,G6,B8__XY;
+  printf(&quot;@$Hamburgefo%c`&quot;,&#39;\n&#39;);
+  return ~7&amp;8^9?0:l1|!&quot;j-&gt;k+=*w&quot;;
+}</code></pre>
+
+        <pre class="size13 dark-code"><code class="specimen-regular">// <span class="specimen-oblique">Here is a comment in the oblique style</span>
+// <span class="specimen-bold">Here is a comment in the bold style</span>
+// <span class="specimen-boldoblique">Here is a comment in the bold oblique style</span>
+
+//  The four boxing wizards jump
 #include &lt;stdio.h&gt; // &lt;= quickly.
 int main(int argc, char **argv) {
   long il1[]={1-2/3.4,5+6==7/8};
@@ -219,8 +343,17 @@ int main(int argc, char **argv) {
   return ~7&amp;8^9?0:l1|!&quot;j-&gt;k+=*w&quot;;
 }</code></pre>
 
+
+
+
+
+
         <h3>14 pixels</h3>
-        <pre class="size14"><code class="specimen-regular">//  The four boxing wizards jump
+        <pre class="size14"><code class="specimen-regular">// <span class="specimen-oblique">Here is a comment in the oblique style</span>
+// <span class="specimen-bold">Here is a comment in the bold style</span>
+// <span class="specimen-boldoblique">Here is a comment in the bold oblique style</span>
+
+//  The four boxing wizards jump
 #include &lt;stdio.h&gt; // &lt;= quickly.
 int main(int argc, char **argv) {
   long il1[]={1-2/3.4,5+6==7/8};
@@ -230,8 +363,11 @@ int main(int argc, char **argv) {
   return ~7&amp;8^9?0:l1|!&quot;j-&gt;k+=*w&quot;;
 }</code></pre>
 
-        <h3>16 pixels</h3>
-        <pre class="size16"><code class="specimen-regular">//  The four boxing wizards jump
+        <pre class="size14 dark-code"><code class="specimen-regular">// <span class="specimen-oblique">Here is a comment in the oblique style</span>
+// <span class="specimen-bold">Here is a comment in the bold style</span>
+// <span class="specimen-boldoblique">Here is a comment in the bold oblique style</span>
+
+//  The four boxing wizards jump
 #include &lt;stdio.h&gt; // &lt;= quickly.
 int main(int argc, char **argv) {
   long il1[]={1-2/3.4,5+6==7/8};
@@ -245,6 +381,34 @@ int main(int argc, char **argv) {
 
 
 
+        <h3>16 pixels</h3>
+        <pre class="size16"><code class="specimen-regular">// <span class="specimen-oblique">Here is a comment in the oblique style</span>
+// <span class="specimen-bold">Here is a comment in the bold style</span>
+// <span class="specimen-boldoblique">Here is a comment in the bold oblique style</span>
+
+//  The four boxing wizards jump
+#include &lt;stdio.h&gt; // &lt;= quickly.
+int main(int argc, char **argv) {
+  long il1[]={1-2/3.4,5+6==7/8};
+  int OxFaced=0xBAD||&quot;[{(CQUINE&quot;;
+  unsigned O0,l1,Z2,S5,G6,B8__XY;
+  printf(&quot;@$Hamburgefo%c`&quot;,&#39;\n&#39;);
+  return ~7&amp;8^9?0:l1|!&quot;j-&gt;k+=*w&quot;;
+}</code></pre>
+
+        <pre class="size16 dark-code"><code class="specimen-regular">// <span class="specimen-oblique">Here is a comment in the oblique style</span>
+// <span class="specimen-bold">Here is a comment in the bold style</span>
+// <span class="specimen-boldoblique">Here is a comment in the bold oblique style</span>
+
+//  The four boxing wizards jump
+#include &lt;stdio.h&gt; // &lt;= quickly.
+int main(int argc, char **argv) {
+  long il1[]={1-2/3.4,5+6==7/8};
+  int OxFaced=0xBAD||&quot;[{(CQUINE&quot;;
+  unsigned O0,l1,Z2,S5,G6,B8__XY;
+  printf(&quot;@$Hamburgefo%c`&quot;,&#39;\n&#39;);
+  return ~7&amp;8^9?0:l1|!&quot;j-&gt;k+=*w&quot;;
+}</code></pre>
 
 
     </div>