fix: set fonts explicitly

Chrome defaults are awful. Pick any sane sans-serif instead.
ankush · Nov 12, 2024 · 732e25a · 732e25a
1 parent 13fa0ef
commit 732e25a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/content/posts/neumann_architecture.md b/content/posts/neumann_architecture.md
@@ -265,12 +265,12 @@ mathematical science, rather **hopeless to try to deal with these matters rigoro
 
 Imagine mathematical genius from 20th century suggesting it's hopeless to deal with round-off errors from successive rounding operations. This is _truly_ a hard problem to solve, just imagine a basic scenario like storing an order for multiple items.
 
-| Product     | Rate  | Quantity | Line Total | Rounded Line Total |
-| :-:         | :-:   | :-:      | :-:        | :-:                |
-| Iron        | 1.555 | 7.0      | 10.885     | 10.89              |
-| Zinc        | 2.555 | 11.0     | 28.105     | 28.11              |
-|             |       |          |            |                    |
-| Grand Total |       |          | 38.99      | 39.00              |
+| Product     | Rate  | Qty  | Line Total | Rounded Line Total |
+| :-:         | :-:   | :-:  | :-:        | :-:                |
+| Iron        | 1.555 | 7.0  | 10.885     | 10.89              |
+| Zinc        | 2.555 | 11.0 | 28.105     | 28.11              |
+|             |       |      |            |                    |
+| Grand Total |       |      | 38.99      | 39.00              |
 
 If you have to round off to 2 digits, where should you round these numbers off? Rates? Line total? Grand total?
 

diff --git a/src/templates/layout.html b/src/templates/layout.html
@@ -7,7 +7,7 @@
     {% block meta %}{% endblock %}
     <style>
     {% block style %}
-    body { max-width: 760px; margin: 48px auto; padding: 0 10px; }
+    body { max-width: 760px; margin: 48px auto; padding: 0 10px; font-family: 'Ubuntu', 'Arial', sans-serif; }
     main > ul { list-style-type: none; padding: 0; }
     main > ul > li { display: flex; }
     main > ul > li > time { min-width: 4em; }
@@ -17,7 +17,7 @@
     img { margin-left: auto; margin-right: auto; display: block; max-width:100%; max-height:100%; }
     table, th, td { border: 1px solid; }
     table { border-collapse: collapse; padding: 0.1em; }
-    th, td { padding: 0.2em 1em; }
+    th, td { padding: 0.1em 0.5em; }
     {% endblock %}
     </style>
   </head>