post stuff

1 files changed, 46 insertions, 0 deletions

diff --git a/docs/index.html b/docs/index.html
index f0282e1..cc69cbf 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -23,6 +23,52 @@
 
     <details class="post">
         <summary>
+            <div class="date">30/12 2019</div>
+            <span class="post-link">Color Conundrum</span>
+        </summary>
+        <div class="post-text">
+            <p>This piece aims to highlight (pun intended) some of the
+reasons behind my <a href="https://files.nerdypepper.tech/bF.png">color
+free</a> editor setup.</p>
+
+<p>Imagine highlighting an entire book because <em>all</em> of it is
+important. That is exactly what (most) syntax highlighting
+does. It is difficult for the human eye to filter out noise
+in rainbow barf. Use color to draw attention, not diverge
+it.</p>
+
+<p>At the same time, a book devoid of color is <em>boring!</em>. What
+is the takeaway from this 10 line paragraph? What are the
+technical terms used?</p>
+
+<p>Prose and code are certainly different, but the fickle
+minded human eye is the same. The eye constantly looks for a
+frame of reference, a focal point. It grows tired when it
+can&#8217;t find one.</p>
+
+<p>The following comparison does a better job of explaining
+(none, ample and over-the-top highlighting, from left to
+right):</p>
+
+<p><img src="https://files.nerdypepper.tech/lt.png" alt="hi.png" /></p>
+
+<p>Without highlighting (far left), it is hard to differentiate
+between comments and code! The florid color scheme (far
+right) is no good either, it contains too many attention
+grabbers. The center sample is a healthy balance of both.
+Function calls and constants stand out, and repetitive
+keywords and other noise (<code>let</code>, <code>as</code>) are mildly dimmed
+out. Comments and non-code text (sign column, status text)
+are dimmed further.</p>
+
+<p>I&#8217;ll stop myself before I rant about color contrast and
+combinations.</p>
+            <div class=separator></div>
+        </div>
+    </details>
+    
+    <details class="post">
+        <summary>
             <div class="date">23/11 2019</div>
             <span class="post-link">Static Sites With Bash</span>
         </summary>