Add table of human body parts

center-key · Jun 20, 2024 · 4259b71 · 4259b71
1 parent 7c633c7
commit 4259b71
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 62 deletions.
diff --git a/src/website/article/a-pint-is-not-a-unit-of-measurement/index.html b/src/website/article/a-pint-is-not-a-unit-of-measurement/index.html
@@ -39,15 +39,16 @@ <h2>It's Just a Ton</h2>
       <p>
          Eventually there will only be a single meaning of the word "ton" for weight, and it will
          unambiguously mean exactly 1,000 kg.&nbsp;
-         Today, unfortunately, we have the British ton (long ton), tonne (metric ton), and
+         Today, unfortunately, we have the British ton (long ton), metric ton (tonne), and
          U.S. ton (short ton).&nbsp;
          Crazy.&nbsp;
       </p>
       <p>
-         The spelling of the word "tonne" is bizarre &mdash; the word needs to die out.&nbsp;
+         The spelling of the word "tonne" is bizarre &mdash; that farcical word needs to die
+         out.&nbsp;
          Saying "metric ton" solves the ambiguity problem, but it's redundant like
          saying "metric liter".&nbsp;
-         Even if it takes 100 years, the ridiculous and inefficient jumble of units will be
+         Even if it takes 100 years, the ridiculous and inefficient jumble of ton units will be
          relegated to the dustbin of history, and a ton will just be a ton.&nbsp;
       </p>
       <figure>🍺 🍺 🍺</figure>

diff --git a/src/website/article/metrication-is-the-path-of-least-resistance/index.html b/src/website/article/metrication-is-the-path-of-least-resistance/index.html
@@ -46,7 +46,7 @@ <h2>It's Already Happening</h2>
       </p>
       <p>
          Consumer goods in the U.S. are mostly imported, and online retailers rarely do proper
-         conversions to inch fractions for product information.&nbsp;
+         conversions to fractional inches for product information.&nbsp;
          Converting units takes effort.&nbsp;
          Retailers are lazy so they convert product information to decimal inches or sometimes
          don't even bother.&nbsp;

diff --git a/src/website/article/millimeter-standard-war/index.html b/src/website/article/millimeter-standard-war/index.html
@@ -50,10 +50,22 @@ <h2>Human Scale</h2>
          numbers.&nbsp;
       </p>
       <p>
-         Centimeters provide the correct level of precision and are super easy to communicate.&nbsp;
+         Centimeters provide the correct level of precision and are super easy to
+         communicate.&nbsp;
          To answer an inquiry about your height, you just need to reply with a simple number, such
          as "184", and you're done.&nbsp;
       </p>
+      <p>
+         You can even use your body as a human ruler.&nbsp;
+      </p>
+      <table data-code-column=2 data-number-column=2>
+         <thead><tr><th>Body Part</th><th>Ruler</th></tr></thead>
+         <tbody>
+            <tr><td>Across your pinky fingernail</td>                             <td>1 cm</td></tr>
+            <tr><td>Across of your fist</td>                                      <td>10 cm</td></tr>
+            <tr><td>Ground to your belly button (or<br>waist if you're tall)</td> <td>100 cm</td></tr>
+         </tbody>
+      </table>
       <p>
          Long live the centimeter!&nbsp;
       </p>

diff --git a/src/website/css/components.less b/src/website/css/components.less
@@ -65,33 +65,6 @@ code.block {
    padding: 5px 15px;
    }
 
-// data-code-column
-table {
-   &[data-code-column="1"] tbody tr td:nth-child(1) { .MonospaceText(); }
-   &[data-code-column="2"] tbody tr td:nth-child(2) { .MonospaceText(); }
-   &[data-code-column="3"] tbody tr td:nth-child(3) { .MonospaceText(); }
-   &[data-code-column="4"] tbody tr td:nth-child(4) { .MonospaceText(); }
-   &[data-code-column="5"] tbody tr td:nth-child(5) { .MonospaceText(); }
-   }
-
-// data-hide-column
-table {
-   .HideCell() {
-      max-width: 0px;
-      overflow: hidden;
-      padding: 0px;
-      margin: 0px;
-      }
-   &[data-hide-column] thead tr th, tbody tr td { transition: all 1s };
-   .MobileMode({
-      &[data-hide-column="1"] { thead tr th:nth-child(1), tbody tr td:nth-child(1) { .HideCell() } }
-      &[data-hide-column="2"] { thead tr th:nth-child(2), tbody tr td:nth-child(2) { .HideCell() } }
-      &[data-hide-column="3"] { thead tr th:nth-child(3), tbody tr td:nth-child(3) { .HideCell() } }
-      &[data-hide-column="4"] { thead tr th:nth-child(4), tbody tr td:nth-child(4) { .HideCell() } }
-      &[data-hide-column="5"] { thead tr th:nth-child(5), tbody tr td:nth-child(5) { .HideCell() } }
-      });
-   }
-
 table.big-table {
    margin: 0px;
    .TableCell() {

diff --git a/src/website/css/layout.less b/src/website/css/layout.less
@@ -80,36 +80,6 @@ body {
                padding-left: 0em;
                margin-bottom: 15px;
                }
-            //TEMPORARY
-            code {
-               white-space: normal;
-               }
-            blockquote {
-               display: block;
-               width: 100%;
-               font-size: 1.2rem;
-               font-style: italic;
-               text-align: left;
-               border: 1px solid silver;
-               padding: 10px 25px;
-               margin: 0px 0px 20px 0px;
-               cite {
-                  display: block;
-                  font-size: 0.8rem;
-                  font-weight: 100;
-                  font-style: normal;
-                  letter-spacing: 0.05em;
-                  text-align: right;
-                  padding-top: 5px;
-                  &::before {
-                     content: @symbolEmDash;  //character: —
-                     margin-right: 0.4em;
-                     }
-                  }
-               figure {
-                  margin-bottom: 0px;
-                  }
-               }
             }
          a {
             white-space: normal;