Add metrication checklist icon to footer

center-key · May 2, 2024 · a15bb6d · a15bb6d
1 parent 870530a
commit a15bb6d
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 10 deletions.
diff --git a/src/templates/doc-end.html b/src/templates/doc-end.html
@@ -1,12 +1,13 @@
 <footer>
    <div>
-      <a href=https://think-metric.org><i data-icon=home></i></a>
-      <a href=https://github.com/center-key/think-metric/discussions><i data-icon=comments></i></a>
-      <a href=https://github.com/center-key/think-metric><i data-brand=github></i></a>
-      <a href=https://www.reddit.com/r/ThinkMetric><i data-brand=reddit></i></a>
+      <a title=think-metric.org href=https://think-metric.org><i data-icon=home></i></a>
+      <a title=Checklist        href={{webRoot}}/#checklist><i data-icon=list-ol></i></a>
+      <a title=Discussions      href=https://github.com/center-key/think-metric/discussions><i data-icon=comments></i></a>
+      <a title=GitHub           href=https://github.com/center-key/think-metric><i data-brand=github></i></a>
+      <a title=Reddit           href=https://www.reddit.com/r/ThinkMetric><i data-brand=reddit></i></a>
    </div>
    <div class=external-site>
-      <a href=https://creativecommons.org/public-domain/cc0 data-license=CC0 title=CC0>
+      <a title=CC0 href=https://creativecommons.org/public-domain/cc0 data-license=CC0>
          <i data-brand=creative-commons></i>
       </a>
    </div>

diff --git a/src/website/article/create-product-reviews-showing-metric-references/index.html b/src/website/article/create-product-reviews-showing-metric-references/index.html
@@ -43,6 +43,10 @@ <h2>Tips for product photography</h2>
    </section>
 
    <section>
+      <figure>
+         <img src=product-review.png data-license=fair-use alt=amazon>
+         <figcaption>Product review of crunchy cinnamon roasted almonds</figcaption>
+      </figure>
       <p>
          The visual reference in your product review will help other shoppers by providing
          measurement information, and it will also give everyone a frame of reference for visually

diff --git a/...ite/article/create-product-reviews-showing-metric-references/product-review.png b/...ite/article/create-product-reviews-showing-metric-references/product-review.png
diff --git a/src/website/article/rules/index.html b/src/website/article/rules/index.html
@@ -104,7 +104,7 @@ <h2>Don't lie about elephants being imperial units</h2>
          Authors incorporate frames of reference to create interesting visualizations, and
          communication would be more dull without them.&nbsp;
          An elephant is neither imperial nor metric, so don't claim that a frame of reference is a
-         way to avoid just metric.&nbsp;
+         way to avoid metric.&nbsp;
       </p>
    </section>
 

diff --git a/src/website/index.html b/src/website/index.html
@@ -43,9 +43,6 @@ <h3>Go metric to boost your efficiency</h3>
    <section id=checklist>
       <h2>Your Personal Metrication Checklist</h2>
       {% render 'src/templates/to-do-checklist.html' %}
-      <p>
-         <a href={{webRoot}}/#checklist>think-metric.org/#checklist</a>
-      </p>
    </section>
 
    <section>

diff --git a/src/website/style.less b/src/website/style.less
@@ -71,7 +71,8 @@ body {
                margin-bottom: 15px;
                }
             }
-            >figure { padding: 0px 10px; }  //temporary until v2.1.4
+            >figure { padding: 0px 10px; }      //temporary until v2.1.4
+            >figure img { max-height: 550px; }  //temporary until v2.1.4
          }
       }
    >footer {