From 265acff102290bbedbcd6a0bd619a7bf5810aa14 Mon Sep 17 00:00:00 2001
From: Eric Bloch <eric@hadron.com>
Date: Tue, 4 Aug 2026 21:39:02 -0700
Subject: [PATCH] Fix invalid HTML and make resume mobile-readable
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Structural and CSS-validity fixes only — no resume content changed.

Markup bugs:
- `<target="_blank" href="#">` was a malformed open tag (missing `a`),
  leaving Incremental Images' `</a>` orphaned.
- Stray `</a>` closing a Clearwell `<li>` instead of `</li>`.
- Clearwell's `<ul>` ran into `</div>` unclosed.
- Orphaned `</li>` left over from a commented-out nested list in the
  MarkLogic section.

CSS validity:
- 12 `font-size` declarations had no unit (`font-size: 16`), which is
  invalid CSS and silently ignored by every browser. Now `16px` etc.,
  so the intended type scale actually renders.

Modernization:
- HTML 4.01 Transitional doctype -> HTML5; added `lang="en"`.
- Added viewport meta, so the page is legible on phones instead of
  rendering at desktop width and zooming out.
- Replaced deprecated `<body link/vlink/alink>` with CSS `a:link`,
  `a:visited`, `a:active` using the identical colors.
- Reduced `div` left padding at narrow widths so deeply nested
  sections don't lose usable line width on small screens.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 EricBloch.html | 44 +++++++++++++++++++++++++-------------------
 1 file changed, 25 insertions(+), 19 deletions(-)
diff --git a/EricBloch.html b/EricBloch.html
index 5b80873..6ce37d6 100755
--- a/EricBloch.html
+++ b/EricBloch.html
@@ -1,7 +1,8 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-<html>
+<!DOCTYPE html>
+<html lang="en">
 <head>
-  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Eric Bloch</title>
   <style type="text/css">
     div {
@@ -11,29 +12,34 @@
       padding-left: 30px;
       border: 3px ;
     }
+    a:link { color: #000099; }
+    a:visited { color: #990099; }
+    a:active { color: #000099; }
+    @media (max-width: 600px) {
+      div { padding-left: 12px; }
+    }
   </style>
 </head>
-<body alink="#000099" vlink="#990099" link="#000099" 
-    style="font-size: 16; color: rgb(0, 0, 0); background-color: rgb(244, 244, 244);">
-<p style="font-family: helvetica,arial,sans-serif; text-align: center; font-size: 22">
+<body style="font-size: 16px; color: rgb(0, 0, 0); background-color: rgb(244, 244, 244);">
+<p style="font-family: helvetica,arial,sans-serif; text-align: center; font-size: 22px">
     Eric Bloch
 </p>
-<p align="center" style="font-size: 14">
-<span style="font-family: helvetica,arial,sans-serif; font-size: 14">15 Miranda Court</span>
-<br style="font-family: helvetica,arial,sans-serif; font-size: 14">
+<p align="center" style="font-size: 14px">
+<span style="font-family: helvetica,arial,sans-serif; font-size: 14px">15 Miranda Court</span>
+<br style="font-family: helvetica,arial,sans-serif; font-size: 14px">
 <span style="font-family: helvetica,arial,sans-serif;">Hillsborough, CA 94010</span>
-<br style="font-family: helvetica,arial,sans-serif; font-size: 14">
-<span style="font-family: helvetica,arial,sans-serif; font-size: 14">650-339-0376</span><br>
+<br style="font-family: helvetica,arial,sans-serif; font-size: 14px">
+<span style="font-family: helvetica,arial,sans-serif; font-size: 14px">650-339-0376</span><br>
 <br>
-<a style="font-family: monospace; font-size: 12" href="https://bloch.family/EricBloch.html">https://bloch.family/EricBloch.html</a>
+<a style="font-family: monospace; font-size: 12px" href="https://bloch.family/EricBloch.html">https://bloch.family/EricBloch.html</a>
 <br style="font-family: monospace;">
-<a style="font-family: monospace; font-size: 12" href="https://www.linkedin.com/in/eedeebee">https://www.linkedin.com/in/eedeebee</a>
+<a style="font-family: monospace; font-size: 12px" href="https://www.linkedin.com/in/eedeebee">https://www.linkedin.com/in/eedeebee</a>
 <br style="font-family: monospace;">
-<a style="font-family: monospace; font-size: 12" href="https://twitter.com/eedeebee">@eedeebee</a>
+<a style="font-family: monospace; font-size: 12px" href="https://twitter.com/eedeebee">@eedeebee</a>
 <br style="font-family: monospace;">
-<a style="font-family: monospace; font-size: 12" href="mailto:eric.bloch@gmail.com">eric.bloch@gmail.com</a>
+<a style="font-family: monospace; font-size: 12px" href="mailto:eric.bloch@gmail.com">eric.bloch@gmail.com</a>
 <br style="font-family: monospace;">
-<a style="font-family: monospace; font-size: 12" href="https://medium.com/@eedeebee/how-to-eedeebee-29eaffc8b4c4">HOWTO: eedeebee</a>
+<a style="font-family: monospace; font-size: 12px" href="https://medium.com/@eedeebee/how-to-eedeebee-29eaffc8b4c4">HOWTO: eedeebee</a>
 </p>
 <p>&nbsp;</p>
 SUMMARY
@@ -181,7 +187,6 @@
         <li><a href="https://github.com/marklogic/sparql2xquery">SPARQL-to-XQuery translator</a> (evidence from this project used to close a multi-million dollar deal; SPARQL support eventually productized).</li>
         </ul>
         -->
-    </li>
     <li>General management of <a href="https://markmail.org/">MarkMail.org</a>, a community-focused searchable message archive of more 
         than 8000 open-source mailing lists and more than 60M messages. As the company's premiere demo, MarkMail shows off powerful search and discovery features 
         that can be used to find answers and understand activity in popular open source projects.
@@ -197,13 +202,14 @@
 <p>
 <ul>
     <li>Delivered two major, <a href="https://www.clearwellsystems.com/products/e-discovery-awards-reviews.php">award winning</a> product
-    releases that brought Clearwell to profitability during my tenure.</a>
+    releases that brought Clearwell to profitability during my tenure.</li>
     <li>Managed server, UI, and build/release teams developing a high-performance, 
     scalable, distributed e-discovery search index, query language and search 
     execution engine as well as user-interface components.</li>
     <li>Provided detailed project planning, scheduling, and tracking.</li>
     <li>Led architecture, design, and development of the appliance's web UI.</li>
     <li>Provided technical evaluation and integration of 3rd-party software for document review features.</li>
+</ul>
 </div>
 <div>
     <b><a target="_blank" href="https://www.ironport.com/">IronPort Systems, Inc.</a></b>, San Bruno, CA. (acquired by <a href="https://www.cisco.com">Cisco Systems</a> in 2007)<p>
@@ -254,7 +260,7 @@
     </ul>
 </div>
 <div>
-    <b><target="_blank" href="#">Incremental Images, Inc.</a></b>, San Francisco, CA.
+    <b><a target="_blank" href="#">Incremental Images, Inc.</a></b>, San Francisco, CA.
     <p><b>Senior Software Engineer</b>, Summer 2000-Summer 2001.</p>
     Incremental Images (a wholly-owned subsidiary of <a
         target="_blank" href="#">Mental Images</a> as of August 2001, since acquired by <a href="https://www.nvidia-arc.com/mentalray.html">NVidia</a>)
