Skip to content

Commit

Permalink
Make product sections linkable
Browse files Browse the repository at this point in the history 
https://think-metric.org/products/#scales
  • Loading branch information
@dpilafian
dpilafian committed Jun 5, 2024
1 parent e1e496c commit 0fbd554
Show file tree
Hide file tree
Showing 4 changed files with 27 additions and 20 deletions.
10 changes: 5 additions & 5 deletions src/templates/metrication-checklist.html
View file
Original file line number Diff line number Diff line change
@@ -1,24 +1,24 @@
{% assign tapeMeasure = webRoot | append: '/article/go-fast-with-high-contrast-metric-only-tape-measures' %}
{% assign photoReview = webRoot | append: '/article/create-product-reviews-showing-metric-references' %}
{% assign recipe = 'https://pilafian.org/dem/pilaf' %}
{% assign github = 'https://github.com/center-key/think-metric' %}
{% assign photoReview = 'article/create-product-reviews-showing-metric-references' %}
{% assign recipe = 'https://pilafian.org/dem/pilaf' %}
{% assign reddit = 'https://www.reddit.com/r/ThinkMetric' %}
{% assign tapeMeasure = 'article/go-fast-with-high-contrast-metric-only-tape-measures' %}

<ol class=metrication-checklist data-on-click=app.checklist.save>
<li id=phone> <p>Set your mobile device to metric</p> <label><input type=checkbox><b></b></label></li>
<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={{tapeMeasure}}>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=kitchen-scale><p>Buy a <a href=products#scales>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>
<li id=5-star> <p>Leave a 5 star review for a good metric product</p> <label><input type=checkbox><b></b></label></li>
<li id=recipe> <p>Follow a <a href={{recipe}} class=external-site>metric recipe</a> to prepare a dish</p><label><input type=checkbox><b></b></label></li>
<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=family-recipe><p><a href=calculator>Convert</a> 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>
<li id=photo-review> <p>Post a <a href={{photoReview}}>product review</a> showing a metric reference</p> <label><input type=checkbox><b></b></label></li>
<li id=github> <p>Star the <a href={{github}}>think-metric</a> project on GitHub</p> <label><input type=checkbox><b></b></label></li>
Expand Down
31 changes: 18 additions & 13 deletions src/templates/table-of-products.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,8 +21,8 @@
</tr>
-->

<tr>
<th colspan=3>Tape measures</th>
<tr id=tape-measures>
<th colspan=3>Tape Measures</th>
</tr>
<tr>
<td><a href=https://www.amazon.com/dp/B0BJV484FK>🏆 Takamine Professional Tape Measure, 5.5m</a></td>
Expand Down Expand Up @@ -90,7 +90,7 @@
<td><a href=https://www.amazon.com/dp/B000GFHABG><img src=http://images.amazon.com/images/P/B000GFHABG.01._THUMBZZZ_.jpg alt=preview></a></td>
</tr>

<tr>
<tr id=architect-scales>
<th colspan=3>Architect Scales</th>
</tr>
<tr>
Expand All @@ -104,7 +104,7 @@
<td><a href=https://www.amazon.com/dp/B0884M55FJ><img src=http://images.amazon.com/images/P/B0884M55FJ.01._THUMBZZZ_.jpg alt=preview></a></td>
</tr>

<tr>
<tr id=meter-sticks>
<th colspan=3>Meter Sticks</th>
</tr>
<tr>
Expand All @@ -118,7 +118,7 @@
<td><a href=https://www.amazon.com/dp/B01EM8LXL0><img src=https://images-na.ssl-images-amazon.com/images/I/71En27I4g1L._AC_UL116_SR116,116_.jpg alt=preview></a></td>
</tr>

<tr>
<tr id=rulers>
<th colspan=3>Rulers</th>
</tr>
<tr>
Expand All @@ -142,7 +142,7 @@
<td><a href=https://www.amazon.com/dp/B002VA59QW><img src=http://images.amazon.com/images/P/B002VA59QW.01._THUMBZZZ_.jpg alt=preview></a></td>
</tr>

<tr>
<tr id=adhesive-rulers>
<th colspan=3>Adhesive Rulers</th>
</tr>
<tr>
Expand All @@ -156,7 +156,7 @@
<td><a href=https://www.amazon.com/dp/B096JZXXVT><img src=https://m.media-amazon.com/images/I/31-8CWQBu-L._SL500_AC_SS125_FMwebp_.jpg alt=preview></a></td>
</tr>

<tr>
<tr id=calipers>
<th colspan=3>Calipers</th>
</tr>
<tr>
Expand All @@ -177,7 +177,7 @@
<td><a href=https://www.amazon.com/dp/B000W9FN0G><img src=http://images.amazon.com/images/P/B000W9FN0G.01._THUMBZZZ_.jpg alt=preview></a></td>
</tr>

<tr>
<tr id=measuring-spoons-and-cups>
<th colspan=3>Measuring Spoons and Cups</th>
</tr>
<tr>
Expand All @@ -200,8 +200,13 @@
<td>Glass</td>
<td><a href=https://www.amazon.com/dp/B08PTS7VH4><img src=https://m.media-amazon.com/images/I/41wfWn03H0L._AC_AA152_.jpg alt=preview></a></td>
</tr>

<tr>
<td><a href=https://www.amazon.com/dp/B0C3HSV3PP>OBALY Cocktail Metering Cups 25/50 ml &amp; 15/30 ml</a></td>
<td>Stainless Steel</td>
<td><a href=https://www.amazon.com/dp/B0C3HSV3PP><img src=https://m.media-amazon.com/images/I/71WFkIPB8XL._AC_AA152_.jpg alt=preview></a></td>
</tr>

<tr id=scales>
<th colspan=3>Scales</th>
</tr>
<tr>
Expand All @@ -215,7 +220,7 @@
<td><a href=https://www.amazon.com/dp/B0000C98E9><img src=http://images.amazon.com/images/P/B0000C98E9.01._THUMBZZZ_.jpg alt=preview></a></td>
</tr>

<tr>
<tr id=thermometers>
<th colspan=3>Thermometers</th>
</tr>
<tr>
Expand All @@ -234,7 +239,7 @@
<td><a href=https://www.amazon.com/dp/B003N3T2SM><img src=http://images.amazon.com/images/P/B003N3T2SM.01._THUMBZZZ_.jpg alt=preview></a></td>
</tr>

<tr>
<tr id=kettles>
<th colspan=3>Kettles</th>
</tr>
<tr>
Expand All @@ -255,7 +260,7 @@
<td><a href=https://www.amazon.com/dp/B0B5ZWQNB9><img src=https://images-na.ssl-images-amazon.com/images/I/61qQ5LmhDdL._AC_UL232_SR232,232_.jpg alt=preview></a></td>
</tr>

<tr>
<tr id=tool-sets>
<th colspan=3>Tool Sets</th>
</tr>
<tr>
Expand All @@ -264,7 +269,7 @@
<td><a href=https://www.amazon.com/dp/B006LPKXQ4><img src=http://images.amazon.com/images/P/B006LPKXQ4.01._THUMBZZZ_.jpg alt=preview></a></td>
</tr>

<tr>
<tr id=paper>
<th colspan=3>Paper</th>
</tr>
<tr>
Expand Down
4 changes: 3 additions & 1 deletion src/website/article/rules/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ <h2>America, Fuck Yeah</h2>
might just be the reason you still have a democracy.&nbsp;
</p>
<p>
NASA used metric for the Apollo flight calculations thus making America the one and only
NASA used metric for the Apollo flight calculations thus making America the first and only
nation on earth to use metric to land a human on the moon.&nbsp;
</p>
<p>
Expand Down Expand Up @@ -136,6 +136,8 @@ <h2>SI reform advocacy is prohibited</h2>
<p>
Likewise, their obsession with hating centimeters and renaming the kilogram muddies the
waters and is counter-productive to metrication.&nbsp;
</p>
<p>
SI reform advocacy is not welcome here.&nbsp;
</p>
</section>
Expand Down
2 changes: 1 addition & 1 deletion src/website/calculator/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ <h2>{{articleTitle}}</h2>
<h2>Oven Temperature Conversion</h2>
<div>
<form>
<input type=number value=350 data-on-input=app.calculator.convertToCelsius>&deg;F
<input value=350 data-on-input=app.calculator.convertToCelsius>&deg;F
</form>
<i data-icon=arrow-alt-circle-right></i>
<figure><output>180</output>&deg;C</figure> <!-- Start at 350°F = 180°C -->
Expand Down

0 comments on commit 0fbd554

Please sign in to comment.