https://kloeckner.com.ar

Commits Files Refs README LICENSE

commit ad1924911b8e2b238ff3a2df41facc7d7013b70e
parent 4231b3bbe31d3455fd5043b23c8582ed860bb4c3
Author: Martin Kloeckner <mjkloeckner@gmail.com>
Date:   Sat, 19 Sep 2026 13:38:29 -0300

style: update css

Diffstat:
M
css/article_src.css
 | 
30
++++++++++++++++++------------
M
css/style_src.css
 | 
34
++++++++++++++++++++--------------

2 files changed, 38 insertions(+), 26 deletions(-)
diff --git a/css/article_src.css b/css/article_src.css
@@ -3,12 +3,16 @@
     text-align: left;
     padding-top: .5em;
     padding-bottom: 10px;
-    font-size: 28px;
+    font-size: 26px;
+}
+
+ol {
+    padding-bottom: 1em;
 }
 
 .article-date {
-    font-size: 1em;
-    padding-bottom: 2.75em;
+    font-size: 16px;
+    padding-bottom: 2.5em;
     /* color: #588B8B; */
     color: var(--article-date);
     font-style: italic;
@@ -29,14 +33,14 @@ img {
 
 .side-by-side {
     display: flex;
-    justify-content: center; /* Horizontal centering */
+    justify-content: space-between; /* Horizontal centering */
     align-items: center;     /* Vertical centering */
-    gap: 5px;
+    gap: 4px;
     padding-bottom: .75em;
 }
 
 .side-by-side img {
-  width: 49.6%;
+  /* width: 49.6%; */
 }
 
 #article-screenshot {
@@ -73,7 +77,7 @@ img {
 
 h2 {
     padding-bottom: .5em;
-    font-size: 1.5em;
+    font-size: 22px;
 }
 h3 { font-size: 1.25em; }
 h4 { padding-bottom: .5em; }
@@ -116,16 +120,18 @@ blockquote {
         padding-right: .5em
     }
 
-    .side-by-side {
-        display: flex;
+    /* .side-by-side { */
+        /* display: flex; */
         /* flex-direction: column; */
-        justify-content: center;
-        align-items: center;
-    }
+        /* justify-content: center; */
+        /* align-items: center; */
+    /* } */
 
+    /*
     .side-by-side img {
         width: 100%;
     }
+    */
 
     img {
         width: 100%;
diff --git a/css/style_src.css b/css/style_src.css
@@ -32,20 +32,20 @@ body {
     margin-left: .5em;
     margin-right: .5em;
     font-size: 18px;
-    font-family: "Nimbus Sans", "Nimbus Sans L", "Inter", "Helvetica",
-                    "Arial", "DejaVu Sans", sans-serif;
+    font-family: "Nimbus Sans", "Nimbus Sans L", "Helvetica",
+                    "Arial", "Inter", "DejaVu Sans", sans-serif;
     font-weight: 500;
 }
 
 header {
     color: var(--accent-color);
 
-    max-width: 37em;
+    max-width: 680px;
 
     margin-left: auto;
     margin-right: auto;
     margin-top: 16px;
-    margin-bottom: 10px;
+    margin-bottom: 6px;
 
     text-align: center;
 
@@ -81,7 +81,7 @@ table {
     display: block;
 
     width: 100%;
-    max-width: 37em;
+    max-width: 680px;
     height: 0px;
     margin-left: auto;
     margin-right: auto;
@@ -97,12 +97,12 @@ table {
     clear:both;
     display: block;
     width: 100%;
-    max-width: 37em;
+    max-width: 680px;
     height: 0px;
     margin-left: auto;
     margin-right: auto;
     margin-top: 0em;
-    margin-bottom: 18px;
+    margin-bottom: 16px;
     padding-top: 0;
     padding-bottom: 0;
     border-top: 1px dashed var(--secondary-accent-color);
@@ -174,7 +174,7 @@ table {
 article {
     color: var(--fg-color);
 
-    max-width: 37em;
+    max-width: 680px;
 
     margin-left: auto;
     margin-right: auto;
@@ -215,7 +215,7 @@ a {
     display: block;
 
     width: 100%;
-    max-width: 37em;
+    max-width: 680px;
     height: 0px;
 
     margin-left: auto;
@@ -265,7 +265,7 @@ footer {
     padding-bottom: .25em;
     /* animation: zoom-in-zoom-out 5s ease-in-out infinite; */
     animation: none;
-    font-size: 26px;
+    font-size: 1.5em;
 }
 
 #blog-title {
@@ -449,7 +449,7 @@ hr {
 
         h2 {
             padding: 0;
-            font-size: 20px;
+            font-size: 1.10em;
             padding-bottom: .25em;
             text-decoration: underline;
         }
@@ -465,8 +465,9 @@ hr {
         a {
             color: var(--fg-color);
             text-decoration: none;
-            font-family: "inconsolata", monospace;
-            padding-right: .5em;
+            font-family: "inconsolata", monospace;
+            font-size: 18px;
+            padding-right: 4px;
         }
     }
     #see-all-blog-entries {
@@ -526,6 +527,11 @@ b-time {
     width: 100%;
 }
 
+#blog-index-table #date,
+#blog-index-table #date a {
+    white-space: nowrap;
+}
+
 @media (max-width: 800px) {
     body {
         margin-left: 0em;
@@ -581,7 +587,7 @@ b-time {
     #index-title {
         padding-top: 0;
         padding-bottom: .25em;
-        font-size: 1.60em;
+        font-size: 26px;
     }