work on filter() section

case-study-porting-chardet-to-python-3.html

@@ -9,6 +9,7 @@
 <h1>Case study: porting chardet to Python 3</h1>
 
 <ol class="toc">
+<li><a href="#divingin">Diving in</a></li>
 <li><a href="#running2to3">Running <code class="filename">2to3</code></a></li>
 <li><a href="#falseisinvalidsyntax"><code>False</code> is invalid syntax</a></li>
 <li><a href="#nomodulenamedconstants">No module named <code class="filename">constants</code></a></li>
@@ -17,6 +18,16 @@
 <li><a href="#cantconvertbytesobject">Can't convert '<code>bytes</code>' object to <code>str</code> implicitly</a></li>
 </ol>
 
+<section id="divingin">
+
+<h2>Diving in</h2>
+
+<p class="fancy">FIXME intro</p>
+
+<p>...</p>
+
+</section>
+
 <section id="running2to3">
 
 <h2>Running <code class="filename">2to3</code></h2>

dip3.css

@@ -18,8 +18,8 @@ img{border:0}
 pre,blockquote{line-height:2.154;margin:2.154em 0;padding:0 0 0 2.154em;border-left:1px dotted}
 blockquote{font-size:small;font-style:oblique;margin-left:2.154em}
 blockquote p{margin:2.154em 0}
-.f,.c{text-align:center;clear:both}
-section h2 + p:first-letter{float:left;background:transparent;color:gainsboro;padding:0.11em 4px 0 0;font:normal 4em/0.68 serif}
+.c{text-align:center;clear:both;font-size:small}
+p.fancy:first-letter{float:left;background:transparent;color:gainsboro;padding:0.11em 4px 0 0;font:normal 4em/0.68 serif}
 #arc{width:100%,border-collapse:collapse}
 #arc th,#arc td{list-style:none;margin:0;padding:0}
 #arc th{padding:0 1.75em 0 0;text-align:right;vertical-align:baseline}

index.html

@@ -846,6 +846,7 @@
 </section>
 
 <footer>
+<p class="c">This site is optimized for Lynx just because fuck you.<br>I'm told it also looks good in graphical browsers.</p>
 <p class="c">&copy; 2001-4, 2009 Mark Pilgrim, <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">CC-BY-3.0</a></p>
 </footer>