Tweak styling.

Author: broesler

_posts/2021-02-03-ks2samp.md

@@ -116,17 +116,21 @@ maximum value of a finite set of numbers.*
 
 <div class="proof" markdown=1>
 
-*Proof.* By definition<span
-class="sidenote-wrapper"><label for="sn-1" class="margin-toggle sidenote-number"></label><input type="checkbox" id="sn-1" class="margin-toggle"/><span
-class="sidenote">The *indicator function* is defined as
+*Proof.* By definition,
+<span class="sidenote-wrapper">
+<label for="sn-1" class="margin-toggle sidenote-number"></label>
+<input type="checkbox" id="sn-1" class="margin-toggle"/>
+<span class="sidenote">
+The *indicator function* is defined as
 $$
 \mathbb{1}\!\left\{X \le t\right\} =
 \begin{cases}
   1 & \text{if } X \le t \\
   0 & \text{otherwise}
 \end{cases}.
 $$
-</span></span>, the cdf
+</span></span>
+the cdf
 
 $$
 \begin{align*}
@@ -232,7 +236,8 @@ The following subroutine is an implementation of
 It computes an array of values $T_v(i)$ for each value of $X_i$. The test statistic
 $T_{n,m}$ is the maximum of these values.  
 
-<span class="marginnote-wrapper"><label for="sn-0" class="margin-toggle">&#8862;</label>
+<span class="marginnote-wrapper">
+<label for="sn-0" class="margin-toggle">&#8862;</label>
 <input type="checkbox" id="sn-0" class="margin-toggle"/>
 <span class="marginnote">
   The entire source code for the figures and algorithms in this post is available 

_posts/2025-02-25-householder.md

@@ -333,7 +333,7 @@ It turns out that the Davis method follows the trend
 
 $$
 \begin{align*}
-    v &= \begin{bmatrix} 1, -\frac{2}{\epsilon} \end{bmatrix}^T \\
+    v &= \begin{bmatrix} 1, -\dfrac{2}{\epsilon} \end{bmatrix}^T \\
     \beta &= \frac{\epsilon^2}{2}
 \end{align*}
 $$
@@ -342,7 +342,7 @@ whereas the LAPACK method is more constained:
 
 $$
 \begin{align*}
-    v &= \begin{bmatrix} 1, \frac{\epsilon}{2} \end{bmatrix}^T \\
+    v &= \begin{bmatrix} 1, \dfrac{\epsilon}{2} \end{bmatrix}^T \\
     \beta &= 2,
 \end{align*}
 $$

_posts/2025-02-25-sparseqr.md

@@ -283,7 +283,8 @@ The sparsity pattern of the QR decomposition of the reordered matrix
 
 This result is much closer to the MATLAB result (and even has fewer non-zeros)!
 
-<span class="marginnote-wrapper"><label for="sn-0" class="margin-toggle">&#8862;</label>
+<span class="marginnote-wrapper">
+<label for="sn-0" class="margin-toggle">&#8862;</label>
 <input type="checkbox" id="sn-0" class="margin-toggle"/>
 <span class="marginnote">
 The MATLAB code for the QR function is not open-source, so we cannot get exactly

assets/css/base.css

@@ -31,12 +31,13 @@ body {
 html {
   /* font-family: "PT Serif", Georgia, "Times New Roman", serif; */
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 10px;
+  /* font-size: 10px; */
+  font-size: min(1.125rem, max(32vw, 1.25rem));  /* 18px */
   line-height: 1.5;
 }
 @media (min-width: 38em) {
   html {
-    font-size: 18px;
+    font-size: min(1.125rem, max(32vw, 1.25rem));  /* 18px */
   }
 }
 
@@ -307,24 +308,15 @@ tbody tr:nth-child(odd) th {
  */
 
 .container {
-  max-width: 40rem;  /* 640px */
-  padding-left:  1rem;
-  padding-right: 1rem;
+  max-width: 730px;
   margin-left:  auto;
   margin-right: auto;
 }
 
-/* Medium Screens */
-@media (min-width: 38em) {
-  .container {
-    max-width: 32rem;
-  }
-}
-
 /* Large Screens */
 @media (min-width: 56em) {
   .container {
-    max-width: 40rem;  /* 640px */
+    max-width: 730px;  /* rem * 16 = px */
   }
 }
 

assets/css/layout.css

@@ -601,20 +601,22 @@ figcaption {
     float: right;
     clear: right;
     text-align: left;
-    margin-right: -60%;
+    margin-right: -50%;
     padding-right: 3rem;
+    padding-left: 3rem;
     width: 50%;
     margin-top: 0.3rem;
     margin-bottom: 0;
     font-size: 0.8rem;
+    font-style: italic;
     line-height: 1.3;
     vertical-align: baseline;
     position: relative;
 }
 
 .sidenote {
-  padding-left: 1em;   /* hanging indent */
-  text-indent: -1em;
+  padding-left: 3em;
+  text-indent: -1em;   /* hanging indent */
 }
 
 .sidenote-number {
@@ -632,7 +634,7 @@ figcaption {
     content: counter(sidenote-counter);
     font-size: 0.8rem;
     top: -0.5rem;
-    left: 0.1rem;
+    left: -0.3rem;
 }
 
 .sidenote:before {