New article on rules

README.md

@@ -26,7 +26,7 @@ $ cd think-metric
 $ npm install
 $ npm run interactive
 ```
-As you make edits to files in the *src* folder, your browser will automatically refresh to display the new changes.
+As you make edits to files in the **src** folder, your browser will automatically refresh to display the new changes.
 
 To publish merges to the live website:<br>
 GitHub project page &#10132; _Actions_ &#10132; _Publish Website_ &#10132; _Run workflow_

src/templates/generated/articles.html

@@ -1,3 +1,4 @@
 <li><a href={{webRoot}}/article/go-fast-with-high-contrast-metric-only-tape-measures>Go Fast With High Contrast Metric Only Tape Measures</a></li>
 <li><a href={{webRoot}}/article/metric-poetry>Metric Poetry</a></li>
 <li><a href={{webRoot}}/article/metrication-is-the-path-of-least-resistance>Metrication is the Path of Least Resistance</a></li>
+<li><a href={{webRoot}}/article/rules>Rules</a></li>

src/templates/to-do-checklist.html

@@ -3,7 +3,7 @@
    <li id=car>          <p>Set the display in your car to Celsius (&deg;C)</p>                                    <label><input type=checkbox><b></b></label></li>
    <li id=home>         <p>Set your home thermostat to Celsius (&deg;C)</p>                                       <label><input type=checkbox><b></b></label></li>
    <li id=refrigerator> <p>Set your refrigerator to Celsius (&deg;C)</p>                                          <label><input type=checkbox><b></b></label></li>
-   <li id=tape-measure> <p>Buy a metric only <a href={{webRoot}}/products>tape measure</a></p>                    <label><input type=checkbox><b></b></label></li>
+   <li id=tape-measure> <p>Buy a metric only <a href={{webRoot}}/article/go-fast-with-high-contrast-metric-only-tape-measures>tape measure</a></p><label><input type=checkbox><b></b></label></li>
    <li id=kitchen-scale><p>Buy a <a href={{webRoot}}/products>kitchen scale</a> that displays grams (g)</p>       <label><input type=checkbox><b></b></label></li>
    <li id=bathroom>     <p>Set your bathroom scale to kilograms (kg)</p>                                          <label><input type=checkbox><b></b></label></li>
    <li id=helpful>      <p>Click "Helpful" for a review of a good metric product</p>                              <label><input type=checkbox><b></b></label></li>
@@ -12,4 +12,6 @@
    <li id=diy>          <p>Complete a DIY project using only metric</p>                                           <label><input type=checkbox><b></b></label></li>
    <li id=video>        <p>Up vote a video on social media that uses only metric</p>                              <label><input type=checkbox><b></b></label></li>
    <li id=labeling>     <p>Purchase a product for its better metric labeling</p>                                  <label><input type=checkbox><b></b></label></li>
+   <li id=family-recipe><p>Convert a family recipe to metric and share</p>                                        <label><input type=checkbox><b></b></label></li>
+   <li id=comment>      <p>Use metric units in a social media comment</p>                                         <label><input type=checkbox><b></b></label></li>
 </ol>

src/website/article/rules/index.html

@@ -0,0 +1,109 @@
+{% assign articleTitle = 'Rules' %}
+{% assign heroImage =    'cvn-75.jpg' %}
+{% assign heroCaption =  'USS Harry S. Truman (CVN 75)' %}
+{% render 'src/templates/doc-begin.html', articleTitle: articleTitle, heroImage: heroImage, heroCaption: heroCaption %}
+
+<main>
+
+   <section>
+      <h2>{{articleTitle}}</h2>
+      <figure>
+         <img src={{heroImage}} data-author=jeffrey-g-katz-on-navy.mil data-license=public-domain alt=supercarrier>
+      </figure>
+   </section>
+
+   <section>
+      <h2>Don't be whiny</h2>
+      <p>
+         We advocate for metrication.&nbsp;
+         Do not complain about obstacles and slow progress unless you also have ideas for
+         solutions.&nbsp;
+         Note that criticism and insults directed towards imperial units are just fine.&nbsp;
+      </p>
+   </section>
+
+   <section>
+      <h2>America, Fuck Yeah</h2>
+      <p>
+         We do not tolerate whining about Americans being too this or that to understand
+         metric.&nbsp;
+         Ain't nobody got time to listen to tankies, bootlickers, and jihadists cry about the
+         U.S.&nbsp;
+      </p>
+      <p>
+         By the way, NASA used metric for the Apollo flight calculations, so America is the only
+         country on earth to use metric to land a human on the moon.&nbsp;
+      </p>
+      <p>
+         America, Fuck Yeah! 🇺🇸🗽🇺🇸&nbsp;
+      </p>
+   </section>
+
+   <section>
+      <h2>Do not debate spelling or pronunciation</h2>
+      <p>
+         In America we spell and pronounce some metric words, like kilometer, differently than in
+         other countries.&nbsp;
+         That's fine &mdash; variety is the spice of life.&nbsp;
+         Do not debate spelling and pronunciation.&nbsp;
+         Being pedantic and annoying makes all metric advocates seem like dweeby jerks.&nbsp;
+      </p>
+   </section>
+
+   <section>
+      <h2>No unit conversion tips</h2>
+      <p>
+         Doing unit conversions is like driving a rusted out Yugo or Trabant.&nbsp;
+         Sure, you can do it, but why?&nbsp;
+         Unit conversions hamper intuitive understanding of measurements and harm numeracy.&nbsp;
+         Unit conversions are a distracting waste of time.&nbsp;
+      </p>
+   </section>
+
+   <section>
+      <h2>Don't be pedantic</h2>
+      <p>
+         Following SI (International System of Units) rules correctly is important in professional
+         domains such as scholarly publishing, engineering specifications, government regulations,
+         and business contracts.&nbsp;
+         However, SI rules are not helpful when casually communicating about things like your
+         height and weight.&nbsp;
+      </p>
+      <p>
+         We support metrication, and adherence to the finer details of SI rules is a separate
+         discussion from metrication.&nbsp;
+      </p>
+   </section>
+
+
+   <section>
+      <h2>Don't lie about elephants being imperial units</h2>
+      <p>
+      <figure>
+         <img src=asian-elephant.jpg data-author=basile-morin-on-wikimedia data-license=cc-by-sa alt=elephant>
+      </figure>
+      <p>
+         A frame of reference, such as an elephant or a school bus, spices up
+         storytelling.&nbsp;
+         Authors incorporate frames of reference to create interesting visualizations, and
+         communication would be more dull without them.&nbsp;
+         The size of elephant is neither imperial nor metric, so don't say that a frame of
+         reference is a way to avoid metric.&nbsp;
+      </p>
+   </section>
+
+   <section>
+      <h2>Metric clock gibberish is prohibited</h2>
+      <p>
+         Metric clocks are a goofy idea that have nothing to do with metrication.&nbsp;
+         A tenth of a day is a useless time interval, so the whole idea of a metric clock can
+         never catch on.&nbsp;
+         The second is a base SI unit, and other units of time, like the hour, are just
+         convenient derivations of the second.&nbsp;
+      </p>
+      <figure>⚖️ ⚖️ ⚖️</figure>
+   </section>
+
+</main>
+
+{% render 'src/templates/doc-end.html' %}